.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}.portfolio .first{background-image:url(/_next/static/media/textured-liquid-bg.24e0207f.JPG);padding-top:80px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;border-bottom:8px solid #000}.portfolio .first .intro,.portfolio .first h1{background-color:#e7e7e7;border:16px solid #fff;margin:40px 16px;padding:16px 8px}.portfolio .projects{background-color:#e7e7e7;background-image:url(/_next/static/media/bg-one.ffb50482.jpg);background-size:100% auto;background-attachment:fixed}.portfolio .projects ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.portfolio .projects ul .project{width:48vw;height:40vh;list-style:none;position:relative;overflow:hidden;border:8px solid #e7e7e7}.portfolio .projects ul .project img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;right:0;bottom:0;transition:width 1s ease-in-out,height 1s ease-in-out}.portfolio .projects ul .project .onhover{position:absolute;left:0;bottom:0;z-index:2}.portfolio .projects ul .project .onhover button{display:flex;flex-direction:column;align-items:center;justify-content:center;transform:translateY(100%);transition:transform 1s ease;border:8px solid #000;padding:8px}.portfolio .projects ul .project .onhover button span.small-text{font-size:24px;width:100%;text-align:start}.portfolio .projects ul .project .onhover button:hover{cursor:pointer;background-color:#000;color:#e7e7e7;border-color:#e7e7e7}.portfolio .projects ul .project .gradient{position:absolute;top:72%;left:0;background:linear-gradient(0deg,black,transparent);height:100%;width:100%;z-index:0;transition:top 1s ease}.portfolio .projects ul .project.can-hover:hover img{width:150%;height:150%;transition:width 1s ease-in-out,height 1s ease-in-out}.portfolio .projects ul .project.can-hover:hover .onhover button{display:flex;transform:translateY(0);transition:transform 1s ease;transition-delay:.3s}.portfolio .projects ul .project.can-hover:hover .gradient{top:0;transition:top 1s ease}.portfolio .projects ul .project.cannot-hover .gradient,.portfolio .projects ul .project.cannot-hover .onhover{display:none}@media screen and (max-width:980px){.portfolio .projects ul .project{width:90vw;height:30vh}.portfolio .projects ul .project .onhover button{transform:translateY(0)}.portfolio .projects ul .project .gradient{top:0}.portfolio .projects ul .project.cannot-hover .onhover{display:none}}@font-face{font-family:Raleway-Title;src:url(/_next/static/media/Raleway-Black.0324a671.ttf)}@font-face{font-family:Roboto-reg;src:url(/_next/static/media/RobotoCondensed-Regular.4d73ae8b.ttf)}@font-face{font-family:Roboto-light;src:url(/_next/static/media/RobotoCondensed-Light.a368fa00.ttf)}*,html{padding:0;margin:0;box-sizing:border-box}.big,button,h1{font-family:Raleway-Title;font-size:6vw}.medium,h2,h3,h4{font-family:Roboto-reg;font-size:4vw}li,p{font-family:Roboto-light;font-size:2vw}.section{min-height:100vh;width:100%;padding:2em;background-color:#e7e7e7}.border{border:8px solid #000}.mobile-only{display:none}.web-only{display:block}@media screen and (max-width:980px){*,html{overflow-x:hidden}.big,.medium,h1,h2,h3,h4{font-size:32px}p{font-size:24px}.mobile-only{display:block}.web-only{display:none}}.project-maincontainer{position:fixed;top:0;left:0;width:100vw;height:100vh}.project-maincontainer .clickable{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.5;z-index:1}.project-maincontainer .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;z-index:2;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#000;border:8px solid #e7e7e7;color:#e7e7e7}.project-maincontainer .content .carousel-root{width:60%;text-align:center;background-color:#000;border-right:8px solid #e7e7e7}.project-maincontainer .content .carousel-root .control-dots{display:none}.project-maincontainer .content .text{width:40%}.project-maincontainer .content .text h2{padding-left:8px}.project-maincontainer .content .text .description{padding-left:8px;width:100%}.project-maincontainer .content .text .description li{list-style:none}.project-maincontainer .content .text .technologies{display:flex;flex-direction:row;flex-wrap:wrap}.project-maincontainer .content .text .technologies li{list-style:none;border:4px solid #e7e7e7;padding:2px 8px;margin:8px}.project-maincontainer .content .text .technologies li p{font-size:24px}.project-maincontainer .content .text .link-btn{font-size:32px;padding:4px 8px;margin:8px;background-color:#e7e7e7;border:8px solid #e7e7e7;display:flex;flex-direction:row;align-items:center;justify-content:center}.project-maincontainer .content .text .link-btn a{color:#000;text-decoration:none;padding:0 8px}.project-maincontainer .content .text .link-btn .arrow{position:relative;height:0;width:0;border-color:currentcolor;border-color:#000 #000 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:12px;transform:rotate(45deg)}.project-maincontainer .content .text .link-btn .arrow:before{content:"";position:absolute;top:0;right:0;display:block;height:12px;width:12px;background-color:#000;transform:rotate(-45deg) translate(2px,1px)}.project-maincontainer .content .text .link-btn .arrow.right{transform:rotate(225deg)}.project-maincontainer .content .text .link-btn:hover{cursor:pointer;background-color:#000}.project-maincontainer .content .text .link-btn:hover a{color:#e7e7e7}.project-maincontainer .content .text .link-btn:hover .arrow{border-color:#e7e7e7 #e7e7e7 rgba(0,0,0,0) rgba(0,0,0,0)}.project-maincontainer .content .text .link-btn:hover .arrow:before{background-color:#e7e7e7}@media screen and (max-width:980px){.project-maincontainer .content{flex-direction:column}.project-maincontainer .content .carousel-root{border-bottom:8px solid #e7e7e7}.project-maincontainer .content .carousel-root,.project-maincontainer .content .text{width:100%;border-right:0}.project-maincontainer .content .carousel-root .link-btn,.project-maincontainer .content .text .link-btn{border-width:12px}.project-maincontainer .content .carousel-root .link-btn a,.project-maincontainer .content .text .link-btn a{font-size:20px}}