@font-face{font-family:font-1;src:url(/static/media/Syne-SemiBold.765f0d57fe04bdda9255.ttf)}@font-face{font-family:font-2;src:url(/static/media/Canvas-Light.1a2fd9f0238477ad0260.ttf)}@font-face{font-family:font-3;src:url(/static/media/Syne-Bold.86fe7b636ccd9880659c.ttf)}@font-face{font-family:font-4;src:url(/static/media/Avenir.bd849aa48220dc5266c4.ttc)}@font-face{font-family:font-5;src:url(/static/media/Syne-Regular.b123623ae2c049e733f6.ttf)}*{-webkit-text-size-adjust:none;border:none;box-sizing:border-box;font-size:100%;list-style-type:none;margin:0;outline:none;padding:0;text-decoration:none}html{scroll-behavior:smooth}body{background-color:#001b2e;color:#d6dbb2;cursor:nw-resize;font-family:font-1,sans-serif;font-weight:100;height:100vh;overflow:hidden}@media screen and (max-width:430px){body{max-width:100vw;overflow-y:visible;overflow-y:initial;position:relative}}main{height:100vh;position:relative;width:100%}li{color:#d6dbb2;font-size:1.4em}li:hover{color:#001b2e}a{color:#d6dbb2}a:hover{color:#e57a44}i{color:#d6dbb2;cursor:pointer;font-size:1.4em;font-size:1em}i:hover{color:#e57a44}.home{height:100vh;margin:0;padding:0;position:absolute;width:100vw}.home .main-content{display:flex;justify-content:center;position:relative;top:30%}.home .title{-webkit-user-select:none;user-select:none;width:100%}.home .title .hide{background:#001b2e;overflow:hidden}.home .title .hide span{display:inline-block;transform:translateY(100%)}.home .title--big-text{font-family:font-2,serif;font-size:12.6vw;font-style:oblique;font-weight:100!important;text-align:center;transform:translateX(-1.3%)}.home .title h3{margin-top:-3.7%}.home .title--text{display:block;font-family:font-1,sans-serif;font-size:3.55vw;margin:0;padding:0 3.2% 0 0;text-align:right;-webkit-user-select:none;user-select:none;width:100%}@-moz-document url-prefix(){.home .title--text{font-size:3.43vw}}@media only screen and (max-width:480px){.home{overflow:hidden;padding:0}.home .main-content{top:45%;transform:translateY(-50%)}.home .title--text{font-size:7.5vw;padding:0;text-align:center;transform:translateX(-50%)}}.project{height:100vh;position:absolute;width:100vw}.project-main{display:grid;grid-template-columns:30% 60% 5%;margin:12% 1rem 0;position:relative;text-align:right}@media screen and (max-width:768px){.project-main{grid-template-columns:1fr;grid-template-rows:1fr;margin:5% 1rem 0;overflow:hidden;text-align:left}}@media screen and (max-width:480px){.project-main{grid-template-columns:1fr;grid-template-rows:1fr;margin:30% 1rem 0}}.project-content{margin-right:20px;padding:0 .8rem}@media screen and (max-width:480px){.project-content{display:flex;flex-direction:column;justify-content:space-between;padding:0 .5rem;width:100%}}.project-content h2{animation:transformTitle 1.5s ease forwards;color:#d6dbb2;font-family:font-3,sans-serif;font-size:3.4vw;line-height:3.5rem;margin-bottom:10px;transform:scaleX(0);transform-origin:150%}@media screen and (max-width:480px){.project-content h2{font-size:1.5rem;line-height:1.5rem;text-align:left}}@keyframes transformTitle{to{transform:scaleX(1)}}.project-content p{color:#e57a44;font-family:font-3,sans-serif;font-size:1.2rem;font-weight:100;margin-bottom:30px}@media screen and (max-width:480px){.project-content p{font-size:1.2rem}}.project-content li{color:inherit!important;font-size:1.5rem}@media screen and (max-width:700px){.project-content li{font-size:1.1rem}}@media screen and (max-width:400px){.project-content li{font-size:.8rem}}.project-links{display:flex;line-height:2rem;margin-left:20px;text-align:left}@media screen and (max-width:768px){.project-links{font-size:1.5rem;line-height:3rem;margin-left:95%}}@media screen and (max-width:480px){.project-links{font-size:1.5rem;line-height:3rem;margin-left:90%}}.img-container{border-radius:2px;box-shadow:0 2px 4px #33333342;overflow:hidden;position:relative;width:100%}@media screen and (max-width:480px){.img-container{margin-top:2em}}.img-container span:hover,.img-container:hover span{transform:translateY(0);visibility:visible}.img-container img{height:100%;object-fit:cover;object-position:0;overflow:hidden;position:absolute;position:relative;transition:.4s ease-out;width:100%}.img-container img span:hover img,.img-container img:hover{filter:opacity(10%) contrast(150%);transform:scale(1.2)}.img-container span{bottom:20px;font-size:1.5rem;line-height:34px;margin:0 auto;padding:1rem;position:absolute;right:0;transition:translateY(200px);visibility:hidden;width:50%}@media screen and (max-width:480px){.img-container span{bottom:5px;padding:.5rem;width:100%}}.img-container span h3{color:#e57a44;padding-bottom:10px}.img-container span p{color:#d6dbb2;font-family:font-4,sans-serif;font-size:1.2rem;margin-bottom:30px}@media screen and (max-width:480px){.img-container span p{font-size:.6rem;line-height:.8rem;margin-bottom:0}}.contact{height:100vh;position:absolute;width:100vw}.contact .presentation{font-family:font-1,sans-serif;font-size:2vw;line-height:3.5vw;margin:150px 100px;width:49%}.contact .hide{background:#001b2e;overflow:hidden}.contact .hide span{display:inline-block;transform:translateY(100%)}@media only screen and (max-width:768px){.contact .presentation{font-size:1.5em;line-height:1.5em;margin:180px 20px;width:85%}}@media only screen and (max-width:480px){.contact .presentation{font-family:font-1,sans-serif;font-size:.85em;font-size:.9em;margin:115px 20px;width:85%}}.cursor{-webkit-backdrop-filter:brightness(115%);backdrop-filter:brightness(115%);border:1px solid #e57a44;border-radius:50%;height:60px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:all .2s ease;transition-property:background,transform;transition:top .16s ease-out;transition:left .16s ease-out;width:60px;z-index:20}.cursor.hovered{height:30px;width:30px}@media only screen and (max-width:768px){.cursor{display:none}}.container-corner{position:absolute;right:30px;top:30px}@media only screen and (max-width:480px){.container-corner{right:20px;top:20px}}.btn-circle{align-items:center;background:#d6dbb2;border:2px solid #001b2e;border-radius:50%;cursor:pointer;display:block;display:flex;flex-direction:column;height:70px;justify-content:center;outline:none;position:relative;width:70px;z-index:15}.btn-circle.menu-anim .line:first-child{top:3px;transform:rotate(45deg);transition:top .2s ease .2s,transform .2s ease .2s}.btn-circle.menu-anim .line:nth-child(2){opacity:0;transition:opacity .2s ease}.btn-circle.menu-anim .line:nth-child(3){top:-3px;transform:rotate(-45deg);transition:top .2s ease .2s,transform .2s ease .2s}.line{background:#001b2e;height:3px;position:relative;transition:transform .2s ease,opacity .2s ease,top .2s ease .2s;width:80%}.line:first-child{top:10px}.line:nth-child(3){top:-10px}.circle-menu{background:#e57a44;border:90px solid #d85c1e;border-radius:50%;height:500px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(0);transition:transform .6s ease-in-out .5s;width:500px;z-index:5}.circle-menu.circle-anim{transform:translate(-50%,-50%) scale(1);transition:transform .6s ease-in-out .4s}.circle-menu.circle-anim .links-circle:first-child{transform:translate(-50%,-50%) scale(1);transition:transform .2s ease .7s}.circle-menu.circle-anim .links-circle:nth-child(2){transform:translate(-50%,-50%) scale(1);transition:transform .2s ease .9s}.circle-menu.circle-anim .links-circle:nth-child(3){transform:translate(-50%,-50%) scale(1);transition:transform .2s ease 1.1s}.links-circle{align-items:center;border-radius:50%;display:flex;height:90px;justify-content:center;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(0);width:90px}.links-circle li{transition:transform .2s ease;width:100%}.links-circle:first-child{left:0;transition:transform .2s ease .4s}.links-circle:nth-child(2){left:10%;top:80%;transition:transform .2s ease .2s}.links-circle:nth-child(3){top:100%;transition:transform .2s ease 0}.nav-active,ul:hover li:hover{color:#001b2e}.nav-portfolio{cursor:pointer;display:flex;transition:.5s}.nav-portfolio .nav-projects:hover,.nav-portfolio:hover .nav-projects{opacity:1;visibility:visible}.nav-portfolio .nav-projects:hover li,.nav-portfolio:hover .nav-projects li{transform:rotateY(0deg)}.nav-portfolio .nav-projects{opacity:0;perspective:100px;position:absolute;right:45px;top:60px;transform:translateX(70px);transition:.3s;visibility:hidden;width:100%}@media only screen and (max-width:768px){.nav-portfolio .nav-projects{opacity:1;visibility:visible}}.nav-portfolio .nav-projects li{font-size:.8em;transform:rotateY(30deg) scale(1.2);transform-origin:center;transition:.3s}@media only screen and (max-width:768px){.nav-portfolio .nav-projects li{transform:rotateY(0deg)}}.phone-container{bottom:9%;position:absolute;right:2%;width:30%}.phone-container .logos{left:4%;opacity:.75;position:absolute;top:-130%;transform:translate(-50%);width:70%}.phone-container img{width:100%}.phone-container address{position:absolute;right:10%;text-align:right;top:75%}.phone-container address a{display:block;font-family:font-2,serif;font-size:3vw;line-height:4.5vw;transition:.4s ease}.phone-container address a:hover{color:#d6dbb2;transform:translateX(-3%);transition:.4s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@media only screen and (max-width:768px){.phone-container{bottom:8%;width:60%}.phone-container .logos{left:60%;top:-148%;width:80%}.phone-container address{right:1%;top:57%}.phone-container address a{font-size:2.6em;line-height:1.5em}}@media only screen and (max-width:480px){.phone-container{bottom:10%;margin-right:10px;width:70%}.phone-container .logos{left:60%;top:-145%;width:80%}.phone-container address{right:2%;top:56%}.phone-container address a{font-size:1.5em;line-height:1.5em}}.social-network{left:30px;position:absolute;top:65%;width:5%;z-index:2}@media only screen and (max-width:480px){.social-network{left:20px}}@media only screen and (max-width:768px){.social-network{left:15px;top:70.5%}}.social-network li{margin:25px 0;transition:1s ease-in-out}.scroll-button{bottom:2%;font-size:1.5rem;left:50%;perspective:40px;position:absolute;transform:translate(-50%)}@media screen and (max-width:480px){.scroll-button{margin-bottom:-20px}}.scroll-button:hover .sb-main{pointer-events:auto}.scroll-button .sb-main{align-items:center;display:grid;grid-template-areas:"a b c";grid-template-columns:20px 100px 20px;justify-items:center;pointer-events:none;transform:rotateX(25deg) scale(.8);transform-origin:bottom;transition:.4s;width:150px}@media screen and (max-width:768px){.scroll-button .sb-main{font-size:1em;transform:rotateX(0deg);width:100%}.scroll-button .sb-main .left,.scroll-button .sb-main .right{font-size:2em}}.scroll-button .sb-main .left{grid-area:a}.scroll-button .sb-main p{font-weight:100;grid-area:b;-webkit-user-select:none;user-select:none}@media screen and (max-width:768px){.scroll-button .sb-main p{display:none}}.scroll-button .sb-main .right{grid-area:c}.scroll-button .sb-main:hover{transform:rotateX(0deg) scale(1)}.scroll-button .sb-main span{display:inline-block;font-size:1.5rem;padding:0 1rem;transform:translateY(-1px);transition:.3s}.scroll-button .sb-main span:hover{font-size:2rem}@media only screen and (max-width:480px){.scroll-button{bottom:5%}}
/*# sourceMappingURL=main.4d5f9036.css.map*/