@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}.header{position:absolute;height:100%;width:100%;z-index:1}@media (min-width: 700px){.header{display:flex;align-items:center;justify-content:center;background-color:transparent;height:3rem;width:100%;border-radius:25px}.header__actions--mobile{display:none}}.header__actions--mobile{overflow:hidden;position:fixed;min-height:2.5rem;width:100dvw;height:fit-content}.header__actions--mobile .main-nav{position:absolute;top:0;right:0;left:0;bottom:0;text-align:center;background:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;z-index:-1;visibility:hidden;transition:all .375s}.header__actions--mobile .main-nav .lang-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.header__actions--mobile .main-nav .lang-button.selected{background-color:#f1e6e6a0}.header__actions--mobile .main-nav.is-open{opacity:1;z-index:100;visibility:visible}.header__actions--mobile .main-nav:before{content:"";position:absolute;top:0;bottom:0;left:0;right:-15px;background:#FFC512;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform-origin:0 0;transform:skew(-14deg) translate(-120%);transition:all .275s .1s}.header__actions--mobile .main-nav.is-open:before{transform:skew(-14deg) translate(0)}.header__actions--mobile .main-nav ul{display:inline-flex;flex-direction:column;height:90%;align-items:flex-end;justify-content:center;transform:translate(-18%) skew(-16deg)}.header__actions--mobile .main-nav li{display:block;margin:.5rem 0;text-align:right;transform:skew(16deg)}.header__actions--mobile .main-nav a{opacity:0;transform:translateY(-10px)}.header__actions--mobile .main-nav.is-open a{opacity:1;transform:translateY(0);font-size:2em}.header__actions--mobile .main-nav li:nth-child(1) a{transition:all 275ms 175ms}.header__actions--mobile .main-nav li:nth-child(2) a{transition:all 275ms 225ms}.header__actions--mobile .main-nav li:nth-child(3) a{transition:all 275ms 275ms}.header__actions--mobile .main-nav ul,.header__actions--mobile .main-nav li{list-style:none;padding:0}.header__actions--mobile .main-nav a{display:block;padding:12px 0;color:#272727;font-size:1.4em;text-decoration:none;font-weight:700}.header__actions--mobile .open-main-nav{position:absolute;top:15px;padding-top:20px;right:15px;z-index:1000;background:none;border:0;cursor:pointer}.header__actions--mobile .open-main-nav:focus{outline:none}.header__actions--mobile .burger{position:relative;display:block;width:28px;height:4px;margin:0 auto;background:#f1e6e6;transition:all .275s}.header__actions--mobile .burger:after,.header__actions--mobile .burger:before{content:"";display:block;height:100%;background:#f1e6e6;transition:all .275s}.header__actions--mobile .burger:after{transform:translateY(-12px)}.header__actions--mobile .burger:before{transform:translateY(-16px)}.header__actions--mobile .is-open .burger:after{display:none}.header__actions--mobile .is-open .burger{transform:skew(5deg) translateY(-8px) rotate(-45deg)}.header__actions--mobile .is-open .burger:before{transform:translateY(0) skew(-10deg) rotate(75deg)}.header__translate-section{margin-left:auto;height:2.5rem}.header__translate-section:hover>.lang-button>.lang-button__border{opacity:1}.header__translate-section .lang-button{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative;height:inherit;width:6rem;background-color:#ffffff1a;text-align:center;border-radius:13px;cursor:pointer}.header__translate-section .lang-button.selected{background-color:#ffc412dd}.header__translate-section .lang-button:hover>.header__translate-section .lang-button__border{opacity:1}.header__translate-section .lang-button:hover:before{opacity:1}.header__translate-section .lang-button:before{z-index:3;content:"";position:absolute;opacity:0;transition:opacity .5s;border-radius:inherit;height:100%;width:100%;left:0;top:0}.header__translate-section .lang-button__border{background:radial-gradient(150px circle at var(--mouse-x) var(--mouse-y),rgba(181,164,11,.5),transparent 40%);z-index:1;content:"";position:absolute;opacity:0;transition:opacity .5s;border-radius:inherit;height:100%;width:100%;left:0;top:0}.header__translate-section .lang-button__text{display:flex;justify-content:center;align-items:center;background-color:#17171799;border-radius:inherit;margin:1px;height:calc(100% - 2px);width:calc(100% - 2px);position:relative;z-index:2}.header__actions{display:none;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);position:fixed;align-items:center;margin-right:2rem;gap:8px;min-width:60%;height:2.5rem;padding:1rem;border:1px hsla(0,0%,100%,.16) solid;background-color:transparent;top:.5rem;border-radius:25px;transition:all .2s ease-in-out}@media (min-width: 700px){.header__actions{display:flex}}.header__actions.hide{top:-5rem}.header__actions .header__title{text-transform:uppercase;font-size:medium;left:auto}.header__actions .header__page-links{display:flex;margin-left:1.75rem;gap:18px}.header__actions .header__page-links a{color:#f1e6e6;text-decoration:none}.header__actions .header__page-links a:hover{color:#9f9f9f}.about-me{display:flex;flex-direction:column;justify-content:center;flex-wrap:wrap;padding:1rem 3rem;gap:.3rem;text-transform:uppercase;font-family:Neue Montreal}.about-me__container{perspective:40px}.about-me__container .about-me__name{display:inline-block;text-transform:uppercase;font-size:7em;transition:transform .5s;word-wrap:break-word;width:fit-content;cursor:default;text-shadow:.03em .03em 0 #464646}@media (max-width: 699px){.about-me__container .about-me__name{font-size:4em}}@media (min-width: 700px) and (max-width: 999px){.about-me__container .about-me__name{font-size:6em}}@media (min-width: 1000px){.about-me__container .about-me__name{font-size:7em}}.about-me__container .about-me__text{color:transparent;margin-left:1rem;-webkit-text-stroke-width:.5px;-webkit-text-stroke-color:#FFC512}.about-me__container .about-me__text:last-child{display:flex;justify-content:space-between;flex-wrap:wrap}.about-me__container .about-me__text:last-child .social-main{display:flex;align-items:end;gap:1rem;margin-right:4rem}.about-me__container .about-me__text:last-child .social-main__link{text-decoration:none;color:#f1e6e6;font-size:30px}.about-me__container .about-me__text:last-child .social-main__link:hover{color:#9f9f9f}@media (max-width: 699px){.about-me__container .about-me__text{font-size:3em}}@media (min-width: 700px) and (max-width: 999px){.about-me__container .about-me__text{font-size:3em}}@media (min-width: 1000px){.about-me__container .about-me__text{font-size:4em}}.resume{height:fit-content;margin-inline:auto;align-items:stretch;margin-top:15dvh;position:sticky;margin-bottom:10dvh}.resume__title{font-size:3em;font-weight:400;text-transform:uppercase;padding-left:2rem}@media (min-width: 700px){.resume__title{font-size:5em;padding-left:5rem}}.resume__title:after,.resume__title:before{position:absolute;top:0;width:15%;height:100%;content:""}.resume .separator{position:relative;height:1px;border-radius:2px;margin:30px 0;width:100%;background:#FFC512;will-change:transform;z-index:1}.resume__main-container{display:flex;flex-direction:column;position:relative;gap:1.5rem}.resume__main-container .resume__row{gap:1.5rem;display:flex;flex-direction:column}.resume__main-container .resume__row .grow{flex-grow:2}.sidebar{top:1rem;margin-bottom:15px;height:fit-content;border-radius:7px}.sidebar__header{top:1rem;max-height:max-content;height:100%;margin-bottom:0;padding-top:1rem;position:relative;flex-direction:column;display:flex;justify-content:flex-start;align-items:center;gap:15px}.sidebar__header .sidebar__photo{height:100px;width:100px;border-radius:25%;background-color:#ffc512}.sidebar__header .sidebar__name{color:#f1e6e6;font-size:26px;font-weight:500;letter-spacing:-.25px;margin-bottom:10px}.sidebar__header .sidebar__title{color:#f1e6e6;background:#FFC512;font-size:13px;font-weight:600;width:max-content;padding:3px 12px;border-radius:8px}.sidebar__body .separator{height:2px;border-radius:2px;margin:32px 0;width:100%;background:#FFC512}.sidebar__body .separator:last-of-type{opacity:0}.sidebar__body .sidebar__contacts-list{display:grid;grid-template-columns:1fr;gap:30px 15px}.sidebar__body .sidebar__contacts-list .sidebar__contact-item{list-style:none;min-width:100%;display:flex;align-items:center;gap:16px}.sidebar__body .sidebar__contacts-list .sidebar__contact-item .sidebar__icon-box{position:relative;display:flex;justify-content:center;align-items:center;background:#FFC512;color:#f1e6e6;width:48px;height:48px;border-radius:12px;font-size:18px}.sidebar__body .sidebar__contacts-list .sidebar__contact-item .sidebar__contact-info{font-style:normal}.sidebar__body .sidebar__contacts-list .sidebar__contact-item .sidebar__contact-info .sidebar__contact-title{color:#f1e6e6;font-size:12px;text-transform:uppercase;margin-bottom:2px}.sidebar__body .sidebar__contacts-list .sidebar__contact-item .sidebar__contact-info .sidebar__contact-link{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:300;text-decoration:none;font-size:14px;color:#f1e6e6}.sidebar__body .sidebar__contacts-list .sidebar__contact-item .sidebar__contact-info address{font-size:14px;font-style:normal}.sidebar__body .sidebar__social-list{display:flex;justify-content:center;align-items:center;gap:15px;padding-bottom:4px;padding-left:7px}.sidebar__body .sidebar__social-list .sidebar__social-item{list-style:none}.sidebar__body .sidebar__social-list .sidebar__social-item .sidebar__social-link{color:#f1e6e6;font-size:20px}.main-content__resume .article-title{position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:600}.main-content__resume .article-title:after{width:40px;height:5px;content:"";position:absolute;bottom:0;left:0;background:#FFC512;border-radius:3px}.main-content__resume .timeline{margin-bottom:30px}.main-content__resume .timeline__title{text-transform:uppercase}.main-content__resume .timeline .title-wrapper{display:flex;align-items:center;gap:15px;margin-bottom:25px}.main-content__resume .timeline .title-wrapper .icon-box{position:relative;display:flex;background:#FFC512;justify-content:center;align-items:center;width:48px;height:48px;border-radius:12px;font-size:18px;z-index:1}.main-content__resume .timeline .title-wrapper .icon-box:hover:before{content:"";position:absolute;inset:1px;background:#FCCC3B;border-radius:inherit;z-index:-1}.main-content__resume .timeline .timeline-list .timeline-item{display:flex;flex-direction:column;gap:.3em;margin-left:35px;list-style:none;position:relative}.main-content__resume .timeline .timeline-list .timeline-item .badge{text-decoration:none;width:100px;height:100px;cursor:pointer}.main-content__resume .timeline .timeline-list .timeline-item .badge__image{width:inherit;height:inherit;filter:grayscale(90%)}.main-content__resume .timeline .timeline-list .timeline-item__title .company-name{color:#fccc3b;text-decoration:none}.main-content__resume .timeline .timeline-list .timeline-item__text{text-align:justify;padding:0 2rem 1rem 0}.main-content__resume .timeline .timeline-list .timeline-item:not(:last-child){margin-bottom:30px}.main-content__resume .timeline .timeline-list .timeline-item:not(:last-child):before{content:"";position:absolute;top:-25px;left:-50px;width:1px;height:calc(100% + 65px);background:#FCCC3B}.main-content__resume .timeline .timeline-list .timeline-item:after{content:"";position:absolute;top:5px;left:-53px;height:8px;width:8px;background:#B18708;border-radius:50%;box-shadow:0 0 0 4px #fccc3b}@media (min-width: 1000px){.resume__main-container{display:flex;max-width:85vw;justify-content:center;align-items:stretch;margin-inline:auto}.resume__main-container .sidebar{min-width:340px;margin-bottom:0;max-height:max-content}.resume__main-container .resume__row{gap:1.5rem;display:flex;flex-direction:row}.sidebar{position:sticky}}.knowledge{position:relative}.knowledge__container{margin-right:auto;margin-left:auto;max-width:rem(1520px)}@media (max-width: 699px){.knowledge__container{padding-right:20px;padding-left:20px}}@media (min-width: 700px){.knowledge__container{padding-right:rem(40px);padding-left:rem(40px)}}.knowledge__container .knowledge__direction-block_wrapper{margin-bottom:rem(500px);margin-top:rem(500px)}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block{position:absolute;right:0;left:0;z-index:1;top:-2dvh;bottom:-50dvh}@media (min-width: 700px) and (max-width: 1199px){.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block{top:-30dvh;bottom:-50dvh}}@media (max-width: 699px){.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block{top:-15dvh;bottom:0}}@media (min-width: 1000px) and (max-width: 1199px){.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block{margin-top:rem(100px)}}@media (min-width: 1200px){.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block{margin-top:rem(300px)}}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item{position:absolute;font-size:10vw;white-space:nowrap;font-weight:600;text-transform:uppercase;line-height:1}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item span{display:block;color:#000;background-color:#ffc512;white-space:nowrap;padding:0 20px}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item.-one{top:15%;transform:translate(-50vw) rotate(26deg)}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item.-two{top:30%}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item.-three{top:60%;transform:rotate(9deg)}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item.-four{top:70%;transform:translate(-50vw) rotate(-19deg)}.knowledge__container .knowledge__direction-block_wrapper .knowledge__direction-block .knowledge__direction-block_item.-five{top:73%;transform:translate(-10vw) rotate(5deg)}.footer{display:flex;bottom:0;left:0;background:rgba(18,17,17,.9137254902);padding:6rem 3rem;overflow:hidden}.footer__container{display:flex;flex-direction:column}.footer__container .footer__contact{position:relative;flex:1}.footer__container .footer__contact li{position:relative}.footer__container .footer__contact li:not(:first-child){margin-top:2rem}.footer__container .footer__contact>ul,.footer__container .footer__contact li{list-style:none;padding:0}.footer__container .footer__contact a{color:#f1e6e6;text-decoration:none;font-size:3em}.footer__container .footer__contact a:after{width:80%;height:1px;content:"";position:absolute;left:0;background:#FFC512;border-radius:3px;bottom:-10px}.footer__container .footer__side-content{flex:1;display:flex;flex-direction:column;gap:1.2rem}.footer__container .footer__side-content h2{font-size:2em;display:flex;gap:1rem;text-transform:uppercase}.footer__container .footer__side-content .footer__footnote{text-align:justify}.footer__container .footer__side-content .footer__github-code{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto;gap:.9rem}.footer__container .footer__side-content .footer__github-code button{padding-left:5rem;display:flex;align-items:center;gap:2%;width:100%;height:5rem;background-color:#272727;text-transform:uppercase;color:#f1e6e6}.footer__container .footer__side-content .footer__final{margin-top:auto}.footer__container .footer__side-content .footer__final .separator{position:relative;height:1px;border-radius:2px;margin:30px 0;width:100%;background:#FFC512;will-change:transform;z-index:1}@media (min-width: 1000px){.footer__container{flex-direction:row}.footer__container .footer__github-code button{font-size:2em}}section{position:relative;min-height:100dvh}@keyframes slide{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes reverse-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.stack{overflow:hidden}.stack .separator{height:1px;border-radius:2px;margin:30px 0;width:100%;background:#FFC512;will-change:transform}.stack .carrousels{white-space:nowrap;position:sticky;top:20dvh;will-change:transform;font-size:5em;transform:scaleY(1.5);margin-bottom:35dvh}.stack .carrousels .carrousel{overflow:hidden;white-space:nowrap;position:relative;transform:scaleX(1.5);will-change:transform}.stack .carrousels .carrousel:after,.stack .carrousels .carrousel:before{position:absolute;top:0;width:100px;height:100%;content:"";z-index:2}.stack .carrousels .carrousel:before{left:0;background:linear-gradient(to left,rgba(255,255,255,0),black)}.stack .carrousels .carrousel:after{right:0;background:linear-gradient(to right,rgba(255,255,255,0),black)}.stack .carrousels .carrousel__stack{user-select:none;pointer-events:none;cursor:default;display:inline-block;animation:35s slide infinite linear;text-transform:uppercase;font-size:inherit}.stack .stack-list{margin-top:20dvh}@media (min-width: 700px){.stack .stack-list{margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;max-width:85dvw;padding:1rem}}.stack .stack-list .stack-icons{position:relative}.stack .stack-list .stack-icons__header{display:flex;justify-content:space-between;align-items:center;color:#f1e6e6;font-weight:400;padding:1rem 0 3rem;text-transform:uppercase;font-size:2em;transform:translateZ(20px)}.stack .stack-list .stack-icons__header .stack-icons__title{font-weight:400;font-size:2em;padding:1.9rem}@media (min-width: 700px){.stack .stack-list .stack-icons__header .stack-icons__title{padding:0}}.stack .stack-list .stack-icons__header .stack-icons__title:after{content:"";position:absolute;bottom:25%;left:-31%;width:120%;height:1px;background:#FFC512;border-radius:3px}.stack .stack-list .stack-icons .separator{background:#f1e6e6;margin:0}.stack .stack-list .stack-icons__items{color:#000;display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px 0px;padding:1rem;transform:translateZ(20px)}@media (min-width: 700px){.stack .stack-list .stack-icons__items{gap:20px 0px;padding:3rem 2rem;grid-template-columns:1fr 1fr 1fr 1fr}}.stack .stack-list .stack-icons__items .stack-icons__item{display:flex;flex-direction:column;align-items:center;gap:.5rem;transform:translateZ(20px)}.stack .stack-list .stack-icons__items .stack-icons__item .icon{width:50px;height:50px;font-size:3em}.stack .stack-list .stack-icons__items .stack-icons__item .icon:not(.colored){color:#f1e6e6}.stack .stack-list .stack-icons__items .stack-icons__item .icon-label{color:#f1e6e6;text-transform:uppercase;font-size:.7em}.stack .stack-list .stack-description{position:sticky;align-self:start;top:1rem;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:justify;word-wrap:normal;padding:4rem 2rem 5rem;color:#000;background-color:#ffc512;box-shadow:#0000008f 0 22px 70px 4px;margin-left:-1rem}@media (min-width: 700px){.stack .stack-list .stack-description{border-radius:7px}}.stack .stack-list .stack-description__title{align-self:end}.stack .stack-list .stack-description__main-text{padding-top:3rem;display:inline-block}.articles{position:sticky;margin-bottom:10dvh}.articles__title{font-size:3em;font-weight:400;text-transform:uppercase;padding-left:2rem}@media (min-width: 700px){.articles__title{font-size:5em;padding-left:5rem}}.articles__title:after,.articles__title:before{position:absolute;top:0;width:15%;height:100%;content:""}.articles .separator{position:relative;height:1px;border-radius:2px;margin:30px 0;width:100%;background:#FFC512;will-change:transform;z-index:1}.articles__container{display:flex;align-items:center;justify-content:center}.articles__container h2{margin-top:3rem;font-size:3em}.card{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ffffff0f;border-radius:7px}.card:hover>.card__border{opacity:1}.card:hover:before{opacity:1}.card:before{z-index:3;content:"";position:absolute;opacity:0;transition:opacity .5s;border-radius:inherit;height:100%;width:100%;left:0;top:0}.card__border{background:radial-gradient(900px circle at var(--mouse-x) var(--mouse-y),rgb(101,98,39),transparent 40%);z-index:1;content:"";position:absolute;opacity:0;transition:opacity .5s;border-radius:inherit;height:100%;width:100%;left:0;top:0}.card__content{background-color:#17171799;border-radius:inherit;margin:1px;position:relative;padding:1rem;z-index:2}@media (min-width: 700px){.card__content{padding:1.875rem}}@font-face{font-family:Neue Montreal;src:url(/assets/NeueMontreal-Medium-7427c30b.woff2) format("woff2"),url(/assets/NeueMontreal-Medium-cfe36d65.woff) format("woff");font-weight:500;font-style:normal}*{margin:0;line-height:calc(1em + .5rem)}html{scroll-behavior:smooth}html body{font-family:General Sans,sans-serif;background-color:#111212;color:#f1e6e6}html body canvas{position:fixed;display:block;max-width:100vw;top:0;left:0;z-index:-2}html body button,html body input[type=submit],html body input[type=reset]{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}html body a{text-decoration:none}html body [data-anime=scroll]{opacity:0;transform:translate3d(-30px,0,0);transition:.3s;will-change:transform}html body [data-anime=perspective]{height:fit-content;width:fit-content;perspective:7px;transition:transform .5s}html body [data-anime=inner]{transition:transform .5s;will-change:transform}html body [data-anime=scroll].active{opacity:1;transform:translateZ(0)}html body main:hover>.card>.card__border{opacity:1}
