@import"https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@font-face{font-family:Caveat;src:url(/portfolio/assets/Caveat-VariableFont_wght-bnItEO2x.ttf) format("truetype")}@font-face{font-family:Golos;src:url(/portfolio/assets/GolosText-Regular-B9CCop0J.ttf) format("truetype")}@font-face{font-family:Golos-Extra-Bold;src:url(/portfolio/assets/GolosText-ExtraBold-BxH3m4dJ.ttf) format("truetype")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{width:100%;font-family:Golos,sans-serif;overflow-x:hidden}::-webkit-scrollbar{width:0}.topLine{color:#d0d0d0;right:0;position:absolute;opacity:0;margin-top:70px;width:0;z-index:10;height:1px}#topMenu{font-family:Golos,sans-serif;position:fixed;display:flex;font-size:1.2em;width:100%;z-index:1000}.divGray{position:absolute;top:0;left:0;width:100%;height:100vh;background-color:#000;z-index:-1;display:none;opacity:0}.topMenuMobile{display:flex;flex-direction:row;justify-content:space-between;position:relative;width:100%;font-size:1rem;z-index:100;padding:.35rem}.topMenuMobile .arrowContainer{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#00000080;display:flex;flex-direction:column;justify-content:center;will-change:opacity,display,scroll-position,visibility;visibility:"hidden";opacity:0}.topMenuMobile .arrowContainer #arrow{width:75%;margin-top:-4px;align-self:center;will-change:opacity,display,scroll-position}.topMenuMobile .burgerMobileMenu{display:flex;flex-direction:column;border-radius:0 0 0 .4rem}.topMenuMobile .burgerMobileMenu .burgerContainer{width:3.2rem;height:3.2rem;border-radius:50%;background-color:#00000080;display:flex;flex-direction:column;align-self:flex-end}.topMenuMobile .burgerMobileMenu #burgerSVG{transform-origin:50% 50%;width:100%;height:100%;display:block}.topMenuMobile .burgerMobileMenu #burgerGroup{transform:translate(25%,25%);display:block}.topMenuMobile .burgerMobileMenu #one,.topMenuMobile .burgerMobileMenu #two,.topMenuMobile .burgerMobileMenu #three{will-change:transform,rotation,opacity;fill:#fff}.topMenuMobile .burgerMobileMenu .menuMobileItems{padding-top:1rem;display:none}.topMenuMobile .burgerMobileMenu .menuMobileItems a{padding:0 .7rem .7rem;font-weight:300;display:flex;flex-direction:column;color:#fff;will-change:transition,transform,visibility,scroll-position;text-decoration:none}.topMenuMobile .burgerMobileMenu .menuMobileItems a:first-child{display:none}.topMenuMobile .burgerMobileMenu .menuMobileItems a span{transform:translate(250%);color:#fff;background-color:#c05555;border-radius:.4rem;letter-spacing:.04em;white-space:nowrap;will-change:transition,transform,scroll-position;display:none;padding:.55rem 1.3rem .6rem}.topMenuDesktop{padding-right:5rem;background-color:#000;color:#fff;align-items:flex-end}.topMenuDesktop .menuItems{display:flex;flex-direction:row;width:100%;justify-content:flex-end}.topMenuDesktop .menuItems a{display:inline-flex;padding:1.7rem 1.5rem 1.3rem;font-weight:300;color:#000;will-change:transition,transform,scroll-position,color;text-decoration:none;transition:.3s}.topMenuDesktop .menuItems a span{opacity:1;letter-spacing:.04em;white-space:nowrap;will-change:transition,transform,scroll-position;transition:.3s}.topMenuDesktop .menuItems a:hover span{text-decoration:none!important;color:#fff957!important;transform:scale(1.2)!important;transition:.3s;color:#fff957}.topMenuDesktop .menuItems a:nth-child(2){display:none}.topMenuDesktop .tooltip{position:relative;text-decoration:none;display:none;opacity:0;position:absolute;left:8.5%}.topMenuDesktop .tooltip:after{content:attr(data-tooltip);position:absolute;font-size:1rem;top:1.7rem;left:4.1rem;z-index:100;color:#fff957;opacity:0;white-space:nowrap;transition:.5s}.topMenuDesktop .tooltip:hover:after{display:block;opacity:1}.topMenuDesktop .tooltip:hover #arrow{fill:#fff957}.topMenuDesktop .tooltip #arrow{position:relative;fill:#fff;right:0;top:0;width:40px;height:20px}.topMenuDesktop .tooltip #arrow:hover{fill:#fff957}.block{height:var(--viewport-height);min-height:100vh;padding:5.7rem 0 3.5rem;position:relative;display:flex;flex-direction:column}@media screen and (max-width: 800px){.block{padding:3.9rem 0 2.8rem}}.block h1{padding-bottom:2.5rem;font-size:2.1rem}@media screen and (max-width: 800px){.block h1{padding-bottom:1.7rem}}.block .contentBlock{max-width:80%;margin:0 auto;width:80%}.block1{background-color:#000;color:#fff;overflow:hidden}.block1 .first{font-family:Caveat,sans-serif;display:flex;flex-direction:column}.block1 .first .hi{line-height:1em;opacity:0;will-change:opacity,position,display,scale,translate,transform}@media screen and (min-width: 1681px){.block1 .first .hi{font-size:14rem}}@media screen and (max-width: 1680px){.block1 .first .hi{font-size:12.25rem}}@media screen and (max-width: 1440px){.block1 .first .hi{font-size:10.5rem}}@media screen and (max-width: 1366px){.block1 .first .hi{font-size:9.8rem}}@media screen and (max-width: 1024px){.block1 .first .hi{font-size:9.1rem}}@media screen and (max-width: 800px){.block1 .first .hi{font-size:7.91rem}}@media screen and (max-width: 500px){.block1 .first .hi{font-size:7rem}}@media screen and (max-width: 380px){.block1 .first .hi{font-size:5.8333333333rem}}.block1 .first .nameis{color:#fff957;line-height:.6em;align-self:center;opacity:0}@media screen and (min-width: 1681px){.block1 .first .nameis{font-size:7.6rem}}@media screen and (max-width: 1680px){.block1 .first .nameis{font-size:6.65rem}}@media screen and (max-width: 1440px){.block1 .first .nameis{font-size:5.7rem}}@media screen and (max-width: 1366px){.block1 .first .nameis{font-size:5.32rem}}@media screen and (max-width: 1024px){.block1 .first .nameis{font-size:4.94rem}}@media screen and (max-width: 800px){.block1 .first .nameis{font-size:4.294rem}}@media screen and (max-width: 500px){.block1 .first .nameis{font-size:3.8rem}}@media screen and (max-width: 380px){.block1 .first .nameis{font-size:3.1666666667rem}}.block1 .first .name{align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;transform:translateY(-2rem)}@media screen and (max-width: 500px){.block1 .first .name{transform:none}}.block1 .first .name div{font-size:2.6rem;font-family:Golos-Extra-Bold,sans-serif;font-weight:900;line-height:1em}@media screen and (min-width: 1681px){.block1 .first .name div{font-size:3.4rem}}@media screen and (max-width: 1680px){.block1 .first .name div{font-size:2.975rem}}@media screen and (max-width: 1440px){.block1 .first .name div{font-size:2.55rem}}@media screen and (max-width: 1366px){.block1 .first .name div{font-size:2.38rem}}@media screen and (max-width: 1024px){.block1 .first .name div{font-size:2.21rem}}@media screen and (max-width: 800px){.block1 .first .name div{font-size:1.921rem}}@media screen and (max-width: 500px){.block1 .first .name div{font-size:1.7rem}}@media screen and (max-width: 380px){.block1 .first .name div{font-size:1.4166666667rem}}.block1 .first .name .namePhoto{display:flex;flex-direction:row;align-items:flex-end}@media screen and (max-width: 500px){.block1 .first .name .namePhoto{margin-top:3rem}}.block1 .first .name .namePhoto .firstname{margin-right:1.5rem;opacity:0}.block1 .first .name .namePhoto .avatar{width:8rem;height:8rem;opacity:0}.block1 .first .name .namePhoto .avatar img{width:100%}@media screen and (min-width: 1680px){.block1 .first .name .namePhoto .avatar{width:12rem;height:12rem}}.block1 .first .surname{opacity:0}.block1 .text{font-family:Golos,sans-serif;font-size:1.5rem;margin-top:-1.5rem;line-height:1.4;opacity:0;width:55%}@media screen and (min-width: 1681px){.block1 .text{font-size:2.2rem}}@media screen and (max-width: 1680px){.block1 .text{font-size:1.925rem}}@media screen and (max-width: 1440px){.block1 .text{font-size:1.65rem}}@media screen and (max-width: 1366px){.block1 .text{font-size:1.54rem}}@media screen and (max-width: 1024px){.block1 .text{font-size:1.43rem}}@media screen and (max-width: 800px){.block1 .text{font-size:1.243rem}}@media screen and (max-width: 500px){.block1 .text{font-size:1.1rem}}@media screen and (max-width: 380px){.block1 .text{font-size:.9166666667rem}}@media screen and (max-width: 800px){.block1 .text{width:auto}}@media screen and (max-width: 500px){.block1 .text{margin-top:6rem}}.block1 h1:first-child{display:none}.block2{background-color:#fff957;color:#000}.block3{background-color:#c05555;color:#fff957}.block4{background-color:#000;color:#fff}.experience{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.experience .expList{background-color:#fff;border-radius:.4rem;padding-bottom:1.3rem}.experience .expList div:not(:first-child){padding:1.3rem 1.3rem 0}.experience .expList .company{font-size:1.25rem;background-color:#c05555;color:#fff;border-radius:.4rem .4rem 0 0;padding:.8rem 1.3rem}.experience .expList .year,.experience .expList .position{font-size:1.1rem;font-weight:700}.experience .expList .description{font-size:1rem}.projects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:3rem}@media screen and (max-width: 1024px){.projects{grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}}.projects .project{position:relative;overflow:hidden;transition:.3s;border-radius:.4rem}.projects .project img{width:100%;height:100%}.projects .project:after{content:"";display:block;position:absolute;background-color:#fff957;width:2px;height:2px;border-radius:50%;background-color:#00000080;transition:.8s;top:0;left:0;opacity:0;border:none;z-index:1}.projects .project .projectDesc{position:absolute;top:20%;transform:translate(-200%);z-index:2;opacity:0;width:77%;font-size:1.2rem;color:#c05555;font-weight:600;transition:1s}.projects .project .projectDesc:hover{text-decoration:underline;transition:1s}.projects .project:hover{box-shadow:7px 7px 9px #1a1a1a40;scale:1.12;transition:.4s}.projects .project:hover .projectDesc{opacity:1;transform:translate(8%);transition:.5s}.projects .project:hover:after{border:none;transition:.3s;scale:310;background-color:#fff957;opacity:.9}.projects.mobile{grid-gap:.8rem 3rem}.projects.mobile .project{border-radius:0}.projects.mobile .project img{width:100%;height:auto;border-radius:.4rem}.projects.mobile .project a{text-decoration:none;display:flex;flex-direction:column;align-items:center}.projects.mobile .project:hover{text-decoration:none;scale:none;box-shadow:none;transition:none}.projects.mobile .project:after{content:none}.projects.mobile .project .projectDesc{position:relative;top:-2rem;padding:1rem;opacity:1;width:93%;font-size:1.1rem;color:#000;font-weight:400;background-color:#d7d7d7d9;border-radius:.4rem;transform:none;box-shadow:7px 7px 9px #1a1a1a40}.projects.mobile .project .projectDesc:hover{text-decoration:none;scale:none;transition:none}.projects.mobile .project .projectDesc:after{content:none}body{margin:0}.loader-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;background-color:#e8eff4;height:100vh}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}