footer{font-size:20px}footer a{color:#000;font-size:16px}footer li{margin-bottom:30px;margin-top:20px;text-align:center}@media(min-width:768px){footer{font-size:14px;position:absolute;right:0;top:0}footer a{background:#000;border-radius:5px;color:#fff;width:200px}footer a.is-active{border-bottom:7px solid red}footer ul{display:flex}footer li{margin-bottom:unset}footer a,footer li{margin-top:unset;text-align:unset}footer a{background:unset;border-radius:unset;display:inline-block;padding:10px 20px;width:unset}footer:before{background:#000;content:"";height:44px;position:absolute;right:-30px;transform:skew(30deg);width:100%}}.page-background{height:100vh;opacity:.1;overflow:hidden;position:absolute;right:0;top:0;width:100vw;z-index:-1}.page-background img{animation:none;transform:translate(0) scale(1);width:100%}@keyframes backgroundMove{0%{transform:translateY(-100px) scale(1)}50%{transform:translateY(-140px) scale(2)}to{transform:translateY(-100px) scale(1)}}@media(min-width:768px){.page-background{opacity:.3}.page-background img{animation:backgroundMove 100s infinite;transform:translateY(-100px) scale(1)}}.glass-container{overflow:auto;overflow-x:hidden}@media(min-width:768px){.glass-container{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:hsla(0,0%,100%,.68);border:1px solid hsla(0,0%,100%,.57);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1);height:calc(100vh - 120px);margin:60px;overflow:hidden;width:calc(100vw - 120px)}}.ocean{background:#efefef;bottom:0;height:5%;left:0;transform:translateY(50px);width:100%;z-index:-1}.ocean,.wave{position:absolute}.wave{animation:wave 7s cubic-bezier(.36,.45,.63,.53) infinite;background-repeat:repeat-x;height:198px;top:-198px;transform:translateZ(0);width:6400px}.wave:nth-of-type(2){animation:wave 7s cubic-bezier(.36,.45,.63,.53) -.125s infinite,swell 7s ease -1.25s infinite;opacity:1;top:-175px}@keyframes wave{0%{margin-left:0}to{margin-left:-1600px}}@keyframes swell{0%,to{transform:translate3d(0,-25px,0)}50%{transform:translate3d(0,5px,0)}}.flip-horizontal{transform:scaleY(-1)}.flip-horizontal svg{transform:rotate(-180deg);transform-origin:center}@keyframes teasing{0%{transform:translate(-5px)}25%{transform:translate(15px)}50%{transform:translate(-15px)}to{transform:translate(-5px)}}.project-page div.title{font-weight:700;margin-bottom:15px;text-align:center}.project-page .image-holder{aspect-ratio:1/1;height:200px;margin:0 auto 20px;-webkit-mask-size:cover;mask-size:cover;text-align:center;width:200px}.project-page .tile{margin-bottom:80px;min-height:100px;position:relative}.project-page a{background:rgba(0,0,0,.8);color:#fff;display:inline-block;text-align:center;width:100%}@media(min-width:768px){.project-page{height:calc(100vh - 454px);left:2.5rem;max-height:200px;overflow:auto;position:absolute;scroll-snap-type:x mandatory;scrollbar-width:none;width:calc(100% - 5rem)}.project-page .image-holder{height:100px;width:100px}.project-page a{background:unset;height:100%;left:0;position:absolute;text-indent:-999rem;top:0}.project-page.teasing{animation-duration:1s;animation-iteration-count:infinite;animation-name:teasing}.project-page a{display:inline-block;text-align:center;width:100%}.project-page .tile{background:rgba(0,0,0,.05);flex:1 0 auto;margin-bottom:unset;max-width:450px;min-width:300px;scroll-snap-align:start;transition:background .2s ease-out;width:100%}.project-page .tile:first-child:hover{background:rgba(107,149,238,.7)}.project-page .tile:nth-child(2):hover{background:rgba(72,240,139,.7)}.project-page .tile:nth-child(3):hover{background:rgba(255,177,238,.7)}.project-page .tile:nth-child(4):hover{background:rgba(255,96,74,.7)}.project-page .tile:nth-child(5):hover{background:hsla(62,24%,69%,.7)}.project-page .tile:nth-child(6):hover,.project-page .tile:nth-child(7):hover{background:rgba(198,176,255,.7)}.project-page .tile:nth-child(8):hover{background:rgba(229,255,89,.7)}.project-page .tile:nth-child(9):hover{background:rgba(202,208,217,.7)}.project-page div.title{opacity:.5}}
/*# sourceMappingURL=445.f9c039a2e9fbf9273bc4.css.map*/