body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;font-size:1em;line-height:1.4;width:100%;height:100%;margin:0;background:#000}html{font-family:Montserrat,sans-serif;font-weight:400}h1,h2{margin:0 auto;word-spacing:.2rem;font-size:1.6em}@media only screen and (max-width:960px){h1,h2{font-size:1em}}@media only screen and (min-width:960px){.desktop-hide{display:none}}@media only screen and (max-width:960px){.mobile-hide{display:none}}@media only screen and (max-width:600px){.mobile-hide-v2{display:none}}@media only screen and (min-width:600px){.desktop-hide-v2{display:none}}.show{display:block!important}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}.header-container{width:100%;padding:30px 0;display:flex;flex-direction:row;justify-content:space-between;background:linear-gradient(#000,transparent);position:fixed;z-index:3;color:#d3d3d3;text-align:left}@media only screen and (min-width:960px){.header-container{justify-content:space-around}}.header-container header{margin-left:30px}.header-container #menuToggle,.header-container header{opacity:0;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-delay:2.5s;animation-delay:2.5s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.header-container #menuToggle{display:block;position:relative;margin:8px 30px 0 0;z-index:1}.header-container #menuToggle a{text-decoration:none;color:#d3d3d3}.header-container #menuToggle input{display:block;position:absolute;width:40px;height:32px;cursor:pointer;opacity:0;z-index:2}@media only screen and (min-width:960px){.header-container #menuToggle input{display:none}}.header-container #menuToggle span{display:block;position:relative;width:33px;height:4px;margin-bottom:5px;background:#d3d3d3;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(.77,.2,.05,1),background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease}.header-container #menuToggle span:first-child{transform-origin:0 0}.header-container #menuToggle span:nth-last-child(2){transform-origin:0 100%}@media only screen and (min-width:960px){.header-container #menuToggle span{display:none}}.header-container #menuToggle input:checked~span{opacity:1;transform:rotate(45deg) translate(-2px,-1px)}.header-container #menuToggle input:checked~span:nth-last-child(3){opacity:0;transform:rotate(0deg) scale .2,.2}.header-container #menuToggle input:checked~span:nth-last-child(2){transform:rotate(-45deg) translateY(-1px)}.header-container #menuToggle input:checked~ul{transform:none}.header-container #menu{position:absolute;margin:-100px 0 0 -114px;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:105px 48px 10px 22px;background:rgba(0,0,0,.65);border-radius:10px;list-style-type:none;transform-origin:0 0;transform:translate(100%);transition:transform .5s cubic-bezier(.77,.2,.05,1);font-weight:700}.header-container #menu li{display:block;list-style-type:none;padding:10px;z-index:2}@media only screen and (min-width:960px){.header-container #menu{display:flex;flex-direction:row;margin:11px 0 0;position:relative;padding:0;transform-origin:unset;transform:unset;transition:unset;text-decoration:none;background:none}.header-container #menu a li{cursor:pointer;margin:0;padding:0 20px;position:relative;text-decoration:none}.header-container #menu a:hover{color:#8d8b8b}}@media only screen and (max-width:960px){.dropbtn{width:35px;height:5px;background-color:#d3d3d3;margin:6px 0;cursor:pointer}}#myDropdown{display:none;position:absolute;right:23px;text-align:right}#myDropdown a{color:#d3d3d3;padding:12px 16px;text-decoration:none;display:block}.parallax0,.parallax1,.parallax2{height:100vh;max-width:100%;min-height:100%;background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover}@media only screen and (max-width:600px){.parallax0,.parallax1,.parallax2{background-attachment:scroll}}.parallax0{background-image:url(/assets/img/parallax.0908d364.jpg);-webkit-animation:fadein 5s;animation:fadein 5s}.parallax1{background-image:url(/assets/img/parallax_1.4d7518b1.jpg)}.parallax1,.parallax2{-webkit-filter:brightness(60%);filter:brightness(60%);overflow:hidden}.parallax2{background-image:url(/assets/img/northcoders1.9ae3c2a7.jpg)}.img-container{position:absolute;margin:auto;left:0;right:0;top:27%;z-index:2;color:#d3d3d3}.img-container img{height:auto;width:70%;-webkit-filter:brightness(80%);filter:brightness(80%);max-width:300px;text-align:center}@media only screen and (min-width:960px){.img-container img{max-width:350px}}@media only screen and (max-width:960px){.img-container h2{width:80%}}.img-container h1,.img-container h2,.img-container img{opacity:0;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.about{position:relative;background:#f8f8f8;padding:150px 0}.about div{width:85%;margin:0 auto}.about div p:first-of-type{margin-top:50px}@media only screen and (min-width:960px){.about div{width:45%}}.about h1{margin-bottom:80px}@media only screen and (max-width:960px){.about h1{font-size:1.3em}}.about p{z-index:1;margin:40px 0;line-height:1.6}.about p a{color:#2c3e50}.about ul{list-style:none;padding:0}.about ul li{margin:5px 0}.about ul li:before{content:"- "}.project{position:relative;background:#e6e6e6}.project .slideshow-container .mySlides,.project .slideshow-container .oceanSlides{display:none}.project .slideshow-container .proj-img-container{width:70%;margin:0 auto;overflow:hidden}@media only screen and (min-width:960px){.project .slideshow-container .proj-img-container{width:90%}}.project .slideshow-container .proj-img-container .portfolio-img{-webkit-filter:brightness(97%);filter:brightness(97%);width:95%;margin:70px 0 120px}@media only screen and (min-width:960px){.project .slideshow-container .proj-img-container .portfolio-img{width:auto;height:500px;margin-bottom:95px}}.project .slideshow-container .text{position:absolute;bottom:23px;color:#000;font-size:1em;left:0;right:0;transition:.5s ease}@media only screen and (min-width:960px){.project .slideshow-container .text{padding:0 200px}}.project .slideshow-container .text a{color:#000}.project .slideshow-container .text p{margin:5px}.project .slideshow-container .next,.project .slideshow-container .prev{cursor:pointer;position:absolute;top:50%;width:auto;padding:10px 5px;margin-top:-22px;color:#000;font-weight:700;font-size:30px;transition:.6s ease;border-radius:0 3px 3px 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.project .slideshow-container .next:hover,.project .slideshow-container .prev:hover{background-color:rgba(0,0,0,.8);color:#fff}@media only screen and (min-width:960px){.project .slideshow-container .next,.project .slideshow-container .prev{padding:10px;font-size:50px;top:45%}}.project .slideshow-container .prev{left:0}.project .slideshow-container .next{right:0;border-radius:3px 0 0 3px}.project .dot-container .dot,.project .dot-container .dots{cursor:pointer;height:15px;width:15px;margin:0 2px;background-color:#bbb;border-radius:50%;display:inline-block;transition:background-color .6s ease}.project .dot-container .dot:hover,.project .dot-container .dots:hover{background-color:rgba(0,0,0,.8)}.active{background-color:rgba(0,0,0,.8)!important}.fade{-webkit-animation-name:fade;-webkit-animation-duration:1.5s;animation-name:fade;animation-duration:1.5s}@-webkit-keyframes fade{0%{opacity:.4}to{opacity:1}}@keyframes fade{0%{opacity:.4}to{opacity:1}}.contact{background:#fff;padding:100px 0;width:100%}@media only screen and (min-width:960px){.contact{padding:200px 0}}.contact .thanks{width:90%;margin:0 auto;transform:translateY(40%);height:516px}@media only screen and (min-width:960px){.contact .thanks{width:45%}}.contact .form-container{width:85%;z-index:2;margin:0 auto;text-align:left}@media only screen and (min-width:960px){.contact .form-container{width:45%}}@media only screen and (max-width:960px){.contact .form-container h1{font-size:1.3em}}.contact .form-container h1,.contact .form-container label{padding:0 10px}.contact .form-container #message{font-family:Montserrat,sans-serif;height:150px}.contact .form-container input[type=text],.contact .form-container textarea{padding:12px;border:1px solid #404040;border-radius:4px;box-sizing:border-box;margin-top:10px;margin-bottom:16px;resize:vertical;width:100%}.contact .form-container .submit{margin-top:30px;background-color:#fff;color:#000;font-weight:700;padding:10px 20px;width:78px;border-color:#000;border-radius:4px;cursor:pointer;letter-spacing:.2em;font-size:1rem}.contact .form-container .submit:hover{background-color:#2e2d2d;color:#fff}.contact .form-container .email-invalid{color:#a61a1a;margin:-7px 0 5px}.footer{padding:40px 0;background:#222}@media only screen and (min-width:960px){.footer{padding-top:80px;display:flex;flex-direction:row}}.footer .social-container{width:85%;margin:0 auto 50px;display:flex;flex-direction:row;justify-content:space-evenly}@media only screen and (min-width:960px){.footer .social-container{width:25%}}.footer .footer-container{margin:0 auto;color:#d3d3d3}.footer .footer-container a{color:#d3d3d3}@media only screen and (min-width:960px){.footer .footer-container{font-size:.6em}}.footer .fb,.footer .insta,.footer .twitter{width:auto;height:42px;-webkit-filter:brightness(80%);filter:brightness(80%)}.footer .fb:hover,.footer .insta:hover,.footer .twitter:hover{-webkit-filter:brightness(50%);filter:brightness(50%)}.footer img.linked{width:40px;height:auto;-webkit-filter:brightness(87%);filter:brightness(87%)}.footer img.linked:hover{-webkit-filter:brightness(57%);filter:brightness(57%)}.footer img.yt{width:40px;height:auto}.footer img.yt:hover{-webkit-filter:brightness(60%);filter:brightness(60%)}