:root{--space:8px;--primary:#e7c633;--text-primary:#121c42;--secondary:#027a79;--text-secondary:#fff;--background-primary:#fff;--background-secondary:#f7fafb;--font-family:"Inter",sans-serif;--section-width:1330px}html{color:#121c42;color:var(--text-primary);scroll-behavior:smooth}body{color:var(--text);font-family:Inter,sans-serif;font-family:var(--font-family);margin:0}body.overflow{overflow:hidden}.container{box-sizing:border-box;margin:0 auto;padding-left:calc(50% - 665px);padding-left:calc(50% - var(--section-width)/2);padding-right:calc(50% - 665px);padding-right:calc(50% - var(--section-width)/2);width:100%}.svg-art{-webkit-user-select:none;user-select:none}.secondary-background{background-color:#f7fafb;background-color:var(--background-secondary)}svg{height:100%;width:100%}@media (max-width:1360px){.container{padding-left:0;padding-right:0;width:90%}}button{border:none;border-radius:5px;cursor:pointer;font-size:calc(var(--space)*2.8);margin:0 auto;padding:10px 40px;width:-webkit-max-content;width:max-content}.button-primary{background-color:var(--primary);color:var(--text-primary)}.button-secondary{background-color:var(--secondary);color:var(--text-secondary)}#introduction{margin-top:75px;position:relative}#introduction-content{display:flex;flex-direction:row;justify-content:space-between;min-width:46%;width:-webkit-max-content;width:max-content}#hero-indroduction>h2{font-size:50px;font-weight:550;margin:0}#hero-indroduction>h3{font-size:28px;font-weight:450;margin:calc(var(--space)*2.5) 0;white-space:pre-line}#network{margin-left:25px;width:-webkit-max-content;width:max-content;z-index:99}#network>ul{display:flex;flex-direction:column;height:100%;justify-content:space-between;list-style:none;margin:0;padding:0}#network>ul>li{align-items:center;background-color:#f7fafb;border-radius:50%;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}#network>ul>li>div{width:22px}.button-container{text-align:center;width:100%}#home-illustration{align-items:end;display:flex;flex-direction:row;justify-content:space-between;margin-top:-140px;width:100%}#code{max-width:800px;width:65%}#dots{max-width:350px;width:35%}@media (max-width:1150px){#introduction-content{flex-direction:column}#network{margin:30px 0 0;width:100%}#network>ul{flex-direction:row;gap:30px;justify-content:center}#dots{display:none}#home-illustration{justify-content:flex-end;margin-top:-270px}}@media (max-width:1015px){#home-illustration{display:none}#introduction-content{justify-content:center;margin:0 auto;width:-webkit-max-content;width:max-content}}@media (max-width:550px){#introduction-content{width:100%}#hero-indroduction>h2{font-size:2.4rem}#hero-indroduction .button-container button,#hero-indroduction>h3{font-size:1.25rem}}.logo{display:inline-block;width:200px}header{background-color:var(--background-primary);padding:15px 0}.header-content{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;margin:0 auto;padding-left:calc(50% - var(--section-width)/2);padding-right:calc(50% - var(--section-width)/2);width:100%}.header-content>h1{margin:0;overflow:hidden;padding:0}nav{align-items:center;display:flex}#lang-button{background-color:initial;border:none;cursor:pointer;height:28px;margin:0;padding:0}#nav-links{align-items:center;display:flex;gap:calc(var(--space)*4);list-style:none}#nav-links>li>a{color:#000;font-size:20px;text-decoration:none}#nav-links>li:hover{margin-top:3px}#nav-links>li>a:hover:after{background-color:var(--secondary);border-radius:5px;content:"";display:block;height:3px;width:100%}#burger-menu-button{background-color:initial;display:none;height:25px;margin:0;padding:0;width:-webkit-max-content;width:max-content}#burger-menu-button span{font-size:0;transform:rotate(0deg);transition:.3s}#burger-menu-button span:before{top:-5px}#burger-menu-button span:after{bottom:-3px}#burger-menu-button span,#burger-menu-button span:after,#burger-menu-button span:before{background:#000;content:"";display:block;height:2px;padding:0;position:relative;width:16px}@media (max-width:1360px){.header-content{padding-left:0;padding-right:0;width:90%}}@media (max-width:900px){header{padding:15px 0 0}header .logo{width:150px}header.nav-open nav{display:flex}nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(0,0,0,.819);display:none;gap:calc(var(--space)*4);height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:100}#nav-links,nav{flex-direction:column;margin:0;padding:0}#nav-links>li>a{color:#fff}#burger-menu-button{display:inline;display:initial}header.nav-open #burger-menu-button span{transform:rotate(135deg);transition:.5s}header.nav-open #burger-menu-button span:before{top:0;transform:rotate(90deg);transition:.5s}header.nav-open #burger-menu-button span:after{bottom:2px}header.nav-open #burger-menu-button span,header.nav-open #burger-menu-button span:after,header.nav-open #burger-menu-button span:before{background-color:#fff}header.nav-open #burger-menu-button{position:fixed;right:25px;top:35px;z-index:999}header.nav-open .logo{position:fixed;top:15px;z-index:999}header.nav-open .logo svg>:nth-child(2){fill:#fff}header.nav-open .logo svg>:nth-child(3),header.nav-open .logo svg>:nth-child(4){stroke:#fff}}.tabs-title-container{width:100%}.tabs-title-container>.tabs-title:first-child{border-radius:5px 0 0 5px}.tabs-title-container>.tabs-title:last-child{border-radius:0 5px 5px 0}.tabs-title{background-color:var(--background-primary);border:1px solid #000;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:22px;padding:8px 0;text-align:center;-webkit-user-select:none;user-select:none;width:50%}.tabs-title-active{background-color:var(--primary)}.tab{background:url(/static/media/pres_bckg.fee42f61344c416c9bfa.svg);display:flex;flex-direction:column;margin-top:30px}.tab>.tab-card{background-color:var(--background-primary);border:1px solid #000;border-radius:5px;margin:15px 0;padding:15px 0;position:relative;width:55%}.tab-card:nth-child(2n):after{content:url(/static/media/right_left_arrow.48537d09edf7525c0427.svg);left:20%;position:absolute;top:0;transform:translateY(-100%)}.tab-card:nth-child(2n):not(:last-child):before{content:url(/static/media/left_right_arrow.c698e682344d25867809.svg);left:0;position:absolute;top:0;transform:translateX(-90%) translateY(40%)}.tab>.tab-card:nth-child(2n){align-self:flex-end}.tab-card-content{margin:0 auto;width:90%}.tab-card-content>.tab-card-title{font-size:22px;font-weight:700}.tab-card-content>.tab-card-text{font-size:18px;margin:8px 0;white-space:pre-wrap}.tab-card-content>.tab-card-footer{color:#878787;font-size:17px}@media (max-width:570px){.tab>.tab-card{width:100%}.tab>.tab-card:after,.tab>.tab-card:before{content:none!important}}.title{font-size:50px;margin:0;padding:0;position:relative;width:-webkit-max-content;width:max-content}.title:after{background-color:var(--secondary);border-radius:5px;content:"";display:block;height:6px;width:50%}.title:hover:before{color:var(--primary);content:"#";opacity:.7;position:absolute;transform:translateX(calc(-100% - 10px))}@media (max-width:820px){.title:hover:before{display:none}}@media (max-width:550px){.title{font-size:2.4rem}.title:after{height:5px}}#presentation-background{margin-top:-80px;padding:150px 0;width:100%}#presentation-content{grid-gap:80px;display:grid;margin-top:50px;width:100%}#presentation-text{align-items:center;display:flex;font-size:25px;justify-content:end;margin:0 auto}#presentation-text-container{display:flex;flex-direction:column;justify-content:center;position:relative;text-align:left;width:600px}#presentation-text-container>span{font-size:29px;font-weight:700;width:360px}#presentation-text-container>p{line-height:30px;margin-top:10px}#quote{opacity:.7;position:absolute;right:20px;top:-35px;transform:rotate(15deg);width:120px}#technos{margin-top:10px;width:80%}@media (min-width:1190px){#presentation-content{grid-gap:0;grid-template-columns:50% 50%}#presentation-text{justify-self:end;margin:0}#presentation-text-container{width:450px}}@media (max-width:1015px){#presentation-background{margin-top:80px;padding-top:50px}}@media (max-width:890px){#presentation-content{font-size:24px}}@media (max-width:650px){#presentation-text-container{width:100%}#presentation-text-container>#technos{align-self:center}}@media (max-width:490px){#quote{right:0;top:-40px}#presentation-background{padding:60px 0}}@media (max-width:400px){#presentation-text-container>span{width:100%}}.skill-item{display:flex;flex-wrap:wrap;margin-top:100px}.skill-item:first-child{margin-top:0!important}.skill-item-icon{width:65px}.skill-item-icon>img{object-fit:contain;width:100%}.skill-item-content{align-self:center;font-size:38px;margin-left:45px;max-width:1085px}.skill-item-content:only-child{margin-left:0}.skill-item-content.last{width:100%}.skill-item-content>span{color:var(--secondary);font-weight:700}@media (max-width:1190px){.skill-item-content{font-size:32px;margin-left:30px;width:90%}.skill-item-icon{width:50px}}@media (max-width:890px){.skill-item-content{font-size:24px;margin-left:15px;width:85%}.skill-item-icon{width:40px}.skill-item{margin-top:45px}}@media (max-width:410px){.skill-item-content{font-size:20px;margin-left:5px;width:80%}}#skills{padding-bottom:50px;padding-top:50px}.skills-content{margin-top:40px}#left-line{background-color:var(--primary);height:100%;left:30px;position:absolute;width:5px;z-index:-1}#skills-items,.skills-relative .svg-art{margin-top:45px;width:100%}.skills-relative{display:flex;position:relative;width:100%}@media (max-width:1190px){#left-line{left:22.5px;width:4px}}@media (max-width:890px){#left-line{left:18px}.skills-relative .svg-art{margin-top:30px}}@media (max-width:490px){.svg-art{transform:scale(1.08)}}@media (min-width:1000px){.fade-in-section{opacity:0;transition:opacity .6s ease-out,transform .8s ease-out;visibility:hidden;will-change:opacity,visibility}.fade-in-section.is-visible{opacity:1;transform:none;visibility:visible}.fade-in-top{transform:translateY(-10vh)}.fade-in-top-right{transform:translate(10vh,-10vh)}.fade-in-top-left{transform:translate(-10vh,-10vh)}.fade-in-bottom{transform:translateY(10vh)}.fade-in-bottom-left{transform:translate(-10vh,10vh)}.fade-in-bottom-right{transform:translate(10vh,10vh)}.fade-in-left{transform:translateX(-10vh)}.fade-in-right{transform:translateX(10vh)}}.ide{background-color:#f6f6f6;border-radius:15px;box-shadow:0 0 30px #000;display:flex;flex-direction:column;overflow:hidden;padding-top:10px;-webkit-user-select:none;user-select:none;width:100%}.ide>.menu-bar{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;height:-webkit-max-content;height:max-content;width:100%}.menu-bar-actions{align-items:center;display:flex;list-style:none;margin:0 0 0 10px;padding:0}.menu-bar-action{margin-left:15px}.menu-bar-logo{margin:0}.menu-bar-logo>.logo{width:50px}.current-project{font-weight:700;text-align:center}.menu-bar-buttons{margin-right:10px}.menu-bar-button{background-color:#d9d9d9;border-radius:50%;float:right;height:18px;margin-left:5px;width:18px}.menu-bar-buttons .menu-bar-button:first-child:hover{background-color:red}.menu-bar-buttons .menu-bar-button:is(:nth-child(2)):hover{background-color:orange}.menu-bar-buttons .menu-bar-button:is(:nth-child(3)):hover{background-color:green}.ide-content{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr;height:100%;margin-top:5px;width:100%}.ide-sidebar{background-color:#d4d4d4}.ide-sidebar-item{align-items:center;cursor:pointer;display:flex;gap:8px;margin-top:25px;padding:5px 20px 5px 10px}.ide-file-header-item:hover,.ide-sidebar-item:not(:first-child):hover{background-color:#cfcfcf}.ide-dropdown-item-logo,.ide-sidebar-item-logo{align-self:center;display:inline-block;width:32px}.ide-sidebar-item.active{border-right:3px solid var(--primary);padding-right:17px}.ide-dropdown,.ide-sidebar-header{background-color:#b4b4b4;color:#fff;cursor:default;margin:0 auto;padding:12px 0}.ide-sidebar-header>span{text-align:center;width:100%}.ide-file{background-color:#d9d9d9}.ide-file-header{background-color:#d4d4d4;overflow-x:auto;width:100%}.ide-file-header-item{align-items:center;border-right:2px solid #cdcdcd;cursor:pointer;display:inline-flex;height:100%;padding:10px 50px 10px 20px;position:relative;width:-webkit-max-content;width:max-content}.ide-file-header-item:after{content:"✖";font-weight:700;line-height:18px;position:absolute;right:5px}.ide-file-header-item>.file-icon{display:inline-block;height:22px;margin-right:6px}.ide-file-header-item.active{border-bottom:3px solid var(--secondary);padding-bottom:7px}.ide-file-content{box-sizing:border-box;height:600px;overflow-y:auto;padding:15px 15px 30px;-webkit-user-select:text;user-select:text}.ide-dropdown{cursor:pointer;display:none;height:100%;padding:0;position:relative;width:100%}.ide-dropdown-absolute{background-color:#666363;box-shadow:0 4px 2px -2px gray;display:none;position:absolute;width:100%;z-index:999}.ide-dropdown-absolute.active{display:block}.ide-dropdown-content{align-items:center;display:flex;gap:10px;height:100%;justify-content:center}.ide-dropdown-content:after{background-color:#a9a9a9;content:"▼";padding:2px 5px}.ide-dropdown-content svg{height:35px;width:35px}.ide-dropdown-items{display:flex;flex-direction:column;justify-content:center;list-style:none;margin:0!important;padding:10px 0}.ide-dropdown-items li{align-items:center;display:flex;gap:10px;padding:15px 0 15px 15px;position:relative;width:100%}.ide-dropdown-items li:not(:last-child):after{background-color:#fff;bottom:0;content:"";display:block;height:2px;left:50%;position:absolute;transform:translateX(-50%);width:80%}@media (max-width:750px){.ide-file-header-item:not(:first-child),.menu-bar-action:not(:first-child){display:none}.ide-content{grid-template-columns:1fr;grid-template-rows:42px 1fr}.ide-sidebar{display:none}.ide-dropdown{display:inline;display:initial}}.gallery{display:flex;flex-wrap:wrap;gap:15px;width:100%}.gallery-item{max-width:200px}.gallery-item>img,.lightbox-content>img{height:auto;max-width:100%;object-fit:cover;vertical-align:middle}.gallery-item>img{border-radius:5px;cursor:pointer}.lightbox-content>img{max-height:100%;-webkit-user-select:none;user-select:none}.lightbox{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.lightbox-content{height:95%;max-width:95%;position:relative}.lightbox-cross{right:35px;top:5px}.lightbox-control{background-color:gray;border:1px solid #000;box-shadow:1px #000;color:#fff;cursor:pointer;font-weight:700;padding:5px 15px;position:absolute;-webkit-user-select:none;user-select:none;z-index:9999}.lightbox-previous{left:0;top:50%}.lightbox-next{right:0;top:50%}@media (max-width:750px){.lightbox-content{height:-webkit-max-content;height:max-content;max-height:95%}}#projects-background{margin-top:-120px;padding:150px 0 50px;width:100%}#ide-container{margin-top:50px}#ide-container>.ide{height:700px}footer{margin:150px 0 5px}.footer-content{align-items:baseline;display:flex;gap:64px;justify-content:center;margin:0 auto;width:95%}.footer-text{white-space:pre}.footer-content>.logo{min-width:150px}@media (max-width:650px){.footer-content{flex-wrap:wrap-reverse;gap:10px;text-align:center}.footer-text{width:-webkit-max-content;width:max-content}.footer-content>:first-child{order:1}.footer-content>:nth-child(2){order:3}.footer-content>:nth-child(3){order:2}}@media (max-width:400px){.footer-content{align-items:center;flex-direction:column;flex-wrap:nowrap;justify-content:center;padding-bottom:15px}.footer-content>:first-child{order:2}.footer-content>:nth-child(2){order:1}.footer-content>:nth-child(3){order:3}}#contact{margin-top:50px}.contact-blocks{display:flex;flex-direction:row;gap:80px;justify-content:space-between;margin-top:45px;width:100%}.contact-block{display:flex;flex-direction:column;gap:20px;width:100%}.contact-block textarea{height:130px;resize:none;width:100%}.contact-block input{display:inline-block;height:30px}.contact-block textarea{font-family:var(--font-family);padding-top:8px}.contact-block input,.contact-block textarea{background-color:#d9d9d9;border:none;border-radius:5px;box-sizing:border-box;font-size:16px;padding-left:8px}.form-button-container{height:20px}.form-button-container button{float:right;font-size:16px}@media (max-width:1000px){.contact-blocks{gap:40px}}@media (max-width:750px){.contact-blocks{flex-direction:column;gap:20px}}
/*# sourceMappingURL=main.b14e8fb7.css.map*/