@import url(https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;600;800&display=swap);body{width:100vw;font-family:"Darker Grotesque",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%}@font-face{font-family:BVSerif;src:url("/static/media/Bon Vivant Serif Bold.b1c0a5ac.otf") format("opentype")}@font-face{font-family:BVScript;src:url(/static/media/BonVivant-Regular.54412736.otf) format("opentype")}*{box-sizing:border-box;font-family:"HelveticaNeue-CondensedBold",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;font-weight:900}body{padding:0;margin:0;background-color:#f7f4ef;color:#1e1f13}body:before{-webkit-animation:grain 8s steps(10) infinite;animation:grain 8s steps(10) infinite;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/9632/paper-pattern.png);content:"";height:300%;left:-50%;opacity:.3;position:fixed;top:-100%;width:300%}body.no-scroll{overflow-y:hidden}@-webkit-keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}@keyframes grain{0%,to{-webkit-transform:translate(0);transform:translate(0)}10%{-webkit-transform:translate(-5%,-10%);transform:translate(-5%,-10%)}20%{-webkit-transform:translate(-15%,5%);transform:translate(-15%,5%)}30%{-webkit-transform:translate(7%,-25%);transform:translate(7%,-25%)}40%{-webkit-transform:translate(-5%,25%);transform:translate(-5%,25%)}50%{-webkit-transform:translate(-15%,10%);transform:translate(-15%,10%)}60%{-webkit-transform:translate(15%);transform:translate(15%)}70%{-webkit-transform:translateY(15%);transform:translateY(15%)}80%{-webkit-transform:translate(3%,35%);transform:translate(3%,35%)}90%{-webkit-transform:translate(-10%,10%);transform:translate(-10%,10%)}}.container{flex-grow:1;margin:0 auto;padding:0 32px;position:relative;width:auto;height:100%}.container.fluid{width:100%;max-width:100%;padding:0}@media(min-width:1024px){.container{max-width:960px}}@media(min-width:1216px){.container{max-width:1152px}}@media(min-width:1408px){.container{max-width:1560px}}.container .row{display:flex;align-items:center}.container .row.space-between{justify-content:space-between}.container .row.center{justify-content:center}header{font-size:16px;position:fixed;z-index:99;width:100%;font-weight:"700"}header .container .row{height:128px}header .container .row .logo a{color:#1e1f13;text-decoration:none}header .container .row .menu{cursor:pointer;border-radius:100%;border:1px solid #1e1f13;height:80px;width:80px;display:flex;align-items:center;justify-content:center;transition:.3s ease-in-out}header .container .row .menu:hover{color:#fff;background:#1e1f13}main .container{position:relative}main .container .row{height:100vh;align-items:center}main .container .row .image-container{position:relative}main .container .row .image-container .thumbnail{overflow:hidden;position:relative;object-fit:cover;display:flex;justify-content:center;align-items:center}main .container .row .image-container .information{position:absolute;width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:20px;text-transform:uppercase}main .container .row .image-container .information .location span:nth-child(2){margin-left:8px}.single .container .top-row{height:50vh;width:100%;align-items:flex-end}@media(max-width:800px){.single .container .top-row{height:40vh}}@media(max-width:500px){.single .container .top-row{height:30vh}}.single .container .top-row .top{padding-bottom:15px}.single .container .top-row .top .details{display:flex;align-items:center;justify-content:space-between}.single .container .top-row .top .details .location span:nth-child(2){margin-left:16px}.single .container .top-row .top .details .git{text-transform:uppercase}@media only screen and (max-width:800px){.single .container .top-row .top .details{padding:0 10px}}.single .container .top-row .top .spotlight{overflow:hidden}@media only screen and (max-width:500px){.single .container .top-row .top .spotlight{margin-left:20px}}.single .container .top-row .top .spotlight .first{margin-right:72px}.single .container .top-row .top .spotlight span{display:inline-block;position:relative;font-weight:400;font-size:150px;font-family:"BVSerif"}@media(max-width:1440px){.single .container .top-row .top .spotlight span{font-size:116px}}@media only screen and (max-width:800px){.single .container .top-row .top .spotlight span{font-size:80px}}@media only screen and (max-width:500px){.single .container .top-row .top .spotlight span{font-size:50px}}.single .container .bottom-row{height:50vh;position:relative}.single .container .bottom-row .bottom{height:100%;width:100%}.single .container .bottom-row .bottom .thumbnail-single{width:100%;height:800px;margin:0 auto;overflow:hidden;position:absolute;left:0;right:0}@media(max-width:800px){.single .container .bottom-row .bottom .thumbnail-single{height:400px}}@media(max-width:500px){.single .container .bottom-row .bottom .thumbnail-single{height:200px}}.single .container .bottom-row .bottom .thumbnail-single .frame-single{display:flex;justify-content:center}.single .container .bottom-row .bottom .thumbnail-single .frame-single img{position:absolute;width:100%}@media(max-width:750px){.single .container .bottom-row .bottom .thumbnail-single .frame-single img{width:750px;margin:0 auto}}.single .container .bottom-row .scroll-for-more{position:absolute;bottom:200px;left:10%;z-index:20}.single .container .bottom-row .scroll-for-more .icon svg{height:auto;width:28px}.single .container .bottom-row .scroll-for-more .text{margin-top:8px;color:#fff;text-transform:uppercase}.detailed-information{margin-top:200px;height:250px}.detailed-information .container .row{justify-content:space-between;align-items:flex-start}@media(max-width:900px){.detailed-information .container .row{margin-top:-130px;flex-direction:column;justify-content:space-between;align-items:flex-start}}.detailed-information .container .row h2{font-size:28px;-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference;margin-top:44px}@media(max-width:1216px){.detailed-information .container .row h2{margin-right:30px}}@media(max-width:900px){.detailed-information .container .row h2{font-size:58px;margin:0}}.detailed-information .container .row p{padding-top:42px;font-family:"Helvetica Neue";font-size:16;line-height:28px;font-weight:400;width:740px;-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference}@media(max-width:900px){.detailed-information .container .row p{width:100%;margin-top:-40px}}.detailed-information .container .row i{font-weight:400}.portfolio{width:100vw;height:60vh;text-align:center;display:grid;justify-content:center;align-content:center}@media only screen and (max-width:800px){.portfolio{margin-top:90px}}@media only screen and (max-width:500px){.portfolio{margin-top:200px}}@media only screen and (max-width:350px){.portfolio{margin-top:300px}}.portfolio .port-text{color:#1e1f13;font-weight:400;font-size:180px;font-family:"BVSerif"}@media only screen and (max-width:800px){.portfolio .port-text{font-size:90px}}@media only screen and (max-width:500px){.portfolio .port-text{font-size:65px}}.portfolio .soon-text{position:relative;top:-90px;font-weight:400;font-size:80px;font-family:"BVScript";-webkit-filter:invert(1);filter:invert(1);mix-blend-mode:difference}@media only screen and (max-width:800px){.portfolio .soon-text{font-size:44px;top:-36px}}@media only screen and (max-width:500px){.portfolio .soon-text{font-size:32px;top:-33px}}
/*# sourceMappingURL=main.1c784673.chunk.css.map */