@import url(hollywood.css);@import url(foldy.css);body{color:#333;font-family:"Raleway",arial;background-color:#eee;margin:0}a,a:hover{text-decoration:none;color:#333}button{font-family:"Raleway",arial;border:none;background:rgba(200,200,200,0.8);-webkit-transition:0.15s;transition:0.15s}button:hover{background:#b8c9d9}button:focus{outline:none}*::selection{background:#333;color:#eee}*::-moz-selection{background:#333;color:#eee}h1{font-weight:lighter}h2{font-weight:normal}hr{margin:0}ul{list-style-type:none;padding:0}.text-center{text-align:center}@media screen and (max-width: 750px){.show-for-medium-up{display:none}}nav{position:fixed;left:0;top:30vh;z-index:1}@media screen and (max-width: 750px){nav{top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}}@media screen and (max-width: 750px){nav ul{white-space:nowrap;margin:0}}nav li{margin:0 0 5px 0}@media screen and (max-width: 750px){nav li{display:inline-block;margin:0 5px}}nav li button{position:relative;min-width:85px;height:56px}nav li button:after{content:"\A";position:absolute;left:100%;top:0;border-top:28px solid transparent;border-bottom:28px solid transparent;border-left:0px solid rgba(200,200,200,0.8);-webkit-transition:0.15s;transition:0.15s}nav li:hover button::after{border-left:20px solid #b8c9d9}@media screen and (max-width: 750px){nav li:hover button::after{border:none}}#up_arrow{display:none;z-index:10}#up_arrow button{margin:0;position:fixed;left:13px;top:5vh;width:58px;height:70px}@media screen and (max-width: 750px){#up_arrow button{top:auto;right:0px;bottom:22px;left:auto}}#up_arrow button p{margin:auto}#up_arrow button:before,#up_arrow button:after{content:"\A";position:absolute}#up_arrow button:before{bottom:100%;left:0;border-left:29px solid transparent;border-right:29px solid transparent;border-bottom:0px solid rgba(200,200,200,0.8);-webkit-transition:0.15s;transition:0.15s}#up_arrow button:after{top:100%;left:0;border-left:29px solid rgba(200,200,200,0.8);border-right:29px solid rgba(200,200,200,0.8);border-bottom:0px solid transparent;-webkit-transition:0.15s;transition:0.15s}#up_arrow button:hover::before{border-left:29px solid transparent;border-right:29px solid transparent;border-bottom:20px solid #b8c9d9}#up_arrow button:hover::after{border-left:29px solid #b8c9d9;border-right:29px solid #b8c9d9;border-bottom:20px solid transparent}.content{display:inline-block;width:80%;min-height:70%;max-width:1200px}@media screen and (max-width: 750px){.content{width:97%}}#landing{color:#333;width:100vw;height:100vh;min-height:500px;display:table-cell;vertical-align:middle;text-align:center;overflow:auto;background:url("../images/hw-bg.jpg");background-size:cover}@media screen and (max-width: 750px){#landing{height:600px;background:#666;height:auto}}#header_geometry{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:36vw;height:36vw;min-width:420px;min-height:420px;min-width:calc($header-square-min + 1vw);min-height:calc($header-square-min + 1vw)}@media screen and (max-width: 750px){#header_geometry{position:static;-webkit-transform:none;-ms-transform:none;transform:none;width:100%;height:auto;min-width:0}}#header_geometry span{position:absolute;width:100%;height:100%;-webkit-transition:3s;transition:3s;left:0;top:0;right:0;bottom:0;border:0.25vw solid #333;background:#eee;opacity:.15}@media screen and (max-width: 750px){#header_geometry span{display:none}}#header_geometry span:last-of-type{opacity:.5;background-color:#333;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}#header_geometry>span:nth-child(1){-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}#header_geometry:hover>span:nth-child(1){-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}#header_geometry>span:nth-child(2){-webkit-transform:rotate(10deg);-ms-transform:rotate(10deg);transform:rotate(10deg)}#header_geometry:hover>span:nth-child(2){-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}#header_geometry>span:nth-child(3){-webkit-transform:rotate(20deg);-ms-transform:rotate(20deg);transform:rotate(20deg)}#header_geometry:hover>span:nth-child(3){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#header_geometry>span:nth-child(4){-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}#header_geometry:hover>span:nth-child(4){-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}#header_geometry>span:nth-child(5){-webkit-transform:rotate(40deg);-ms-transform:rotate(40deg);transform:rotate(40deg)}#header_geometry:hover>span:nth-child(5){-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg)}#header_geometry>span:nth-child(6){-webkit-transform:rotate(50deg);-ms-transform:rotate(50deg);transform:rotate(50deg)}#header_geometry:hover>span:nth-child(6){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#header_geometry>span:nth-child(7){-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}#header_geometry:hover>span:nth-child(7){-webkit-transform:rotate(70deg);-ms-transform:rotate(70deg);transform:rotate(70deg)}#header_geometry>span:nth-child(8){-webkit-transform:rotate(70deg);-ms-transform:rotate(70deg);transform:rotate(70deg)}#header_geometry:hover>span:nth-child(8){-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}#header_geometry>span:nth-child(9){-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg)}#header_geometry:hover>span:nth-child(9){-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}#header_geometry header{color:white;position:absolute;text-align:center;left:50%;top:50%;min-width:370px;width:75%;-webkit-transform:translate(-50%, -60%);-ms-transform:translate(-50%, -60%);transform:translate(-50%, -60%)}@media screen and (max-width: 750px){#header_geometry header{width:80vw;top:80px;-webkit-transform:translate(-50%, 0);-ms-transform:translate(-50%, 0);transform:translate(-50%, 0)}#header_geometry header>div{margin:0 7.5%}}#header_geometry header #name_for_title{font-family:Hollywood;font-size:9vw;font-size:-webkit-calc(60px + 4vw);font-size:-moz-calc(60px + 4vw);font-size:calc(60px + 4vw);color:white;letter-spacing:.6vw;line-height:1;margin:0}@media screen and (max-width: 750px){#header_geometry header #name_for_title{font-size:22vw}}#header_geometry header h1,#header_geometry header h2{margin:0}#header_geometry header h2{font-size:-webkit-calc(16px + 0.75vw);font-size:-moz-calc(16px + 0.75vw);font-size:calc(16px + 0.75vw)}#header_geometry button{color:#eee;font-weight:bold;position:absolute;bottom:5vw;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:11vw;min-width:120px;height:3.6vw;min-height:60px;background-color:#333;-webkit-transition:2s;transition:2s;opacity:0}@media screen and (max-width: 750px){#header_geometry button{opacity:1;background-color:#2dae7b;height:auto;bottom:auto;top:330px}}#header_geometry button:hover{-webkit-transition:0.15s;transition:0.15s;background-color:#0d0d0d}#header_geometry button:hover h2{color:white}@media screen and (max-width: 750px){#header_geometry button:hover{background-color:#1d7150}}#header_geometry:hover button{opacity:1}#work{width:100vw;height:100vh;min-height:500px;display:table-cell;vertical-align:middle;text-align:center;overflow:auto;background:url("../images/cartographer_inv.png");padding:40px}#work h1{font-size:200%}#work .grid-2:nth-child(1)::before{content:"\A";background:url("../images/icons/CSS.svg") no-repeat;background-size:contain;position:absolute;left:0;top:0;width:100px;height:100px}#work .grid-2:nth-child(2)::before{content:"\A";background:url("../images/icons/HTML.svg") no-repeat;background-size:contain;position:absolute;left:0;top:0;width:100px;height:100px}#work .grid-2:nth-child(3)::before{content:"\A";background:url("../images/icons/js.svg") no-repeat;background-size:contain;position:absolute;left:0;top:0;width:100px;height:100px}#work .grid-2,#work .grid-3{background:#fff;position:relative;height:100px;line-height:100px;overflow:hidden}#work .grid-2::after,#work .grid-3::after{content:"\A";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);opacity:0;-webkit-transition:0.5s;transition:0.5s}#work .grid-2 span,#work .grid-3 span{font-size:-webkit-calc(16px + 1.3vw);font-size:-moz-calc(16px + 1.3vw);font-size:calc(16px + 1.3vw);display:inline-block;line-height:normal;vertical-align:middle}#work .grid-3 span.hover-text{position:absolute;left:-100%;top:0;height:100%;line-height:100px;padding:0 15px;background:#b8c9d9;z-index:1;-webkit-transition:0.8s;transition:0.8s}#work .grid-3 span.hover-text::after{content:"\A";position:absolute;top:0;left:100%;border-top:50px solid transparent;border-bottom:50px solid transparent;border-left:20px solid #b8c9d9}#work .grid-3:hover span.hover-text{left:0}#work .grid-3:hover::after{opacity:1}#about{width:100vw;height:100vh;min-height:500px;display:table-cell;vertical-align:middle;text-align:center;overflow:auto;background:url("../images/cartographer.png");color:#eee}#about .content{padding:20px;text-align:middle}@media screen and (max-width: 750px){#about .content{padding:0;padding-top:40px}}#about .content img{width:100%;max-width:800px}#about .content blockquote{display:inline-block;max-width:800px}@media screen and (max-width: 750px){#about .content blockquote{margin:5px}}.overlay{position:fixed;top:0px;right:0px;bottom:0px;left:0px;text-align:center;background:rgba(0,0,0,0.7);z-index:99;display:none}.dialog{width:55%;padding:30px;position:absolute;top:10px;left:50%;z-index:100;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:#eee;color:#333;display:none}.dialog::before{content:"";position:absolute;top:4px;right:8px;width:25px;height:25px;background:gray}.closer{font-size:20px;font-weight:bold;position:absolute;top:2px;right:10px;background:#333;color:#eee;width:25px;height:25px}#contact{width:100vw;height:100vh;min-height:500px;display:table-cell;vertical-align:middle;text-align:center;overflow:auto;background:url("../images/cartographer_inv.png")}@media screen and (max-width: 750px){#contact .content{padding-top:60px}}#contact .wufoo-form-container{width:70% !important;padding-left:30%;background:url("../images/charlie_web.png") no-repeat;background-size:25%;background-position:left}@media screen and (max-width: 750px){#contact .wufoo-form-container{width:100% !important;background:none;padding-left:0}}
/*# sourceMappingURL=base.css.map */