*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,sans-serif;color:var(--gray-10)}ul{list-style:none}a{display:inline-block;text-decoration:none;color:inherit}img,svg{display:block;max-width:100%;max-height:100%;object-fit:cover}button{cursor:pointer;border:none;background:0 0}:root{--white:#FFFFFF;--gray-1:#F7F7F7;--gray-2:#EDEDED;--gray-3:#DEDEDE;--gray-4:#CCCCCC;--gray-5:#B2B2B2;--gray-6:#717171;--gray-7:#595959;--gray-8:#404040;--gray-9:#2E2E2E;--gray-10:#111111;--black:#000000;--primary-1:#0088FF;--primary-2:#0055CC;--gradient-x:linear-gradient(to right, #0088FF, #0055CC);--gradient-y:linear-gradient(to bottom, #0088FF, #0055CC);--white-blur:rgba(255, 255, 255, 0.60);--black-blur:rgba(0, 0, 0, 0.60);--blur:blur(20px)}.color-white{color:var(--white)}.color-1{color:var(--gray-1)}.color-2{color:var(--gray-2)}.color-3{color:var(--gray-3)}.color-4{color:var(--gray-4)}.color-5{color:var(--gray-5)}.color-6{color:var(--gray-6)}.color-7{color:var(--gray-7)}.color-8{color:var(--gray-8)}.color-9{color:var(--gray-9)}.color-10{color:var(--gray-10)}.color-black{color:var(--black)}.color-p1{color:var(--primary-1)}.color-p2{color:var(--primary-2)}.bg-white{background:var(--white)}.bg-1{background:var(--gray-1)}.bg-2{background:var(--gray-2)}.bg-3{background:var(--gray-3)}.bg-4{background:var(--gray-4)}.bg-5{background:var(--gray-5)}.bg-6{background:var(--gray-6)}.bg-7{background:var(--gray-7)}.bg-8{background:var(--gray-8)}.bg-9{background:var(--gray-9)}.bg-10{background:var(--gray-10)}.bg-black{background:var(--black)}.bg-p1{background:var(--primary-1)}.bg-p2{background:var(--primary-2)}.bg-gx{background:var(--gradient-x)}.bg-gy{background:var(--gradient-y)}.white-blur{background:var(--white-blur);backdrop-filter:var(--blur)}.black-blur{background:var(--black-blur);backdrop-filter:var(--blur)}.font-primary{font-family:Poppins,sans-serif}.font-secundary{font-family:Inter,sans-serif}.regular{font-weight:400}.medium{font-weight:500}.semibold{font-weight:600}.bold{font-weight:700}.italic{font-style:italic}.font-12{font-size:.75rem;line-height:1.5}.font-16{font-size:1rem;line-height:1.5}.font-20{font-size:1.25rem;line-height:1.5}.font-24{font-size:1.5rem;line-height:1.5}.font-32{font-size:2rem;line-height:1.3}.font-40{font-size:2.5rem;line-height:1.3}.font-48{font-size:3rem;line-height:1.2}.font-60{font-size:3.75rem;line-height:1.2}.font-80{font-size:5rem;line-height:1.2}@media (width < 1000px){.font-48{font-size:2.5rem}.font-80{font-size:3.75rem}}@media (width < 800px){.font-20{font-size:1rem}.font-24{font-size:1.25rem}.font-32{font-size:1.5rem}.font-40{font-size:2rem}}@media (width < 600px){.font-48{font-size:2rem}.font-80{font-size:2.5rem}}.conteiner{max-width:1200px;padding:0 20px;margin:0 auto 120px}@media (width < 600px){.conteiner{margin-bottom:80px}}.button-primary{font:400 1rem/1 Poppins,sans-serif;padding:16px 32px;background:var(--primary-1);border-radius:8px;color:var(--white);transition:background .3s}.button-primary:hover{background:var(--primary-2)}.button-secundary{font:400 1rem/1 Poppins,sans-serif;padding:16px 32px;background:var(--white);border:1px solid var(--primary-1);border-radius:8px;color:var(--primary-1);transition:background .3s,color .3s}.button-secundary:hover{background:var(--primary-1);color:var(--white)}.button-tertiary{font:500 1rem/1 Poppins,sans-serif;background:var(--gray-1);padding:12px 20px;border-radius:8px;transition:background .3s}.button-tertiary:hover{background:var(--gray-2)}@media (width < 800px){.button-primary,.button-secundary,.button-tertiary{font-size:.875rem;padding:12px 20px}}.header{display:flex;justify-content:space-between;align-items:center;padding:20px}.header a{transition:color .3s}.header a:hover{color:var(--primary-1)}.header-menu{display:flex;gap:40px}@media (width < 600px){.header{flex-wrap:wrap;gap:20px 40px;justify-content:center;margin-bottom:20px}.header-menu{padding-bottom:20px;overflow-y:auto;gap:20px;justify-content:start}.header-menu a{background:var(--gray-1);padding:12px 20px;border-radius:8px;transition:background .3s}.header-menu a:hover{color:initial;background:var(--gray-2)}}.footer{display:grid;grid-template-columns:400px auto;justify-content:center;gap:40px;margin-bottom:80px}.footer-msg{background:var(--gradient-x) text;-webkit-text-fill-color:transparent}.footer-contact a:first-child,.footer-contact a:nth-child(2){display:block;margin-right:0;transition:color .3s}.footer-contact a{margin-bottom:20px;margin-right:32px}.footer-contact a:hover{color:var(--primary-1)}.footer-copy{grid-column:1/-1;text-align:center}@media (width < 1000px){.footer{grid-template-columns:400px;text-align:center}.footer-contact a:last-child{margin-right:0}}@media (width < 600px){.footer{grid-template-columns:1fr;gap:20px}}.introduction{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px}.introduction h1{max-width:20ch}.introduction-links{display:flex;gap:12px}.introduction picture{grid-column:1/-1}.introduction img{border-radius:8px}@media (width < 1000px){.introduction{grid-template-columns:1fr;gap:20px}}@media (width < 600px){.introduction-links{grid-row:3}}.js [data-anime]{opacity:0}.js .fade-in-down{transform:translateY(-20px)}.js .fade-in-up{transform:translate3d(0,20px,0)}.js .fade-in-right{transform:translate3d(20px,0,0)}.js .fade-in-left{transform:translate3d(-20px,0,0)}.js .anime{opacity:1;transform:none;transition:transform .8s,opacity .8s}.skills h2{margin-bottom:40px}.skills ul{display:grid;gap:20px}.skills h3{text-transform:uppercase;background:var(--gradient-y) text;-webkit-text-fill-color:transparent}.projects h2{margin-bottom:40px}.projects-list{display:flex;gap:40px;overflow-y:auto;padding-bottom:20px}.project{position:relative}.project-image{max-width:360px;border:1px solid var(--gray-2);border-radius:8px 8px 0 0;transition:opacity .3s}.project-content{display:flex;align-items:center;justify-content:space-between;padding:20px;border:1px solid var(--gray-2);border-radius:0 0 8px 8px}.project-content img{transition:transform .3s}.project-content img:hover{transform:rotate(180deg)}.project:hover .project-image{opacity:40%}.project:hover .project-technologies{max-height:200px;opacity:100%}.project-technologies{position:absolute;bottom:78px;width:100%;padding:20px;border:1px solid var(--gray-2);border-bottom:none;transition:opacity .3s,max-height .3s;opacity:0%;max-height:120px}.project-technologies h4{background:var(--gradient-y) text;-webkit-text-fill-color:transparent;margin-bottom:12px}.project-technologies-list{display:flex;flex-wrap:wrap;gap:12px}.project-technologies-list li{-webkit-user-select:none;-ms-user-select:none;user-select:none}.project-technologies li:hover{background:var(--gray-2)}@media (width < 800px){.project-image{width:300px}.project-technologies{bottom:72px}}.training h2{margin-bottom:40px}.training-conteiner{display:grid;grid-template-columns:auto auto;justify-content:center;gap:40px 80px;padding:80px;border-radius:8px}.training-conteiner h3{grid-row:1;text-align:center}.training-conteiner ul{display:grid;gap:16px;justify-self:center;align-self:start}.training-conteiner li{display:flex;align-items:center;width:240px;justify-content:space-between;gap:16px}.training-conteiner li:not(:last-child){padding-bottom:16px;border-bottom:2px solid var(--primary-1)}.training-conteiner li img{transition:transform .3s}.training-conteiner li img:hover{transform:rotate(180deg)}@media (width < 800px){.training-conteiner{grid-template-columns:1fr;padding:60px}.training-conteiner h3{grid-row:initial}}.project-internal{display:grid;grid-template-columns:7fr 5fr;gap:60px 40px}.project-internal h2{margin-bottom:20px}.project-internal-technologies{grid-column:1/-1;justify-self:center}.project-internal-technologies h2{text-align:center;background:var(--gradient-y) text;-webkit-text-fill-color:transparent;margin-bottom:12px}.project-internal-technologies ul{justify-content:center}.project-internal p{grid-column:1}.project-results-list{list-style:disc;padding:40px;border-radius:8px}.project-results-list li:not(:last-child){margin-bottom:12px}@media (width < 800px){.project-internal{grid-template-columns:1fr 1fr;gap:40px}}@media (width < 600px){.project-internal{grid-template-columns:1fr}.project-results-list{max-width:max-content}}