body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0}@font-face{font-family:SpaceGrotesk;font-style:normal;font-weight:400;src:url(/static/media/SpaceGrotesk-VariableFont_wght.1036357b9651eff7d3dd.ttf) format("truetype")}body{background-color:#151515;color:#fff;font-family:SpaceGrotesk,sans-serif}.movement{view-timeline-name:--reveal;animation-timeline:--reveal;animation-range:entry 25% cover 50%;animation-fill-mode:both;animation-name:show}@keyframes show{0%{opacity:0;scale:10%}to{opacity:1;scale:100%}}:root{--dt-text:#fff;--dt-decoration:#4ee1a0;--lt-text:#292929;--lt-decoration:#34966a;--error:#b00}.Modal{background-color:#fff;border-radius:8px;box-shadow:0 0 10px 0 #0003;left:50%;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%)}.ModalOverlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.modal-error,.modal-success{background-color:#151515;border-radius:0;color:#fff;color:var(--dt-text);display:flex;flex-wrap:wrap;justify-content:center;padding:2rem;text-align:center;width:20rem}.modal-error h2,.modal-success h2{margin-bottom:2rem;width:100%}.modal-error p,.modal-success p{width:100%;word-break:break-word}.modal-error button,.modal-success button{background-color:#0000;border:none;color:#fff;color:var(--dt-text);cursor:pointer;font-size:16px;letter-spacing:2px;margin-top:2rem;padding:.8rem 0;text-transform:uppercase;transition:all .3s}.modal-success{animation:modal .3s ease-in-out 0s;border:1px solid #4ee1a0;border:1px solid var(--dt-decoration)}.modal-success button{border-bottom:1px solid #4ee1a0;border-bottom:1px solid var(--dt-decoration)}.modal-success button:hover{border-bottom:1px solid #fff;border-bottom:1px solid var(--dt-text);color:#4ee1a0;color:var(--dt-decoration)}.modal-error{animation:modal .3s ease-in-out 0s;border:1px solid #b00;border:1px solid var(--error)}.modal-error button{border-bottom:1px solid #b00;border-bottom:1px solid var(--error)}.modal-error button:hover{border-bottom:1px solid #fff;border-bottom:1px solid var(--dt-text);color:#b00;color:var(--error)}.modal-title{color:#4ee1a0;color:var(--dt-decoration)}@keyframes modal{0%{opacity:0;scale:0}40%{opacity:0}to{opacity:1;scale:100%}}.hero{padding:0 6vw 6vw;position:relative}.hero .rings{left:-7rem;opacity:1;position:absolute;top:7rem}.hero .container{height:45rem;position:relative;width:100%}.hero .container .navbar{display:flex;justify-content:space-between;padding:3rem 0;position:absolute;width:100%}.hero .container .navbar .nickname h3{font-size:35px}.hero .container .navbar .social-media{display:flex;justify-content:center;width:auto}.hero .container .navbar .social-media a{align-items:center;display:flex;justify-content:center;margin-right:1.5rem;transition:all .3s}.hero .container .navbar .social-media a img:first-child{transition:all .3s}.hero .container .navbar .social-media a img:nth-child(2){display:none;transition:all .3s}.hero .container .navbar .social-media a:hover{animation:appearing .3s ease-in-out 0s}.hero .container .navbar .social-media a:hover img:first-child{display:none}.hero .container .navbar .social-media a:hover img:nth-child(2){display:inline}.hero .container .me{display:flex;position:absolute;width:100%}.hero .container .me .present{position:absolute;top:10rem;width:100%}.hero .container .me .present h1{animation:appearing 2s ease-in-out 0s;font-size:6.5vw;margin-bottom:3rem;text-shadow:1px 1px 10px #000;width:70%}.hero .container .me .present h1 span{text-decoration:underline;-webkit-text-decoration-color:var(--dt-decoration);text-decoration-color:var(--dt-decoration);text-underline-position:from-font}.hero .container .me .present p{animation:appearing 3s ease-in-out 0s;font-size:18px;line-height:2rem;margin-bottom:5rem;text-shadow:1px 1px 10px #000;width:40%}.hero .container .me .present .contact-me{animation:appearing 4s ease-in-out 0s;position:relative}.hero .container .me .present .contact-me button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:18px;letter-spacing:2px;padding:.8rem 0;text-transform:uppercase;transition:all .3s}.hero .container .me .present .contact-me button:hover{animation:selected 0s ease 0s none backwards .5s ease-in-out 0s 1 normal none running;animation:selected initial .5s ease-in-out 0s backwards;border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}.hero .container .me .image{animation:imageHero 1s ease-in-out 0s;display:flex;justify-content:flex-end;position:absolute;right:0;z-index:-1}.hero .container .me .image img{width:70%}@media screen and (max-width:1080px){.hero{padding:0 0 4vw 4vw}.hero .rings{left:-12rem;top:5rem}.hero .container{height:87vw}.hero .container .navbar{padding:1.5rem 0}.hero .container .me .present{top:6.5rem}.hero .container .me .present h1{font-size:7.5vw;margin-bottom:4vw;width:60vw}.hero .container .me .present p{font-size:18px;line-height:2rem;margin-bottom:4vw;width:60vw}.hero .container .me .image{width:73vw}}@media screen and (max-width:680px){.hero{padding:0 4vw}.hero .rings{left:-14rem;top:10rem;z-index:-1}.hero .container{height:190vw;min-height:52rem}.hero .container .navbar{flex-wrap:wrap;padding:0}.hero .container .navbar .nickname{margin:2rem 0 3rem;text-align:center;width:100%}.hero .container .navbar .nickname h3{font-size:35px}.hero .container .navbar .social-media{margin-bottom:3.5rem;width:100%}.hero .container .navbar .social-media a:not(:last-child){margin-right:1.5rem}.hero .container .navbar .social-media a:last-child{margin-right:0}.hero .container .me{margin-top:7rem}.hero .container .me .present{text-align:center;top:100vw}.hero .container .me .present h1{font-size:9.5vw;width:100%}.hero .container .me .present p{font-size:4vw;width:100%}.hero .container .me .image{justify-content:center;width:100%}.hero .container .me .image img{width:60%}}@keyframes selected{0%{border-bottom:1px solid var(--dt-decoration);color:var(--dt-text)}to{border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}}@keyframes toRight{0%{left:-17rem;opacity:0}to{left:-7rem;opacity:1}}@keyframes appearing{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes imageHero{0%{opacity:0;scale:0;transform:translateY(20rem)}40%{opacity:0}to{opacity:1;scale:100%;transform:translateY(0)}}.technologies{border-top:1px solid var(--dt-text);display:flex;flex-wrap:wrap;justify-content:space-between;margin:4vw 6vw 0;padding:6vw 0;position:relative}.technologies .rings{display:inline-flex;position:absolute;right:-6vw;top:17rem}.technologies .element{margin-bottom:2.5rem;width:30%}.technologies .element h1{font-size:3.5vw;margin-bottom:1rem}.technologies .element p{font-size:18px}@media screen and (max-width:1080px){.technologies{margin:6vw 4vw 0}.technologies .rings{right:-2rem;top:23rem}.technologies .element{width:50%}.technologies .element h1{font-size:5.5vw}}@media screen and (max-width:680px){.technologies{justify-content:center}.technologies .rings{right:-1rem;top:38rem}.technologies .element{width:100%}.technologies .element h1{font-size:6vw;text-align:center}.technologies .element p{text-align:center}}.react-tabs{-webkit-tap-highlight-color:transparent}.react-tabs__tab-list{border-bottom:1px solid #aaa;margin:0 0 10px;padding:0}.react-tabs__tab{border:1px solid #0000;border-bottom:none;bottom:-1px;cursor:pointer;display:inline-block;list-style:none;padding:6px 12px;position:relative}.react-tabs__tab--selected{background:#fff;border-color:#aaa;border-radius:5px 5px 0 0;color:#000}.react-tabs__tab--disabled{color:GrayText;cursor:default}.react-tabs__tab:focus{outline:none}.react-tabs__tab:focus:after{background:#fff;bottom:-5px;content:"";height:5px;left:-4px;position:absolute;right:-4px}.react-tabs__tab-panel{display:none}.react-tabs__tab-panel--selected{display:block}.react-tabs__tab--selected{border-radius:0}.react-tabs__tab:focus:after{background-color:var(--dt-decoration)}.projects{padding:2vw 6vw 0}.projects .title{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.projects .title h1{font-size:5.5vw}.projects .title button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:18px;height:3rem;letter-spacing:2px;padding:.5rem 0;text-transform:uppercase;transition:all .3s}.projects .title button:hover{border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}.projects .list{display:flex;flex-wrap:wrap;justify-content:space-between;padding:3rem 0;width:100%}.projects .list .element{margin-bottom:4rem;width:48%}.projects .list .element .image{position:relative;width:100%}.projects .list .element .image .buttons{align-items:center;background-color:#000000b3;flex-wrap:wrap;height:100%;opacity:0;position:absolute;transition:all .3s}.projects .list .element .image .buttons,.projects .list .element .image .buttons .row{display:flex;justify-content:center;width:100%}.projects .list .element .image .buttons .row button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:18px;height:3rem;letter-spacing:2px;padding:.5rem 0;text-transform:uppercase;transition:all .3s}.projects .list .element .image .buttons .row button:hover{border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}.projects .list .element .image .buttons .row:first-child{margin-top:8.5vw}.projects .list .element .image .buttons .row:last-child{margin-bottom:8.5vw}.projects .list .element .image .buttons:hover{opacity:1}.projects .list .element .image img{transition:all .3s;width:100%}.projects .list .element h2{font-size:2vw;margin:1rem 0;text-transform:uppercase}.projects .list .element p{font-size:1.5vw;letter-spacing:.5px}.projects .list .element p span:not(:last-child){margin-right:1rem}.projects .list .element .mobile-buttons{display:none;margin-top:1rem}.projects .list .element .mobile-buttons a:not(:last-child){margin-right:3.5vw}.projects .list .element .mobile-buttons a button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:1.8vw;height:3rem;letter-spacing:2px;padding:.5rem 0;text-transform:uppercase;transition:all .3s}.projects .list .element .mobile-buttons a button:hover{border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}.fade-enter{opacity:0;transform:translateY(10px)}.fade-enter-active{transition:opacity .3s,transform .3s}.fade-enter-active,.fade-exit{opacity:1;transform:translateY(0)}.fade-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}@media screen and (max-width:1080px){.projects{padding:2vw 5vw 0}.projects .title h1{font-size:7.5vw}.projects .list .element .image .buttons{display:none}.projects .list .element h2{font-size:3.2vw}.projects .list .element p{font-size:2vw}.projects .list .element p span:not(:last-child){margin-right:.7rem}.projects .list .element .mobile-buttons{display:flex}.projects .list .element .mobile-buttons a button{font-size:1.8vw}}@media screen and (max-width:680px){.projects .title h1{font-size:9.5vw}.projects .list{padding:3rem 0 1.5rem}.projects .list .element{margin-bottom:3rem;width:100%}.projects .list .element h2{font-size:6vw}.projects .list .element p{font-size:3.5vw}.projects .list .element p span:not(:last-child){margin-right:.7rem}.projects .list .element .mobile-buttons{display:flex}.projects .list .element .mobile-buttons a button{font-size:18px;height:3rem;padding:.5rem 0}.projects .list .element .mobile-buttons a button:not(:last-child){margin-right:5.5vw}}.contact{background-color:#242424;display:flex;flex-wrap:wrap;padding:3rem 6vw 0;position:relative;width:100%}.contact .rings{left:-5vw;position:absolute;top:16rem}.contact .description{margin-bottom:5rem;min-height:22rem;width:50%}.contact .description h1{font-size:6.5vw;margin-bottom:2rem}.contact .description p{font-size:18px;margin-right:8vw}.contact .form{margin-bottom:5rem;min-height:22rem;width:50%}.contact .form form{margin-left:8vw}.contact .form form input,.contact .form form textarea{background-color:#0000;border:none;border-bottom:1px solid var(--dt-text);color:var(--dt-text);font-size:16px;margin-bottom:1.5rem;padding:0 1rem;width:100%}.contact .form form input{height:3rem}.contact .form form input::placeholder{font-size:16px;text-transform:uppercase}.contact .form form textarea{font-size:19px;height:8rem;padding:.5rem 1rem}.contact .form form textarea::placeholder{font-size:18px;text-transform:uppercase}.contact .form form .form-submit{display:flex;justify-content:flex-end;margin-bottom:2rem}.contact .form form .form-submit button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:18px;letter-spacing:2px;padding:.8rem 0;text-transform:uppercase;transition:all .3s}.contact .form form .form-submit button:hover{border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}.contact .form form .form-submit button:disabled{color:var(--dt-decoration);opacity:.8}.contact .footer{border-top:1px solid var(--dt-text);display:flex;justify-content:space-between;padding:2rem 0;width:100%}.contact .footer .nickname h3{font-size:35px}.contact .footer .social-media{display:flex;justify-content:center;width:auto}.contact .footer .social-media a{align-items:center;display:flex;justify-content:center;transition:all .3s}.contact .footer .social-media a img{cursor:pointer;transition:all .3s}.contact .footer .social-media a img:hover{animation:appearing .3s ease-in-out 0s;color:var(--dt-decoration)}.contact .footer .social-media a img:first-child{transition:all .3s}.contact .footer .social-media a img:nth-child(2){display:none;transition:all .3s}.contact .footer .social-media a:not(:last-child){margin-right:1.5rem}.contact .footer .social-media a:hover img:first-child{display:none}.contact .footer .social-media a:hover img:nth-child(2){display:inline}@media screen and (max-width:1080px){.contact .rings{left:-15rem;top:33rem}.contact .description{margin-bottom:3rem;min-height:auto;padding:0 12vw;text-align:center;width:100%}.contact .description h1{font-size:8vw;margin-bottom:1.5rem}.contact .description p{margin:0}.contact .form{margin-bottom:3rem;padding:0 12vw;width:100%}.contact .form form{margin:0}.contact .footer{padding:1rem 0}}@media screen and (max-width:680px){.contact .rings{left:-15rem;top:28rem}.contact .description{padding:0}.contact .description h1{font-size:10vw}.contact .form{padding:0}.contact .footer{flex-wrap:wrap}.contact .footer .nickname{margin:2rem 0;text-align:center;width:100%}.contact .footer .nickname h3{font-size:35px}.contact .footer .social-media{margin-bottom:3.5rem;width:100%}.contact .footer .social-media a:not(:last-child){margin-right:1.5rem}.contact .footer .social-media a:last-child{margin-right:0}}.experience{background-color:#292929;padding:2vw 6vw}.experience .title{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.experience .title h1{font-size:5vw}.experience h3{font-size:3vw;text-align:center}.experience h3 span{color:#4ee1a0}.new-experience{background-color:#4ee1a0;color:#292929;padding:.5rem 1rem}.slider-container{overflow-x:hidden;padding:3vw 8VW;position:relative;width:100%}.slider{display:flex;overflow-x:hidden}.slides{display:flex;transition:transform .5s ease-in-out}.slide{flex-shrink:0;width:100%}.slider-btn{background:none;border:none;border-radius:5vw;color:#fff;cursor:pointer;font-size:3vw;padding:.2vw 1vw;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s}.slider-btn:hover{color:#4ee1a0}.prev{left:4vw}.prev:before{margin-bottom:1.2vw;rotate:-45deg}.prev:after,.prev:before{background-color:#fff;content:"";display:flex;height:2px;transition:all .3s;width:2vw}.prev:after{rotate:45deg}.prev:hover:after,.prev:hover:before{background-color:#4ee1a0}.next{right:4vw}.next:before{margin-bottom:1.2vw;rotate:-135deg}.next:after,.next:before{background-color:#fff;content:"";display:flex;height:2px;transition:all .3s;width:2vw}.next:after{rotate:135deg}.next:hover:after,.next:hover:before{background-color:#4ee1a0}.techs{flex-wrap:wrap;gap:.5rem;list-style:none;padding:.5rem 0;text-transform:uppercase;width:100%}.contact-me,.techs{display:flex;justify-content:center}.contact-me{align-items:center;animation:appearing .5s ease-in-out 0s;position:relative}.contact-me button{background-color:#0000;border:none;border-bottom:1px solid var(--dt-decoration);color:var(--dt-text);cursor:pointer;font-size:18px;letter-spacing:2px;padding:.8rem 0;text-transform:uppercase;transition:all .3s}.contact-me button:hover{animation:selected 0s ease 0s none backwards .5s ease-in-out 0s 1 normal none running;animation:selected initial .5s ease-in-out 0s backwards;border-bottom:1px solid var(--dt-text);color:var(--dt-decoration)}@media screen and (max-width:1080px){.experience{padding:5vw}.experience .title h1{font-size:7.5vw}.prev{left:2vw}.next{right:2vw}.next:before,.prev:before{margin-bottom:2.5vw}.next:after,.next:before,.prev:after,.prev:before{width:4vw}}@media screen and (max-width:680px){.experience{padding:5vw}.experience h3{font-size:5vw;text-align:center}.slider-container{padding:3vw 4vw}.prev{left:-1vw}.next{right:-1vw}.next:before,.prev:before{margin-bottom:2.2vw}.next:after,.next:before,.prev:after,.prev:before{width:4vw}.techs{font-size:3.5vw}}
/*# sourceMappingURL=main.1725d15f.css.map*/