@font-face{font-family:Teko;src:url(/static/media/Teko.2c304a82d8b73b2829fa.ttf)}*{border:none;box-sizing:border-box;font-family:Teko,sans-serif;list-style:none;margin:0;outline:none;padding:0;text-decoration:none}.App{color:#fffee3;min-height:100vh;overflow:hidden;position:relative;width:100%}section{background-color:#8eaeb6}.container{margin:0 auto;max-width:1280px;padding:0 20px}@media(max-width:1280px){.container{max-width:95%}}.header{left:0;padding:40px 0 0;position:absolute;top:0;width:100%;z-index:9}.header .container .nav-bar{align-items:flex-start;display:flex;justify-content:space-between}.header .container .nav-bar .logo{font-size:60px}.header .container .nav-bar .menu-button{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:hsla(0,0%,100%,.251);color:#000;cursor:pointer;font-size:30px;padding:10px;-webkit-user-select:none;user-select:none}@media(max-width:1280px){.header{padding:30px 0 0}}@media(max-width:1024px){.header{padding:20px 0 0}}@media(max-width:768px){.header{padding:10px 0 0}.header .container .nav-bar .logo{font-size:30px}.header .container .nav-bar .menu-button{font-size:15px}}@media(max-width:640px){.header{padding:5px 0 0}}@media(max-width:450px){.header .container .nav-bar .logo{font-size:20px}.header .container .nav-bar .menu-button{font-size:10px;padding:5px}}.menu{background-color:#647275;height:100vh;left:100%;position:absolute;top:0;transition:all 1s ease;width:100%;z-index:29}.menu.active{left:0}.menu .container{height:100%}.menu .container .menu-list{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;row-gap:100px;width:100%}.menu .container .menu-list .menu-item{height:70px;width:100%}.menu .container .menu-list .menu-item button{background-color:#fffee3;cursor:pointer;font-size:30px;height:100%;letter-spacing:1px;transition:all .3s ease;width:100%}.menu .container .menu-list .menu-item button:hover{background-color:#000;color:#fffee3}@media(max-width:768px){.menu .container .menu-list{row-gap:50px}}@media(max-width:640px){.menu .container .menu-list{row-gap:30px}.menu .container .menu-list .menu-item{height:40px}.menu .container .menu-list .menu-item button{font-size:16px}}@media(max-width:450px){.menu .container .menu-list{row-gap:20px}.menu .container .menu-list .menu-item{height:30px}.menu .container .menu-list .menu-item button{font-size:14px}}.footer{bottom:0;left:0;padding:0 0 40px;position:absolute;width:100%;z-index:9}.footer .container .footer-details{font-size:30px;letter-spacing:2px}@media(max-width:1280px){.footer{padding:0 0 30px}}@media(max-width:1024px){.footer{padding:0 0 20px}}@media(max-width:768px){.footer{padding:0 0 10px}.footer .container .footer-details{font-size:15px}}@media(max-width:640px){.footer{padding:0 0 5px}}@media(max-width:450px){.footer .container .footer-details{font-size:10px}}.button{background-color:#fffee3;border:none;border-radius:50%;bottom:40px;cursor:pointer;display:grid;font-weight:600;height:100px;left:calc(50% + 520px);overflow:hidden;place-content:center;position:absolute;transition:background .3s,transform .2s;width:100px;z-index:19}.button__circle{align-items:center;background-color:#8eaeb6;border-radius:50%;color:#fffee3;display:flex;height:40px;justify-content:center;overflow:hidden;position:relative;width:40px}.button__icon--copy{position:absolute;transform:translate(-150%,150%)}.button:hover{background:#000;transform:scale(1.05)}.button:hover .button__icon{color:#000}.button:hover .button__icon:first-child{transform:translate(150%,-150%);transition:transform .3s ease-in-out}.button:hover .button__icon--copy{transform:translate(0);transition:transform .3s ease-in-out .1s}@media(max-width:1280px){.button{height:80px;left:calc(50% + 412px);width:80px}.button .button__circle{height:30px;width:30px}}@media(max-width:1024px){.button{height:80px;left:calc(50% + 284px);width:80px}.button .button__circle{height:30px;width:30px}}@media(max-width:768px){.button{height:50px;left:calc(50% + 260px);width:50px}.button .button__circle{height:20px;width:20px}svg{width:8px}}@media(max-width:640px){.button{bottom:20px;height:40px;left:calc(50% + 175px);width:40px}.button .button__circle{height:15px;width:15px}svg{width:6px}}@media(max-width:450px){.button{left:calc(50% + 90px)}}.space{background-color:#647275;height:100vh;left:0;position:absolute;top:100%;transition:all 1s ease;width:100%;z-index:99}.space.active{top:0}.about{display:none;height:100vh;width:100%}.about.active{display:block}.about .container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;row-gap:100px}.about .container .summary{font-size:30px;padding:0 20px}.about .container .technologies-list{align-items:center;column-gap:30px;display:flex;flex-wrap:wrap;justify-content:center}.about .container .technologies-list .technologies-item{width:50px}.about .container .technologies-list .technologies-item img{object-fit:contain;width:100%}@media(max-width:1280px){.about .container .summary{font-size:20px}.about .container .technologies-list .technologies-item{width:45px}}@media(max-width:1024px){.about .container .technologies-list .technologies-item{width:40px}}@media(max-width:768px){.about .container .technologies-list .technologies-item{width:35px}}@media(max-width:640px){.about .container .summary{font-size:16px}.about .container .technologies-list{row-gap:20px}.about .container .technologies-list .technologies-item{width:30px}}@media(max-width:450px){.about .container .summary{font-size:14px;padding:0 10px}}.hero{display:none;height:100vh;overflow:hidden;width:100%}.hero.active{display:block}.hero .container{height:100%}.hero .container,.hero .container .hero-details{align-items:center;display:flex;justify-content:center}.hero .container .hero-details{flex-direction:column;font-weight:900;text-transform:uppercase;-webkit-user-select:none;user-select:none}.hero .container .hero-details .profession{font-size:140px;line-height:30%}.hero .container .hero-details .settlement{align-items:center;column-gap:20px;display:flex;justify-content:center}.hero .container .hero-details .settlement span{font-size:140px}.hero .container .hero-details .settlement .country{display:flex;flex-direction:column;justify-content:flex-start;padding:0 0 12px}.hero .container .hero-details .settlement .country span{font-size:40px}@media(max-width:1280px){.hero .container .hero-details .profession,.hero .container .hero-details .settlement span{font-size:100px}.hero .container .hero-details .settlement .country{padding:0 0 8px}.hero .container .hero-details .settlement .country span{font-size:30px}}@media(max-width:1024px){.hero .container .hero-details .profession{font-size:70px}.hero .container .hero-details .settlement{column-gap:20px}.hero .container .hero-details .settlement span{font-size:70px}.hero .container .hero-details .settlement .country span{font-size:20px}}@media(max-width:640px){.hero .container .hero-details{row-gap:10px}.hero .container .hero-details .profession{font-size:50px}.hero .container .hero-details .settlement{column-gap:5px;flex-direction:column;row-gap:0}.hero .container .hero-details .settlement span{font-size:50px}.hero .container .hero-details .settlement .country{column-gap:10px;flex-direction:row;padding:0}.hero .container .hero-details .settlement .country span{font-size:25px}}.projects{display:none;height:100vh;overflow:hidden;width:100%}.projects.active{display:block}.projects .container{height:100%}.projects-box{align-items:center;column-gap:70px;display:flex;flex-wrap:wrap;height:100%;justify-content:center;width:100%}.projects-box .project-card{max-width:400px}@media(max-width:1024px){.projects-box{padding:50px 0 0}.projects-box .project-card{max-width:300px}}@media(max-width:768px){.projects-box{row-gap:20px}}@media(max-width:450px){.projects-box{row-gap:15px}.projects-box .project-card{max-width:200px}}.project-card img{height:100%;object-fit:cover;width:100%}.project-card .card-title{color:#fffee3;font-size:30px;letter-spacing:2px}@media(max-width:450px){.project-card .card-title{font-size:14px;font-weight:600}}.works{height:100vh;width:100%}.card-hero,.work-card{height:100%;width:100%}.card-hero{display:flex;left:0;position:absolute;top:100%;transition:all 1s ease;z-index:1}.card-hero.active{top:0}.card-hero .card-image{height:100%;width:50%}.card-hero .card-image img{height:100%;object-fit:cover;width:100%}.card-hero .card-details{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:50%}.card-hero .card-details .card-title{font-size:60px;text-align:center}.card-hero .card-details .card-about{font-size:30px;letter-spacing:2px;text-align:center}@media(max-width:1280px){.card-hero .card-details{padding:0 20px}.card-hero .card-details .card-title{font-size:30px}.card-hero .card-details .card-about{font-size:20px}}@media(max-width:1024px){.card-hero .card-details .card-about,.card-hero .card-details .card-title{letter-spacing:1px;text-align:left}}@media(max-width:768px){.card-hero{flex-direction:column}.card-hero .card-image{height:50%;width:100%}.card-hero .card-details{align-items:flex-start;height:50%;justify-content:flex-start;margin:50px 0 0;width:100%}}@media(max-width:640px){.card-hero .card-details .card-title{font-size:25px}.card-hero .card-details .card-about{font-size:16px}}@media(max-width:450px){.card-hero .card-details{margin:25px 0 0;padding:0 10px}.card-hero .card-details .card-title{font-size:20px}.card-hero .card-details .card-about{font-size:14px}}.card-info{height:100%;left:0;position:absolute;top:100%;transition:all 1s ease;width:100%;z-index:2}.card-info.active{top:0}.card-info .container{padding-top:100px}.card-info .container .title{font-size:60px;font-weight:900}.card-info .container .subtitle{font-size:30px;font-weight:700}.card-info .container .technology-list .technology-item{color:#000;font-size:20px}.card-info .container .url-list{margin:20px 0 0}.card-info .container .url-list .url-item a{align-items:center;color:#000;column-gap:7px;display:flex;font-size:24px;justify-content:flex-start}.card-info .container .url-list .url-item a svg{font-size:10px}@media(max-width:1024px){.card-info .container{padding-top:120px}}@media(max-width:768px){.card-info .container .title{font-size:40px}.card-info .container .subtitle{font-size:20px}.card-info .container .technology-list .technology-item{font-size:16px}.card-info .container .url-list .url-item a{font-size:18px}}@media(max-width:640px){.card-info .container{padding-top:100px}.card-info .container .url-list .url-item a svg{font-size:7px}}@media(max-width:450px){.card-info .container .title{font-size:20px}.card-info .container .subtitle{font-size:16px}.card-info .container .technology-list .technology-item{font-size:14px}.card-info .container .url-list .url-item a{font-size:16px}}.card-presentation{height:100%;left:0;position:absolute;top:100%;transition:all 1s ease;width:100%;z-index:3}.card-presentation.active{top:0}.card-presentation .container{align-items:center;column-gap:70px;display:flex;flex-wrap:wrap;height:100%;justify-content:center}.card-presentation .container img{max-width:400px;object-fit:contain}@media(max-width:1024px){.card-presentation .container{padding:50px 0 0}.card-presentation .container img{max-width:300px}}@media(max-width:768px){.card-presentation .container{row-gap:20px}}@media(max-width:450px){.card-presentation .container{row-gap:15px}.card-presentation .container img{max-width:200px}}.work-button{align-items:center;backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);background-color:#1d1d1fb3;border-radius:4px;cursor:pointer;display:flex;height:50px;justify-content:center;left:calc(50% - 25px);overflow:hidden;position:relative;text-decoration:none;top:650px;transition:bottom .4s,transform .4s;width:50px;z-index:19}.work-button:hover{transform:translateY(-.25rem)}@media(max-width:1199.98px){.work-button{right:1rem}}@media(max-width:768px){.work-button{height:40px;left:calc(50% - 20px);width:40px}}@media(max-width:640px){.work-button{height:30px;left:calc(50% - 15px);width:30px}}.not-found{height:100vh;width:100%}.not-found .container{align-items:center;display:flex;height:100%;justify-content:center}.not-found .container h2{font-size:100px;font-weight:900}
/*# sourceMappingURL=main.575f89ef.css.map*/