@import"https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&family=Poppins: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&display=swap";:root{--color-dark: #000000;--color-medium: #087E8B;--color-accent: #FF5A5F;--text-on-dark: #FFFFFF;--font-primary: "Poppins", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-primary);line-height:1.5;color:var(--text-on-dark);background-color:var(--color-dark)}#root{min-height:100dvh}#root{display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;min-height:100dvh;grid-template-areas:"header" "main" "footer"}.header{grid-area:header;position:sticky;top:0;z-index:100}.main{grid-area:main;display:flex;flex-direction:column;gap:4rem}.footer{grid-area:footer}img{max-width:100%;height:auto}a{text-decoration:none;color:inherit}button{border:none;background:none;cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit;border:none;outline:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}@media (max-width: 768px){html{font-size:14px}.header{min-width:100dvw;max-width:100dvw}.main{min-width:100dvw;max-width:100dvw;gap:2rem}}.header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.5rem 10dvw;border-bottom:1px solid var(--color-medium);background-color:var(--color-dark)}.progress-bar{width:100%;height:2px;background-color:var(--color-accent);position:absolute;bottom:0;left:0;z-index:9999;animation:progress-bar auto linear;animation-timeline:scroll(root block)}@keyframes progress-bar{0%{width:0%}to{width:100%}}.logo{width:fit-content;font-size:1.4rem;font-weight:700;color:var(--text-on-dark)}.logo-accent{color:var(--color-accent);font-weight:600}.navbar{display:flex;justify-content:space-between;align-items:center;gap:3rem}.header .navbar .contact-email{font-size:1rem;font-weight:600;transition:all .4s ease}.header .navbar .contact-email:hover{color:var(--color-accent)}@media (max-width: 768px){.header{padding:1rem 5dvw}.logo{font-size:1.2rem}.navbar{gap:1rem}.header .navbar .contact-email{font-size:.8rem}}@media (max-width: 768px){.header .navbar .contact-email{display:none}}section{padding:0rem 10dvw}.section-title{width:100%;font-size:4rem;font-weight:600}.accent{font-weight:600;color:var(--color-accent);font-size:4rem}.hero{width:100%;background-color:var(--color-dark);padding:12dvh 10dvw 6dvh;display:flex;flex-direction:column;align-items:flex-start;gap:2rem}.hero-content{width:100%;display:flex;justify-content:space-between;align-items:center;white-space:wrap}.hero-title{width:100%;font-weight:700;font-size:6rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.5rem}.hero-title .icon{color:var(--color-accent);animation:twinkle 1s ease 5 normal forwards}@keyframes twinkle{0%,to{color:var(--color-accent)}50%{color:var(--color-medium)}}.hero-network{display:flex;flex-direction:column;justify-content:center;gap:1rem}.hero-network .icon{font-size:2rem;transition:all .4s ease}.hero-network .icon:hover{color:var(--color-accent);cursor:pointer}.hero-contact{width:100%;display:flex;align-items:center;gap:2rem}.hero-contact .contact-btn{padding:1rem 1.5rem;background-color:var(--color-dark);border:2px solid var(--color-medium);border-radius:1.5rem;font-size:2rem;font-weight:600;color:var(--text-on-dark);cursor:pointer;transition:all .4s ease}.hero-contact .contact-btn:hover{border:2px solid var(--color-accent)}.hero-contact .contact-cv{font-size:2rem;font-weight:600;color:var(--text-on-dark);cursor:pointer;font-style:italic;position:relative}.hero-contact .contact-cv:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background-color:var(--color-medium);transition:all .4s cubic-bezier(.175,.885,.32,1.275);transform:translate(-50%)}.hero-contact .contact-cv:hover{color:var(--color-accent)}.hero-contact .contact-cv:hover:after{width:100%}.about{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2rem;animation:reveal linear both;animation-timeline:view();animation-range:entry 10% cover 50%}.about .about-content{width:100%;display:flex;flex-direction:column;gap:2rem}.about .about-content img{width:100%;height:100%;object-fit:cover}.about .about-content .about-info{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem}.about .about-content .about-info img{width:7.5rem;height:7.5rem;border-radius:50%}.about .about-content .about-info .about-network{display:flex;flex-direction:row;gap:1rem}.about .about-content .about-info .about-network .icon{font-size:2rem;transition:all .4s ease;cursor:pointer}.about .about-content .about-info .about-network .icon:hover{color:var(--color-medium)}.about .about-content .about-text-container{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:2rem}.about .about-content .about-text-container .about-text{font-size:1.5rem;color:var(--text-on-dark);text-align:start;width:50%}@media (max-width: 768px){.about .about-content .about-text-container .about-text{width:100%}}.skills{width:100%;display:flex;flex-direction:column;gap:2rem;animation:reveal linear both;animation-timeline:view();animation-range:entry 10% cover 50%}.skills .skills-container{width:50%;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem}.projects{width:100%;display:flex;flex-direction:column;gap:2rem;animation:reveal linear both;animation-timeline:view();animation-range:entry 5% cover 25%}.projects .projects-container .card:first-child{border-top:none}.contact{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8rem;animation:reveal linear both;animation-timeline:view();animation-range:entry 10% cover 40%}.contact .section-title{text-align:center;font-size:8rem;font-weight:700;color:var(--text-on-dark)}.contact .contact-circles{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:6rem}.contact .contact-circles .circle-container{width:fit-content;height:fit-content;position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center}.contact .contact-circles .circle-container:hover .circle{animation:rotate-center-normal 1s ease-in-out 0s 1 normal forwards}.contact .contact-circles .circle-container .circle{width:16rem;opacity:.5}.contact .contact-circles .circle-container .contact-email{font-size:2rem;font-weight:700;color:var(--text-on-dark);cursor:pointer;font-style:italic;position:absolute}@keyframes rotate-center-normal{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contact-networks{width:100%;display:flex;justify-content:space-between;align-items:center}.contact-networks .contact-network-card a{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:2rem;padding:.5rem 1rem;border-top:1px solid var(--text-on-dark);cursor:pointer;font-size:2rem;font-weight:600;transition:all .4s ease}.contact-networks .contact-network-card a:hover{border-top:1px solid var(--color-medium)}@media (max-width: 768px){section{padding:0rem 5dvw}.section-title,.accent{font-size:2.5rem}.hero{padding:8dvh 5dvw 4dvh;gap:1.5rem}.hero-content{flex-direction:column;align-items:flex-start;gap:2rem}.hero-title{font-size:3rem;gap:.25rem}.hero-content .hero-title span{font-size:2.3rem}.hero-network{flex-direction:row;gap:1.5rem}.hero-network .icon{font-size:1.5rem}.hero-contact{flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.hero-contact .contact-btn{padding:.8rem 1.2rem;font-size:1.2rem}.hero-contact .contact-cv{font-size:1.2rem}.about .about-content .about-info{flex-direction:column;align-items:center;gap:1rem}.about .about-content .about-info img{width:5rem;height:5rem}.about .about-content .about-info .about-network .icon{font-size:1.5rem}.about .about-content .about-text-container{flex-direction:column;gap:1rem}.about .about-content .about-text-container p{font-size:1rem}.skills .skills-container{width:100%;gap:.8rem}.contact{gap:4rem}.contact .section-title{font-size:4rem;line-height:1.1}.contact .contact-circles .circle-container .circle{width:10rem}.contact .contact-circles .circle-container .contact-email{font-size:1.2rem}.contact-networks{flex-direction:column;gap:1rem}.contact-networks .contact-network-card{width:100%}.contact-networks .contact-network-card a{font-size:1.2rem;padding:1rem}}@keyframes reveal{0%{opacity:0;translate:0 100px}to{opacity:1;translate:0 0}}button{background-color:var(--color-dark);border:2px solid var(--color-medium);border-radius:1.5rem;font-size:1rem;font-weight:600;color:var(--text-on-dark);cursor:pointer;transition:all .4s ease;padding:.5rem 1.5rem}button:hover{background-color:var(--color-accent);color:var(--color-dark);border:2px solid var(--color-accent)}.card{width:100%;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:2rem;border-top:1px solid var(--color-medium);padding:1rem .5rem}.card .card-image{width:30%;height:100%;object-fit:cover;max-height:200px;border-radius:.8rem}.card:hover .card-image{animation:scale-up-center-normal .7s ease 0s 1 normal forwards}@keyframes scale-up-center-normal{0%{transform:scale(1)}to{transform:scale(1.05)}}.card .card-content{height:100%;width:70%;display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.card .card-content .card-info{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;height:100%;width:100%}.card .card-content .card-info .card-title{font-size:2rem;font-weight:600;color:var(--text-on-dark)}.card .card-content .card-info .card-subtitle{font-size:1rem;font-weight:400;color:var(--text-on-dark)}.card .card-content .card-info .card-technologies{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:.5rem;font-size:1rem;font-weight:400;color:var(--text-on-dark);width:100%}.card .card-content .card-view-btn{height:100%;display:flex;flex-direction:row;align-self:center;align-items:center;gap:.5rem;color:var(--text-on-dark);cursor:pointer}.card .card-content .card-view-btn .card-view{font-size:2rem;font-weight:700;color:var(--text-on-dark);cursor:pointer;font-style:italic}.card .card-content .card-view-btn .icon{font-size:2rem;font-weight:700;color:var(--text-on-dark);cursor:pointer}.card .card-content .card-view-btn:hover .icon{color:var(--color-accent);animation:jello-diagonal-1-normal 1s ease-out 0s 1 normal forwards;animation-iteration-count:infinite}@keyframes jello-diagonal-1-normal{0%{transform:skew(0deg 0deg)}30%{transform:skew(25deg 25deg)}40%{transform:skew(-15deg,-15deg)}50%{transform:skew(15deg,15deg)}65%{transform:skew(-5deg,-5deg)}75%{transform:skew(5deg,5deg)}to{transform:skew(0deg 0deg)}}@media (max-width: 768px){.card{flex-direction:column;gap:1rem;padding:1rem 0}.card .card-image{width:100%;height:200px}.card .card-content{width:100%;flex-direction:column;gap:1rem}.card .card-content .card-info{gap:1rem}.card .card-content .card-info .card-title{font-size:1.5rem}.card .card-content .card-info .card-subtitle{font-size:.9rem}.card .card-content .card-view-btn{align-self:center}.card .card-content .card-view-btn .card-view,.card .card-content .card-view-btn .icon{font-size:2rem}}footer{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6rem 5dvw 2rem}.copyright,.developed{font-size:1.2rem;color:var(--text-on-dark);opacity:.5;font-style:italic}@media (max-width: 768px){footer{flex-direction:column;gap:1rem;padding:3rem 5dvw 1rem;text-align:center}.copyright,.developed{font-size:1rem}}