@import url(https://fonts.googleapis.com/css?family=Lato:300,400,900);.menu,body,html{width:100%;background:#222}.menu,.menu h1,.topnav li{line-height:50px}.head,.topnav{font-weight:300}.head,.intro,.intro .text,.topnav li{text-align:center}.side,body,html{overflow-x:hidden}.menu h1,.photos li,.topnav,.topnav li{display:inline-block}.desc h1,.head,.intro,.sub-btn{text-transform:uppercase}.begin:hover,.code-btn:hover,.head,.menu,body,html{background:#222}.begin:hover,.code-btn:hover,.sec-A h1{border-bottom:1px solid #cf3b28}body,html{height:100%;margin:0;padding:0;font-family:Lato}.menu{height:50px;position:fixed;top:0;z-index:111;padding:5px;border-bottom:1px solid rgba(207,59,40,.3)}.name,.sub-name{top:50%;left:50%}.menu a,.topnav a{text-decoration:none;color:inherit}.head,.menu h1,.topnav,.topnav li{color:#eaeaea}.menu h1{margin:0 0 0 10px;font-weight:400;width:55px;cursor:pointer;border-right:1px solid #444;font-size:25px;transition:.3s;-webkit-transition:.2s;-moz-transition:.2s}.menu h1 span{color:#cf3b28;transition:.2s;-webkit-transition:.2s;-moz-transition:.2s}.menu h1:hover,.menu h1:hover span{color:#666}.topnav{list-style:none;margin:0;padding:0;height:50px;font-size:15px;letter-spacing:1px}.topnav li{margin:0 7px;font-size:30px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.topnav li:first-child{margin-left:10px}.topnav li:hover{color:#cf3b28;transform:rotate(10deg);-webkit-transform:rotate(10deg)}.head{font-size:60px;height:80vh;width:100vw;position:relative;z-index:1111;line-height:25px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.down,.down:before,.name{position:absolute}.pg-btn,.sub-btn{padding:10px 0;line-height:15px;cursor:pointer}.head-hide{height:0;opacity:0}.down{width:20px;height:20px;opacity:.2;border-bottom:5px solid #cf3b28;border-right:5px solid #cf3b28;bottom:13px;left:50%;cursor:pointer;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}.down:before{content:"scroll";opacity:0;right:-10px;top:-10px;font-size:15px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transition:.3s;-webkit-transition:.3s}.down:hover:before{opacity:1}.head span{font-weight:900}.intro h3,.sub-name{font-weight:300;color:#cf3b28}.name{width:500px;margin-left:-250px;margin-top:-30px}.bye{position:relative}.sub-name{position:absolute;margin-top:7px;margin-left:23px;font-size:35px}.content-wrap{position:absolute;z-index:1}.sec{height:100vh;width:100vw}.intro{background:#333;color:#eaeaea;display:table}.code-btn,.side{background:#eaeaea}.intro .text-contain{display:table-cell;vertical-align:middle;text-align:center;padding-left:10px}.intro .text{padding-top:30px;width:470px;margin:0 auto}.intro h2{vertical-align:middle;font-size:40px;margin:-5px 0}.intro h3{font-size:19px;letter-spacing:.5px;margin:0}.intro h5,.pg-btn,.sub-btn{font-size:15px}.intro h5{font-weight:900;color:#1e1e1e;margin:0;letter-spacing:3.9px}#bot-h5,.desc h1,.pg-btn,.sec-A h1 span,.sub-btn{font-weight:300}.begin,.desc h1{letter-spacing:5px}#bot-h5{color:#eaeaea;letter-spacing:10px;margin-top:30px}.pg-btn{width:150px;height:15px;border-bottom:1px solid #eaeaea}.back-btn,.code-btn{border-bottom:1px solid #222}.begin{margin:30px auto;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.begin:hover{letter-spacing:6px}.side{position:fixed;top:0;bottom:0;left:100%;width:100%;z-index:11;height:auto;overflow-y:scroll;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s}.unseen{display:none}.showing{left:0}.desc{margin-top:60px}.desc h1{text-align:right;font-size:30px;padding-right:10px;line-height:45px}.photos li,.photos ul,.sub-btn{text-align:center}.sec-A h1{color:#cf3b28}.sec-A h1 span{font-size:25px;color:#aaa;line-height:0}.photos ul{list-style:none;margin:0;padding:0;width:100%}.photos li{min-width:350px;margin:10px}.photos img{max-width:100%;height:600px}.sub-btn{margin:0 auto;width:120px;height:15px;letter-spacing:3px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}.code-btn{color:#cf3b28}.back-btn,.sec-B{background:#cf3b28}.code-btn:hover{letter-spacing:4px;color:#eaeaea}.back-btn{color:#eaeaea}.back-btn:hover{background:#eaeaea;color:#222;letter-spacing:5px}.sec-B h1{color:#eaeaea;border-bottom:1px solid #eaeaea}