@charset "UTF-8";*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%}@media only screen and (max-width: 62.5em){html{font-size:50%}}@media only screen and (max-width: 50em){html{font-size:43%}}@media only screen and (max-width: 43em){html{font-size:37.5%}}@media only screen and (max-width: 37.5em){html{font-size:31.25%}}body{font-family:Raleway,sans-serif;color:#063a5e;font-weight:300;font-size:1.2rem;line-height:1.2;background-color:#fff}.loader{display:none}header,footer,section{min-height:100vh;width:100%}header{height:100vh;background-color:#aae1d7;position:relative}.content{position:absolute;width:100%;height:100%;z-index:3}.navigation{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:center;outline:none}.navigation img{margin:1rem 4rem;width:10rem;height:10rem}.navigation ul{display:flex;list-style:none;font-size:2.4rem;margin:4rem}.navigation ul li{margin:2rem;padding:.5rem 2rem;color:#063a5e;text-decoration:none;border-bottom:2px solid #063a5e;display:block;cursor:pointer}.navigation ul li a{color:#063a5e;text-decoration:none}.navigation ul li:hover{color:#fff;background-color:#063a5e;transition:all .2s}.navigation ul li:hover a{color:#fff;text-decoration:none}.intro{display:flex;flex-direction:column;text-align:center;height:70%;width:80%;margin:0 auto;justify-content:center;animation-name:intro;animation-duration:1s;animation-timing-function:ease-out}.intro h1{font-size:10rem;font-weight:100}.intro h2{font-size:3rem;font-weight:300}#header_particles{position:absolute;top:0;left:0;height:100%;width:100%;z-index:1}#about_particles{position:absolute;bottom:0;left:20%;height:40%;width:60%;z-index:-1;background-color:#fff}footer{color:#e9f7f5;background-color:#063a5e;position:relative}footer h2{padding:6rem;font-size:8rem;letter-spacing:.3rem}footer svg{display:inline-block;height:4rem;width:4rem}footer ul{padding:6rem;padding-top:0;list-style:none;font-size:3rem}footer ul li{display:flex;margin:0 2rem 2rem}footer ul a:link,footer ul a:visited{margin:0 2rem;color:#fff;text-decoration:none;display:block}footer ul a:hover,footer ul a:active{color:#aae1d7}footer .footer_svg{position:absolute;display:block;left:0;bottom:0;height:auto;width:100%}.about{min-height:95vh;height:60vh;position:relative}.about h2{margin-top:6rem;margin-left:5%;color:#aae1d7;font-size:8rem;padding-left:1rem;border-left:.5rem solid #aae1d7}.about p{width:60%;margin:0 auto 0 30%;line-height:1.5;font-size:2.4rem;margin-bottom:2rem}.about h3{position:absolute;display:block;left:0;bottom:0;width:100%;z-index:2;text-align:center;font-size:3rem;font-weight:100;color:#fff;background-color:#aae1d7}.works{width:80%;font-size:2.4rem;margin:8rem auto}.works h2{margin-top:8rem;color:#aae1d7;font-size:6rem;line-height:.9;margin-bottom:1rem;padding-left:1rem;border-left:.5rem solid #aae1d7}.works h3{color:#aae1d7;font-size:3.5rem;margin:1.5rem 0}.works p{margin-bottom:1.5rem}.works ul{list-style:square;font-size:2.4rem;margin-left:4rem}.works .link{position:relative;display:inline-block;margin-bottom:2rem;cursor:pointer}.works .link:link,.works .link:visited{padding:0 2rem;font-size:2rem;font-weight:700;text-decoration:none;letter-spacing:.2rem;color:#063a5e}.works .link:link:after,.works .link:visited:after{position:absolute;top:0;left:0;width:.5rem;height:auto;background-color:#063a5e;content:"\a0";z-index:-1}.works .link:hover,.works .link:active{color:#fff}.works .link:hover:after,.works .link:active:after{width:100%;transition:all .2s}.works dl{margin-left:2rem}.works dt{color:#aae1d7;font-size:3rem;margin:1rem 0}.works dd{margin-left:2rem}.preview{display:flex;flex-wrap:wrap;width:100%;max-width:1200px;justify-content:space-around;align-items:center;margin:3rem auto}.preview img{width:100%}.preview .iphone{width:20%;position:relative}.preview .iphone_page{position:absolute;top:0;left:0;margin:29% 10%;width:80%;height:auto;z-index:-1}.preview .ipad{position:relative;width:32%}.preview .ipad_page{position:absolute;top:0;left:0;margin:16% 9%;width:81.5%;height:auto;z-index:-1}.preview .laptop{position:relative;width:100%}.preview .laptop_page{position:absolute;top:0;left:0;margin:6% 14%;width:71.5%;height:auto;z-index:-1}[data-scroll]{transition:opacity 1s}[data-scroll=in]{opacity:1}[data-scroll=out]{opacity:0}@keyframes intro{0%{opacity:0;transform:translateY(10rem)}to{opacity:1;transform:translateY(0)}}