html,body{background:#fffffa;color:#3a3a3a;margin:0;padding:0}::selection{background:#ffb7b7}::-moz-selection{background:#ffb7b7}.container{font-family:Raleway,sans-serif;font-weight:400;height:100%;margin:0 auto;max-width:960px;width:80%}.content-container{width:80%;margin-left:auto;margin-right:auto}section,footer{display:inline-block;width:100%;margin-top:30px}section p:last-of-type{margin-bottom:0}section div ul li:last-of-type{padding-bottom:0}h1{font-family:Oswald,sans-serif;font-size:80px;font-weight:400;letter-spacing:7px;margin:0}h2{font-size:22px;font-weight:600;letter-spacing:.1em;margin-bottom:20px;margin-top:0}a{color:#3a3a3a;display:inline;padding:2px 5px;text-decoration:none;transition:all .175s linear;border-radius:2px;line-height:25px}a:hover{background:#3a3a3a;color:#fffffa}ul{list-style-type:none;margin:0;padding-left:0}li{font-size:16px;padding-bottom:16px}.highlight{background:#3a3a3a;border-radius:2px;color:#fffffa;transition:all .175s linear}.info{padding-top:25px;text-align:center}.info>h1{padding-top:5px;text-transform:uppercase;cursor:default}.info h2{color:#777;letter-spacing:.15em;text-transform:uppercase;cursor:default}.social li{display:inline;font-size:12px;letter-spacing:2px}.social span{padding:0 20px;font-size:12px}.picture{float:left;border-radius:5%;margin:5px 35px 5px 5px}#profile p{margin-top:5px;text-align:justify;color:#3a3a3a;font-size:16px;line-height:22px;letter-spacing:.02em}.work{float:left;width:50%}.work a{letter-spacing:.02em}.work span{font-style:italic;font-size:12px;padding-left:15px}.cloud{float:right;width:39%;text-align:right}.cloud span{display:inline-block;cursor:default;padding:2px 5px;margin-right:3px;margin-bottom:16px;transition:all .175s linear;border-radius:2px}.cloud span:hover{background:#3a3a3a;color:#fffffa}.cloud .skill-container{height:0}.copyright{width:80%;text-align:center;font-size:14px;margin:0 auto 20px;color:#999;letter-spacing:1px}@media (max-width: 906px){.work{width:100%}.cloud{display:none}h1{font-size:50px}.info h2{font-size:15px;margin-bottom:10px}.social span{padding:0 4px}.social a{padding-right:0}}@media (max-width: 570px){.container{width:90%}h1{font-size:40px}.info h2{font-size:13px}.social span{padding:0 2px}.social a{padding-right:0}.picture{display:none}}@media (max-width: 480px){.info h2{font-size:9px;margin-bottom:0}.social span,.social a{font-size:8px}#profile{text-align:center}#profile p{display:inline-block}}