/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,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}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}.text{font-size:18px;font-size:1.8rem;font-weight:400;line-height:150%}.menu-nav-item{background:#0f0e0e;border-radius:8px;display:flex;justify-content:center;align-items:center;min-width:48px;min-height:48px}.about,.contact,.home,.services,.skills{overflow-x:hidden;overflow-y:scroll;-ms-overflow-style:none;scrollbar-width:none}.about::-webkit-scrollbar,.contact::-webkit-scrollbar,.home::-webkit-scrollbar,.services::-webkit-scrollbar,.skills::-webkit-scrollbar{display:none}@font-face{font-family:Outfit-VariableFont_wght;font-weight:100 900;src:url(/fonts/Outfit-VariableFont_wght.ttf)}body{font-size:16px;font-size:1.6rem;font-family:Outfit-VariableFont_wght;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale;color:#fff;font-weight:400}h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}body{background:#0f0e0e}.main-wrapper{align-items:center;display:flex;flex-direction:column-reverse;width:100%;height:100dvh;overflow:hidden;padding:25px}@media (min-width:1024px){.main-wrapper{flex-direction:row;justify-content:center;padding:25px 100px;max-height:unset}}.main-content{display:flex;flex:1 1;width:100%;transition:all .4s cubic-bezier(.34,.23,.4,.99);overflow:hidden;position:relative}@media (min-width:1024px){.main-content{height:100%;max-width:820px}}.view{height:100%;left:100%;opacity:0;position:absolute;top:0;transition:all .4s cubic-bezier(.34,.23,.4,.99);width:100%}@media (min-width:1024px){.view{top:100%;left:0}}.view.current{left:0;opacity:1}@media (min-width:1024px){.view.current{top:0}}.view.to-left{left:-100%}@media (min-width:1024px){.view.to-left{left:0;top:-100%}}.about-badges{align-items:flex-start;display:flex;flex-wrap:wrap;margin:45px 0;gap:30px}@media (min-width:576px){.about-badges{gap:50px;justify-content:flex-start}}.contact-card{align-items:center;display:flex;background:#151515;border-radius:20px;justify-content:center;min-height:200px;overflow:hidden;padding:14px;position:relative;text-decoration:none;width:100%}@media (min-width:768px){.contact-card{width:calc(33% - 10px)}}@media (min-width:1024px){.contact-card{width:100%}}@media (min-width:1200px){.contact-card{width:calc(33% - 10px)}}.contact-card:visited{text-decoration:none}.contact-card-bg,.contact-card-icon,.contact-card-title{align-items:center;display:flex;border-radius:20px;justify-content:center;left:0;height:100%;position:absolute;top:0;transition:all .4s cubic-bezier(.34,.23,.4,.99);width:100%}.contact-card-bg{opacity:0}.contact-card-title{font-size:24px;font-size:2.4rem;font-weight:600;color:#fff;opacity:0}.contact-card-icon{opacity:1}.contact-card-icon svg{background-size:100%;height:48px;width:48px}.contact-card-icon svg path{fill:#fff}.contact-card-icon svg{transition:all .4s cubic-bezier(.34,.23,.4,.99)}.contact-card:hover .contact-card-bg{opacity:1}.contact-card:hover .contact-card-title{opacity:1;top:16px}.contact-card:hover .contact-card-icon{top:-16px}.contact-card:hover .contact-card-icon svg{background-size:100%;height:24px;width:24px}.error{align-items:center;background-image:url(/img/error-bg.jpg);background-repeat:no-repeat;background-position:bottom;background-size:cover;display:flex;flex-direction:column;height:100dvh;justify-content:center}.error h1{font-size:150px;font-size:15rem;font-weight:700}@media (min-width:768px){.error h1{font-size:250px;font-size:25rem}}.error div{font-size:32px;font-size:3.2rem;font-weight:300}@media (min-width:768px){.error div{font-size:48px;font-size:4.8rem}}.error a{font-size:18px;font-size:1.8rem;background:transparent;border:3px solid #fff;border-radius:8px;color:#fff;font-weight:600;margin-top:15px;padding:12px 24px;text-decoration:none;transition:all .4s cubic-bezier(.34,.23,.4,.99)}.error a:hover{color:#0f0e0e;background:#fff}@media (min-width:768px){.error a{font-size:24px;font-size:2.4rem}}.home-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.3);border-radius:20px;display:flex;flex-direction:column;left:50%;max-width:400px;padding:25px;position:absolute;top:50%;transform:translate(-50%,-50%);width:80%}@media (min-width:1024px){.home-card{flex-direction:row}}.home-avatar{border-radius:8px;height:150px;margin-bottom:15px;width:150px}.home-avatar-img{background-image:url(/img/avatar.png);background-position:50%;background-repeat:no-repeat;background-size:60%;height:100%;transition:all .4s cubic-bezier(.34,.23,.4,.99);width:100%}.home-avatar-img:hover{background-image:url(/img/avatar-chocked.png)}@media (min-width:1024px){.home-avatar{display:flex;margin-bottom:0;width:150px}}.home-info{display:flex;flex-direction:column;justify-content:center;text-align:center}@media (min-width:1024px){.home-info{justify-content:flex-start;margin-left:25px;text-align:left}}.home-info-title{font-size:24px;font-size:2.4rem;font-weight:600;margin-bottom:5px}.home-info-subtitle{font-size:18px;font-size:1.8rem;font-weight:500;margin-bottom:20px}.home-info-socials{display:flex;justify-content:center;gap:15px}@media (min-width:1024px){.home-info-socials{justify-content:flex-start}}.home-info-socials .social-network{align-items:center;background:#fff;border-radius:20px;display:flex;justify-content:center;height:40px;width:40px}.home-info-socials .social-network svg{background-size:100%;height:25px;width:25px}.services-card{background:#151515;border-radius:20px;padding:14px;width:100%}@media (min-width:768px){.services-card{width:calc(33% - 10px)}}@media (min-width:1024px){.services-card{width:100%}}@media (min-width:1200px){.services-card{width:calc(33% - 10px)}}.services-card-header{align-items:center;display:flex;margin-bottom:32px}.services-card-header-icon{align-items:center;background:linear-gradient(94.54deg,#053651,#9a596e 47.4%,#ffae74);border-radius:14px;display:flex;justify-content:center;min-height:48px;min-width:48px}.services-card-header-icon svg path{fill:#fff}.services-card-header-icon svg{background-size:100%;height:32px;width:32px}.services-card-header-title{font-size:18px;font-size:1.8rem;font-weight:600;margin-left:12px;width:min-content}.services-card-list{padding:0 0 0 24px;display:flex;flex-direction:column;gap:12px}.services-card-list li{font-size:16px;font-size:1.6rem}.badge,.badge-card{align-items:center;display:flex}.badge-card{background:#fff;border-radius:14px;justify-content:center;margin-right:16px;min-width:60px;min-height:60px}@media (min-width:1024px){.badge-card{border-radius:20px;min-width:80px;min-height:80px}}.badge-card-text{font-size:45px;font-size:4.5rem;background:linear-gradient(94.54deg,#053651,#9a596e 47.4%,#ffae74);font-weight:600;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.badge-text{font-size:18px;font-size:1.8rem;font-weight:500;width:min-content}@media (min-width:480px){.badge-text{font-size:22px;font-size:2.2rem}}@media (min-width:768px){.badge-text{font-size:28px;font-size:2.8rem}}.banner{background-image:url(/img/futurist-city.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;margin-bottom:60px;height:170px;position:relative;width:100%}.banner.full{height:100%;margin-bottom:0}@media (min-width:1024px){.banner{height:220px}}.banner-title{font-size:20px;font-size:2rem;align-items:center;background:hsla(0,0%,100%,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:14px;bottom:-30px;color:#0f0e0e;display:flex;font-weight:600;left:25px;padding:15px;position:absolute}.banner-title svg{background-size:100%;height:24px;width:24px}.banner-title svg path{fill:#0f0e0e}.banner-title span{margin:0 30px 0 10px}.cards-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:32px;gap:15px}.card{background:#151515;border-radius:20px;margin-top:35px;padding:25px}.card-title{font-size:18px;font-size:1.8rem;font-weight:600;margin-bottom:12px}@media (min-width:1024px){.card-title{font-size:24px;font-size:2.4rem}}.card-separator{background:#fff;border-radius:2px;height:2px;width:100%;margin-bottom:30px}.card-top{display:flex;flex-direction:column;gap:30px;margin-bottom:30px}@media (min-width:768px){.card-top{flex-direction:row}}.card-job{gap:20px}.card-job,.card-job-square{align-items:center;display:flex}.card-job-square{border:2px solid #fff;border-radius:20px;justify-content:center;min-height:80px;min-width:80px}.card-job-square svg{background-size:100%;height:60px;width:60px}.card-job-info{display:flex;flex-direction:column;gap:5px;width:100%;white-space:nowrap}.card-job-info-title{font-size:18px;font-size:1.8rem;font-weight:600}.card-job-info-subtitle{font-size:14px;font-size:1.4rem;font-weight:400}.card-badges{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.card-badges-item{font-size:14px;font-size:1.4rem;background:linear-gradient(94.54deg,#053651,#9a596e 47.4%,#ffae74);border-radius:8px;font-weight:600;padding:5px 10px}.loader{align-items:center;display:none;background:#0f0e0e;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transition:all .4s cubic-bezier(.34,.23,.4,.99);width:100%;z-index:100}.loader.active{opacity:1}.loader.visible{display:flex}.loader-logo{background-image:url(/img/logo/logo.gif);width:480px;height:480px}.menu{align-items:center;background:#0f0e0e;border-radius:14px;box-shadow:0 8px 10px rgba(0,0,0,.3),0 -8px 10px hsla(0,0%,100%,.02);display:flex;height:80px;justify-content:center;max-width:400px;margin-bottom:10px;margin-top:30px;width:90%}@media (min-width:1024px){.menu{box-shadow:-15px 0 20px rgba(0,0,0,.3),15px 0 17px hsla(0,0%,100%,.02);flex-direction:column;height:500px;margin:0 100px 0 0;padding:15px;width:220px}}.menu-logo{align-items:center;background:#151515;border-radius:14px;box-shadow:-15px 0 20px rgba(0,0,0,.3),15px 0 17px hsla(0,0%,100%,.02);display:none;justify-content:center;margin-bottom:64px;min-width:72px;min-height:72px}.menu-logo svg{background-size:100%;height:42px;width:42px}@media (min-width:1024px){.menu-logo{display:flex}}.menu-nav{position:relative;align-items:center;display:flex;gap:15px;justify-content:center}@media (min-width:1024px){.menu-nav{flex-direction:column;gap:0}}.menu-nav-active{background:linear-gradient(94.54deg,#053651,#9a596e 47.4%,#ffae74);border-radius:8px;position:absolute;transition:all .4s cubic-bezier(.34,.23,.4,.99);width:48px;height:48px;z-index:1}.menu-nav-active svg path{fill:#fff}@media (min-width:1024px){.menu-nav-active{height:64px;width:100%}}.menu-nav-item{background:transparent;cursor:pointer;transition:all .4s cubic-bezier(.34,.23,.4,.99);z-index:2}.menu-nav-item svg{background-size:100%;height:32px;width:32px}.menu-nav-item svg path{fill:#9c9c9c}@media (min-width:1024px){.menu-nav-item{height:auto;justify-content:flex-start;padding:16px;width:100%}}.menu-nav-item span{display:none}@media (min-width:1024px){.menu-nav-item span{font-size:18px;font-size:1.8rem;color:#9c9c9c;display:block;font-weight:300;margin-left:16px}}.menu-nav-item.active svg path{fill:#fff}.menu-nav-item.active>span{color:#fff;font-weight:500}