.button,.go-down,blockquote{text-align:center}.button,.go-down,.icon-container a,blockquote a{text-decoration:none}*{box-sizing:border-box;margin:0;padding:0}::-moz-selection{background-color:#e4e8ec;color:rgba(0,0,0,.9)}::selection{background-color:#e4e8ec;color:rgba(0,0,0,.9)}body{font-family:Rubik,sans-serif;font-size:20px}h1{font-size:1.5em;font-weight:400}h2{color:#161b20;margin:68px 0 24px;font-size:1.2em}h2::after{content:"";display:block;height:2px;width:60px;background-color:#36414d;position:relative;top:8px}h2,h3{font-family:Overpass,sans-serif}ul{margin-left:0;padding-left:1em;list-style-position:outside}.about-section,.overlay-content,.projects-header,.social-section,.wrapper,footer{width:768px;margin:0 auto;padding:0 16px;max-width:100%}.button{display:inline-block;padding:12px 24px;border:2px solid rgba(54,65,77,.7);color:rgba(54,65,77,.9);transition:background-color .15s ease-out,border .15s ease-out;z-index:1}.button span{transition:left .15s linear;position:relative;left:0}.button:hover{cursor:pointer;background-color:#161b20;border:2px solid #161b20;color:#fff}.button:hover span{left:4px}.button:active{background-color:#000;border:2px solid #000}@keyframes fade-in-dynamic{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0}.fade-in-animate{animation:.4s ease-out forwards fade-in-dynamic}.only-mobile{display:none}.card-container,.go-down{opacity:0;position:absolute}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes card-slip{from{opacity:0;top:40%}to{top:35%;opacity:1}}.card-section{height:100vh;position:relative;background-color:#fbfcfc}.card-container{animation:.7s .5s forwards card-slip;perspective:1000px;top:40%;left:50%;background:#fff;box-shadow:0 8px 24px rgba(32,32,32,.2);border:1px solid #f5f5f5;width:460px;height:264px;margin:-132px 0 0 -230px;max-width:100%}.card-container h1{margin:24px;font-size:1.4em;font-family:Lato,sans-serif;word-spacing:1px}.card-container ul,blockquote a{font-family:'Open Sans',sans-serif}.card-container ul{font-size:.8em;list-style:none;padding-left:0}.card-container ul li::before{content:"";background:#000;padding:0 20px;margin-right:8px}.card-container ul li{margin-bottom:8px;letter-spacing:-1px}.go-down{bottom:15%;left:50%;margin:-16px 0 0 -16px;width:32px;height:32px;color:#36414d;font-size:22px;cursor:pointer;animation:.7s 1.2s forwards fadein,.75s .3s infinite alternate bounce}@keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}@-webkit-keyframes bounce{from{transform:translateY(0)}to{transform:translateY(-10px)}}.about-section{margin-top:100px}#me{background:url(img/me-flip.jpg) center center/cover no-repeat;width:210px;height:280px;border:1px solid #bbb;float:right;margin:0 8px 64px 32px}#me div{width:100%;height:100%;position:relative;top:7px;left:8px;border-right:2px solid #36414d;border-bottom:2px solid #36414d;transform:translateZ(0)}.about-section p,.overlay p,.p-large{line-height:180%;color:#36414d;font-weight:300;margin-top:12px;margin-bottom:24px;letter-spacing:.1px}.overlay-content h2,footer{margin-top:48px}.about-section p strong,.overlay p strong,.p-large strong{font-weight:400}.projects-header{padding-top:16px;clear:both}.projects-section{margin:0 auto;width:1212px;max-width:100%;display:flex;flex-wrap:wrap;font-size:16px;position:relative}.projects-section article{width:33.3333%;padding:48px 64px;border:8px solid #fff;transition:.3s ease-out;position:relative;flex-grow:1}.projects-section article>div{display:flex;flex-flow:column;height:260px}.projects-section article>span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .05s,filter .1s;background-size:cover,100%,100%;background-position:center center}.projects-section article:first-child>span{background-image:url(img/tile-background-fourinarow.png)}.projects-section article:nth-child(2)>span{background-image:url(img/tile-background-poolball.png)}.projects-section article:nth-child(3)>span{background-image:url(img/tile-background-airhockey.png)}.projects-section article:nth-child(4)>span{background-image:url(img/tile-background-wonderwall.png)}.projects-section article:nth-child(5)>span{background-image:url(img/tile-background-materialskin.png)}.projects-section article:nth-child(6)>span{background-image:url(img/tile-background-bpmtap.png)}.projects-section article:nth-child(7)>span{background-image:url(img/tile-background-beatbuddy-text.png)}.projects-section article:nth-child(8)>span{background-image:url(img/tile-background-tisichat.png)}.projects-section article:nth-child(9)>span{background-image:url(img/tile-background-personalsite.png)}.projects-section>article:nth-child(odd){background:#f8f9f9}.projects-section>article:nth-child(2n){background:#f5f6f6}.projects-section>article h3{flex-grow:0;flex-shrink:1;flex-basis:auto}.projects-section>article p{flex:1 1 auto}.projects-section>article .button{flex:0 1 auto}.projects-section h3{color:#161b20;font-weight:200;font-size:1.3em;position:relative;display:inline-block;margin-bottom:12px;letter-spacing:-1px}.overlay,.overlay header{position:fixed;top:0;max-width:100%}@keyframes text-appear{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}@keyframes minor-appear{from{opacity:0;transform:translateX(6px)}to{opacity:1;transform:none}}.projects-section p{color:rgba(54,65,77,.9);line-height:170%;letter-spacing:.2px;font-size:1em}@media only screen and (min-width:1025px){.projects-section>article:hover h3,.projects-section>article:hover p{animation:.3s ease-out 50ms forwards text-appear}.projects-section>article:hover .button{animation:.3s ease-out 50ms forwards minor-appear}.projects-section>article:hover>span{opacity:.3;filter:blur(5px)}.projects-section>article:hover .project-details{opacity:1}.project-details,.projects-section .button,.projects-section h3,.projects-section p{opacity:0}}.noscroll{overflow:hidden}.image-container,.overlay{-webkit-overflow-scrolling:touch}.overlay{width:100%;height:100%;margin:0 auto;z-index:10;background-color:#fff;overflow-x:hidden;overflow-y:scroll;right:0;bottom:0;left:0}.carousel,.overlay-content{position:relative}.overlay-content .button{margin-top:6px}.overlay-active{animation:.25s ease-out forwards modal-appear}.overlay-unactive{animation:.25s ease-in forwards modal-disappear}.overlay-unactive .real-header{display:none!important}.overlay-unactive .fake-header{visibility:visible!important}.overlay ul{list-style:none;font-size:.8em;border-left:10px solid #f0f2f4;padding-left:16px;letter-spacing:-.5px;margin-bottom:48px;font-family:Overpass,sans-serif;font-style:italic;text-transform:uppercase}.overlay ul li{margin:1px 0}.overlay li span:first-child{font-weight:700;color:#36414d;margin-right:.8em}.overlay li span:first-child::after{content:":"}.overlay li span:nth-child(2){color:#36414d}@keyframes header-appear{0%,99%{visibility:hidden}100%{visibility:visible}}@keyframes modal-appear{from{top:100%;display:block}to{top:0}}@keyframes modal-disappear{from{top:0}to{top:100%;display:none}}.carousel::after,.carousel::before,.image-container::before,.shadow-base{content:"";display:inline-block;height:calc(100% - 12px);width:36px;position:absolute;top:0}.carousel::before{left:0;background:linear-gradient(to right,rgba(0,0,0,.2),rgba(0,0,0,0));z-index:5}.carousel::after{right:0;background:linear-gradient(to left,rgba(0,0,0,.2),rgba(0,0,0,0));z-index:5}.image-container{width:100%;display:flex;background-color:#f0f2f4;overflow-x:scroll;margin:32px 0;position:relative}.image-container::before{height:100%;left:0;background-color:#f0f2f4;z-index:6}.image-container .backclear{display:inline-block;padding:18px;background-color:#f0f2f4;z-index:6;width:0}.image-container img{margin:24px 0 24px 36px;height:400px;width:auto}.image-container img:last-of-type{padding-right:0}.image-container::-webkit-scrollbar-track{background-color:#ddd}.image-container::-webkit-scrollbar{height:12px}.image-container::-webkit-scrollbar-thumb{background-color:#666}.image-container::-webkit-scrollbar-thumb:hover{background-color:#444}.image-container::-webkit-scrollbar-thumb:active{background-color:#333}.overlay-footer{height:48px}.overlay header{display:block;background-color:#fdfdfd;width:100%;margin-left:auto;margin-right:auto;z-index:7;border-bottom:1px solid #e8e8e8;-webkit-transform:translateZ(0);padding-left:16px}.overlay header div{width:768px;max-width:100%;margin:0 auto;display:flex;align-content:space-between}.overlay header div span{flex-grow:1;padding:32px 0}.overlay header div a{text-decoration:none;display:inline-block;padding:32px;color:rgba(33,33,33,.5)}.overlay header div a:active,.overlay header div a:hover{color:rgba(33,33,33,.8)}.real-header{visibility:hidden;animation:.25s forwards header-appear;z-index:8!important}.fake-header{position:relative!important;visibility:visible;margin-bottom:32px;z-index:7}.link-container{margin-top:32px}.quote-container{margin:48px 0}blockquote{font-family:Spectral,serif;font-size:1.2em;line-height:140%;color:#36414d;margin:24px 0}blockquote span{display:block}blockquote a{font-size:.5em;display:inline-block;color:rgba(54,65,77,.55);line-height:100%;padding-bottom:4px}blockquote a:hover{border-bottom:1px solid rgba(54,65,77,.55)}@media only screen and (max-width:1024px){.no-mobile-tablet{display:none}.button,.button span{transition:none}.fade-in{opacity:inherit}.fade-in-animate{animation:none}.about-section p,.overlay p,.p-large{line-height:170%}.projects-section{font-size:16px;width:100%}.projects-section>article{width:50%;padding:5%}.projects-section>article:nth-child(4n+1),.projects-section>article:nth-child(4n+4){background:#f8f9f9}.projects-section>article:nth-child(4n+2),.projects-section>article:nth-child(4n+3){background:#f5f6f6}.projects-section>article>span{opacity:.05}#overlay-back{animation:none;display:none}.overlay,.overlay header{width:100%}.overlay header div span{padding-left:16px}}.social-section{margin-bottom:150px}.icon-container{display:flex;flex-flow:row wrap;justify-content:space-between;margin:16px -12px -12px;position:relative}.icon-container a{width:33.3%;letter-spacing:-.2px;font-size:.9em;color:#36414d;padding:12px;transition:padding-left .2s ease-out}.icon-container a i{margin-right:12px}.icon-container a span{padding-bottom:4px;border-bottom:1px solid transparent}.icon-container a:hover:first-child{color:#171516}.icon-container a:hover:nth-child(2){color:#007bb6}.icon-container a:hover:nth-child(3){color:#00b6f1}.icon-container a:hover:nth-child(4){color:#df4a32}.icon-container a:hover:nth-child(5){color:#000}.icon-container a:hover:nth-child(6){color:#b00}.icon-container a:hover{padding-left:18px}@media only screen and (max-width:500px){body{font-size:18px}.no-mobile{display:none}.only-mobile{display:inline-block}h2{margin-top:36px}.card-container{margin:0;transform:translate(-50%,-50%);height:232px}.card-container h1{font-size:1.3em}.card-section{border-left:16px solid #fbfcfc;border-right:16px solid #fbfcfc}.about-section{margin-top:48px}#me{width:100%;height:200px;float:none;margin:24px 0 32px}.projects-section{font-size:15px}.projects-section>article{width:100%;border:0;margin-bottom:8px;padding:32px}.projects-section>article>div{height:220px}.projects-section>article:nth-child(odd){background:#f8f9f9}.projects-section>article:nth-child(2n){background:#f5f6f6}.overlay header{padding-left:32px}.overlay header span{padding:24px 0!important}.overlay header a{padding:24px 36px 24px 24px!important}.overlay-content h2{margin-top:24px}.quote-container{margin:40px 0}.carousel{margin:0 -16px}.carousel img{height:350px}.icon-container a{width:50%}.social-section{margin-bottom:100px}}footer{font-size:.7em;margin-bottom:32px;opacity:.7}