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