@import url(https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@500&display=swap);.main{background-color:#fff;height:100vh;padding:125px;position:relative;width:100%}.main>h1{font-size:90px;line-height:1.4}.main .author{background-color:transparent;bottom:200px;font-size:12px;height:auto;position:absolute;right:-50px;-webkit-transform:rotate(90deg);transform:rotate(90deg);width:auto}.main button{align-items:center;background-color:#000;border:initial;border-radius:1000px;cursor:pointer;display:flex;height:100px;margin-top:125px;position:relative;transition:all .5s;width:100px}.main button:hover{width:760px}.main button:hover p{color:#fff}.main button i{color:#fff;font-size:60px;margin-left:24px}.main button P{font-size:36px;left:110px;position:absolute;transition:all .5s;white-space:nowrap}.portfolio{background-color:transparent;height:auto;padding:125px;position:relative;width:100%}.portfolio .wrapper{justify-content:space-between;margin-top:100px;width:100%}.portfolio .wrapper,.portfolio .wrapper .buttons{align-items:flex-start;background-color:transparent;display:flex;height:auto}.portfolio .wrapper .buttons{flex-direction:column;justify-content:flex-start;width:auto}.portfolio .wrapper .buttons>h1{font-size:75px;font-weight:400;line-height:1.4;margin-bottom:75px}.portfolio .wrapper .buttons button{background-color:transparent;border:initial;border-radius:1000px;cursor:pointer;font-size:18px;height:auto;margin:14px 0;min-width:250px;overflow:hidden;padding:8px 36px;position:relative;transition:background-color .5s;width:auto}.portfolio .wrapper .buttons button:hover span:first-child{-webkit-transform:translateX(125%);transform:translateX(125%)}.portfolio .wrapper .buttons button:hover span:nth-child(2){-webkit-transform:translateX(0);transform:translateX(0)}.portfolio .wrapper .buttons button:hover:nth-child(2){background-color:#000;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(3){background:#234e9d;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(4){background:#d1d1d1;color:#1c02f7}.portfolio .wrapper .buttons button:hover:nth-child(5){background-color:#000;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(6){background:#662483;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(7){background:#1c02f7;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(8){background:#faeb3f;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(9){background-color:#000;color:#faeb3f}.portfolio .wrapper .buttons button:hover:nth-child(10){background:#4d378d;color:#fff}.portfolio .wrapper .buttons button:hover:nth-child(11){background-color:#000;color:#fff}.portfolio .wrapper .buttons button span{text-align:left;transition:all .5s;width:100%}.portfolio .wrapper .buttons button span:first-child{background-color:transparent;display:inline-block}.portfolio .wrapper .buttons button span:nth-child(2){background-color:transparent;left:0;position:absolute;text-align:center;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.portfolio .wrapper .preview-elements{background-color:transparent;display:flex;flex-direction:column;height:100%;margin-left:auto;overflow:auto;position:relative;width:auto}.portfolio .wrapper .preview-elements .preview{align-items:center;background-color:transparent;border-radius:32px;cursor:pointer;display:flex;flex-shrink:0;height:642px;justify-content:center;margin:150px 0;width:821px}.portfolio .wrapper .preview-elements .preview img{width:100%}.portfolio .wrapper .preview-elements .preview:first-child{margin-top:125px}.portfolio .wrapper .preview-elements .preview:last-child{margin-bottom:125px}.trusted-me{background-color:#fff;height:100vh;padding:125px;position:relative;width:100%}.trusted-me>h1{font-size:75px;font-weight:400;line-height:1.4}.trusted-me .items{flex-wrap:wrap;height:auto;margin-top:50px;width:100%}.trusted-me .items,.trusted-me .items .item{background-color:transparent;display:flex;justify-content:center}.trusted-me .items .item{align-items:center;border-radius:1000px;height:100px;margin:65px 12px;padding:4px 24px;position:relative;transition:all .25s;width:300px}.trusted-me .items .item img{-webkit-transform:scale(1.5);transform:scale(1.5);transition:all .25s}.contact{background-color:#fff;display:flex;flex-direction:column;height:100vh;margin-top:100px;padding:100px;position:relative;width:100%}.contact>h1{font-size:75px;font-weight:400;line-height:1.4}.contact form{align-items:center;background-color:transparent;display:flex;flex-direction:column;height:auto;justify-content:center;margin-top:125px;padding:20px;position:relative;width:50%}.contact form .type-of-realization{background-color:transparent;height:auto;left:0;position:absolute;top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);width:auto}.contact form .type-of-realization>p{color:rgba(0,0,0,.302);font-size:14px}.contact form .type-of-realization .types{align-items:center;background-color:transparent;display:flex;height:auto;justify-content:center;margin-top:20px;width:100%}.contact form .type-of-realization .types .type{background-color:transparent;height:auto;margin:0 25px;width:auto}.contact form .type-of-realization .types .type input:checked+label{background-color:#000;color:#fff}.contact form .type-of-realization .types .type label{border-radius:1000px;cursor:pointer;font-size:16px;padding:8px 32px;transition:all .5s;white-space:nowrap}.contact form .type-of-realization .types .type label:hover{background-color:#000;color:#fff}.contact form .wrapper{align-items:center;justify-content:center;margin-bottom:50px;margin-top:100px;width:100%}.contact form .wrapper,.contact form .wrapper .input-wrapper{background-color:transparent;display:flex;height:auto;position:relative}.contact form .wrapper .input-wrapper{flex-direction:column;width:auto}.contact form .wrapper .input-wrapper:first-child{margin-right:20px}.contact form .wrapper .input-wrapper:last-child{margin-left:20px}.contact form .wrapper .input-wrapper input{background-color:transparent;border:initial;border-bottom:1px solid #bababa;font-size:20px;height:50px;outline:medium none invert;outline:initial;width:100%}.contact form .wrapper .input-wrapper input:focus+label{-webkit-transform:translate(-10px,-150%) scale(.75);transform:translate(-10px,-150%) scale(.75)}.contact form .wrapper .input-wrapper input:valid+label{-webkit-transform:translate(-10px,-150%) scale(.75);transform:translate(-10px,-150%) scale(.75)}.contact form .wrapper .input-wrapper label{font-family:Lexend Exa,sans-serif;font-size:20px;left:0;position:absolute;top:15px;transition:all .25s}.contact form .textarea-wrapper{background-color:transparent;display:flex;flex-direction:column;height:auto;position:relative;width:100%}.contact form .textarea-wrapper textarea{background-color:transparent;border:initial;border-bottom:1px solid #bababa;font-size:20px;height:auto;outline:medium none invert;outline:initial;overflow:hidden;padding-top:22px;resize:none;width:100%}.contact form .textarea-wrapper textarea:valid+label{-webkit-transform:translate(-50px,-150%) scale(.75);transform:translate(-50px,-150%) scale(.75)}.contact form .textarea-wrapper textarea:focus+label{-webkit-transform:translate(-50px,-150%) scale(.75);transform:translate(-50px,-150%) scale(.75)}.contact form .textarea-wrapper label{font-family:Lexend Exa,sans-serif;font-size:20px;left:0;position:absolute;top:22px;transition:all .25s}.contact form button{background-color:#fff;border:2px solid #1510ff;border-radius:1000px;color:#1510ff;cursor:pointer;font-family:Lexend Exa,sans-serif;font-size:16px;font-weight:600;height:auto;margin-right:auto;margin-top:40px;overflow:visible;overflow:initial;padding:12px 60px;transition:all .5s;width:auto}.contact form button:hover{background-color:#1510ff;color:#fff}.contact .socials-and-contact{background-color:transparent;height:auto;margin-left:auto;width:auto}.contact .socials-and-contact .socials{background-color:transparent;display:flex;height:auto;margin-bottom:20px;width:auto}.contact .socials-and-contact .socials .social{align-items:center;background-color:transparent;cursor:pointer;display:flex;height:32px;justify-content:center;margin:0 20px;width:32px}.contact .socials-and-contact .socials .social img{width:100%}.contact .socials-and-contact .socials .social:first-child{margin-left:0}.contact .socials-and-contact .socials .social:last-child{margin-right:0}.contact .socials-and-contact .socials .social i{font-size:26px}.contact .socials-and-contact .contact-data{background-color:transparent;height:auto;width:auto}.contact .socials-and-contact .contact-data p{margin:5px 0}.contact .author{bottom:50px;font-size:12px;left:50%;position:absolute;-webkit-transform:translate(-50%);transform:translate(-50%)}.open-close-menu{align-items:center;background-color:transparent;border:initial;cursor:pointer;display:flex;flex-direction:column;font-size:32px;height:25px;justify-content:space-between;overflow:initial;overflow:hidden;position:fixed;right:75px;top:75px;transition:height .25s;width:50px;z-index:10000000000}.open-close-menu .line{background-color:#000;height:6px;transition:all 333ms;width:100%}.opened{height:25px}.opened .line:first-child,.opened .line:nth-child(2){-webkit-transform:translateX(0);transform:translateX(0)}.closed{height:50px}.closed .line:first-child{-webkit-transform:translateY(360%) rotate(45deg);transform:translateY(360%) rotate(45deg)}.closed .line:nth-child(2){-webkit-transform:translateY(-360%) rotate(-45deg);transform:translateY(-360%) rotate(-45deg)}.menu{background-color:hsla(0,0%,100%,.75);display:none;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .5s;width:100vw;z-index:1000000000}.menu .menu-wrapper{background-color:#fff;display:flex;height:100%;justify-content:space-between;margin-left:auto;position:relative;-webkit-transform:translateX(100%);transform:translateX(100%);transition:width .5s,-webkit-transform .5s;transition:transform .5s,width .5s;transition:transform .5s,width .5s,-webkit-transform .5s;width:calc(50% - 800px)}.menu .menu-wrapper .left-side,.menu .menu-wrapper .right-side{background-color:transparent;display:flex;flex-direction:column;flex-shrink:0;height:auto;justify-content:center;margin-top:-200px;width:auto}.menu .menu-wrapper .left-side p,.menu .menu-wrapper .right-side p{color:rgba(0,0,0,.302);font-size:14px;margin-bottom:50px}.menu .menu-wrapper .left-side .options,.menu .menu-wrapper .right-side .options{align-items:flex-start;background-color:transparent;display:flex;flex-direction:column;height:333px;justify-content:space-between;width:100%}.menu .menu-wrapper .left-side .options button,.menu .menu-wrapper .right-side .options button{background-color:transparent;border:initial;cursor:pointer;height:auto;outline:medium none invert;outline:initial;overflow:hidden;padding-bottom:10px;position:relative;width:auto}.menu .menu-wrapper .left-side .options button:hover .line,.menu .menu-wrapper .right-side .options button:hover .line{-webkit-transform:translateX(0);transform:translateX(0)}.menu .menu-wrapper .left-side .options button .line,.menu .menu-wrapper .right-side .options button .line{background-color:#000;bottom:0;height:2px;left:0;position:absolute;-webkit-transform:translateX(-105%);transform:translateX(-105%);transition:all .5s;width:100%}.menu .menu-wrapper .contact-information{background-color:transparent;bottom:100px;height:auto;left:100px;position:absolute;width:100%}.menu .menu-wrapper .contact-information p:first-child{color:rgba(0,0,0,.302);font-size:14px}.menu .menu-wrapper .contact-information p{color:#000;font-size:16px;margin:10px 0}.menu .menu-wrapper .left-side{margin-left:100px}.menu .menu-wrapper .left-side button{font-size:16px}.menu .menu-wrapper .right-side{margin-right:100px}.menu .menu-wrapper .right-side button{font-size:32px}.moving-cursor{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:rgba(0,0,0,.1);border:1px solid #000;border-radius:100%;height:50px;pointer-events:none;position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px;z-index:1000000000000}.moving-cursor,.moving-cursor p{align-items:center;display:flex;justify-content:center;transition:all .25s}.moving-cursor p{background-color:transparent;border-radius:100%;color:#fff;font-family:Lexend Exa,sans-serif;font-size:14px;font-weight:500;height:100%;opacity:0;width:100%}.hovering{border:1px solid transparent;height:80px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80px}.hovering p{opacity:1}html{scroll-behavior:smooth}.app{background-color:transparent;height:100vh;width:100vw}@font-face{font-family:OPTIFleet;src:url(/static/media/OPTIFleet.7ce0702204368ed7bc9a.otf) format("opentype")}*{box-sizing:border-box;font-family:OPTIFleet;font-style:normal;margin:0;padding:0}::selection{background:#000;color:#fff}
/*# sourceMappingURL=main.71781c74.css.map*/