@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Dancing+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap";#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.header-container{display:flex;flex-direction:column;padding:0;margin:0;position:fixed;z-index:1;width:100%}.custom-header{display:flex;align-items:center;box-shadow:#00000059 0 5px 15px;background-color:var(--bg);justify-content:space-around}.logo,.socials,.languages{display:flex;align-items:center;justify-content:center;padding:0;color:var(--text)}.logo span{font-family:var(--name);font-size:1.5rem}.socials,.languages{gap:.75rem}.menu-sec{width:100%;background-color:var(--bg-acc);box-shadow:#63636333 0 2px 8px}.menu{display:flex;gap:1rem;align-items:center;justify-content:center;padding:1rem}.languages button{background-color:transparent;border:transparent;padding:.75rem;text-align:center;border-radius:1rem;font-family:var(--title);color:var(--text)}.languages button:hover{background-color:var(--bg-acc)}.hrefs{text-transform:uppercase;font-family:var(--title);color:var(--text)}.hrefs:hover{color:var(--accent);text-decoration:underline}.icon{color:var(--text)}.link-dom{text-decoration:none;color:var(--text)}.menu-toggle{border:transparent;background-color:transparent;border-radius:1rem}.menu-toggle:hover{background-color:var(--bg-acc)}@media (max-width: 767px){.socials,.languages{gap:.25rem}}.custom-intro img{object-fit:fill;min-width:100%;display:flex;align-self:center;height:90vh}.custom-intro{min-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;margin-top:96px}.intro-text{color:var(--bg);position:absolute;text-align:center}.intro-text h1{font-family:var(--title);text-transform:uppercase;text-shadow:#ffffffa1 3px 0 10px;font-size:3.25rem;margin:0;font-weight:bolder}.intro-text h2{font-family:var(--inter);font-size:1.5rem;text-transform:uppercase;font-weight:300}.custom-about{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:5rem}.about-container{background-color:var(--bg);display:flex;justify-content:space-evenly;align-items:center;width:80%}.about-img img{object-fit:fill;width:32.5rem}.about-text{display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--text)}.about-text h1{text-transform:uppercase;font-family:var(--title);font-size:2.25rem;margin:.5rem}.about-text h1 strong{color:var(--accent);font-size:2.5rem;text-shadow:#d58dfe 3px 0 10px}.page-title{text-shadow:#c971fc 3px 0 5px;text-transform:uppercase;font-size:1.75rem;font-family:var(--title)}.about-text h2{font-family:var(--inter);margin:0;font-size:1.5rem;font-weight:300;text-transform:uppercase}.about-text h2 strong{color:var(--accent);text-shadow:#d58dfe 3px 0 10px;font-weight:400}.about-text h3{font-family:var(--inter);margin:.25rem;font-size:1rem;font-weight:300;text-transform:uppercase;width:60%}.about-text p{font-family:var(--inter);font-size:1.25rem;width:50%}#social-title{text-transform:uppercase;font-family:var(--title);font-size:1.5rem;margin:.5rem}.social{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.link-social,.icon-social{color:var(--text)}.icon-social:hover{color:var(--accent)}@media (max-width: 767px){.about-container{flex-direction:column;width:100%}.about-img img{width:17.5rem}.about-text h3{width:80%}.about-text p{width:95%}}@media (min-width: 768px) and (max-width: 1024px){.about-text h3,.about-text p{width:100%}.about-img img{width:27.5rem}.about-container{width:95%}}.custom-section{background-color:var(--bg-acc);padding:1rem;margin-top:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.custom-section h1{text-shadow:#c971fc 3px 0 5px;text-transform:uppercase;font-size:1.75rem;font-family:var(--title);color:var(--text)}.projects-container{width:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.project-img{width:20rem;border-radius:.625rem}.prev-next{display:flex;align-items:center;justify-content:center;gap:1.25rem;padding:1.25rem;margin-bottom:2rem}.prev-next button{background-color:var(--accent);border:transparent;color:var(--bg);padding:.25rem;border-radius:1rem;text-align:center}.prev-next button:hover{color:var(--text);background-color:var(--bg);box-shadow:#c971fc 3px 0 5px}.project-item h2{font-family:var(--title);text-transform:uppercase;margin-bottom:0}.project-item h3{font-family:var(--inter);text-transform:uppercase;font-weight:400;background-color:var(--bg-acc);color:var(--accent);border-radius:1rem;padding:.05rem;font-size:.75rem;width:7.5rem;text-align:center;align-self:center;margin:0}.project-description{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem}.project-description p{font-family:var(--inter);width:95%;height:95%;font-size:1rem}.project-item{display:flex;flex-direction:column;align-items:center;background-color:var(--accent);color:var(--bg);height:32.5rem;width:30rem;border-radius:.625rem;padding:1rem}.link-btn{font-family:var(--title);color:var(--accent);background-color:var(--bg-acc);padding:.5rem;border:transparent;border-radius:1rem;width:5rem}.link-btn:hover{background-color:var(--text);color:var(--bg)}@media (max-width: 767px){.projects-container{width:100%}.project-img{width:15rem}.project-description p{width:75%;height:75%;font-size:1rem}.project-item{height:28.5rem;width:20rem}}.custom-footer{display:flex;align-items:center;justify-content:center;background-color:var(--bg);width:100%;position:sticky;box-shadow:#63636333 0 2px 8px}.link-footer{font-family:var(--name);text-transform:capitalize;color:var(--text);font-size:1.25rem;padding:.1rem;border-radius:.75rem}.link-footer:hover{color:var(--accent);background-color:var(--bg-acc)}.custom-footer p{text-transform:lowercase;color:var(--text);font-family:var(--inter);font-size:1rem}:root{--bg: #F9F2FF;--bg-acc: #EEDDFD;--text: #0C000F;--accent: #51355E;--inter: "Inter", sans-serif;--name: "Dancing Script", sans-serif;--title: "Fjalla One", sans-serif}body,#root{overflow-x:hidden;background-color:var(--bg);margin:0;padding:0;min-width:100%}a{text-decoration:none}