@charset "UTF-8";.theme-switch{position:relative;display:inline-flex;align-items:center;width:60px;height:30px;cursor:pointer}.theme-switch input{display:none}.slider{position:absolute;width:100%;height:100%;background-color:var(--color-accent);border-radius:15px;transition:background .3s}.slider:before{content:"";position:absolute;width:24px;height:24px;left:3px;bottom:3px;background-color:var(--color-background);border-radius:50%;transition:transform .3s}.dark:before{transform:translate(15px)}.high-contrast:before{transform:translate(30px)}.theme-icon{position:absolute;right:-25px;font-size:20px}.header-container{max-width:850px;min-width:340px;padding:1rem;border-bottom:var(--size-border) solid var(--color-tertiary)}.header{display:flex;justify-content:space-between;align-items:center}.name,.menu-icon{font-weight:700;font-size:1.5rem}.name:after{content:".";color:var(--color-accent)}.menu{width:95%;max-width:850px;height:100%;padding:1rem;top:72px;position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem;font-weight:700;text-transform:uppercase;background-color:var(--color-background);transform:rotateX(-90deg);transform-origin:top;transition:all .5s ease-in-out;z-index:1}.menu.open{max-height:calc(100vh - 72px);opacity:1;transform:rotateX(0);transition:all .5s ease-in-out}.element{font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;justify-content:center;align-items:center;position:relative;height:40px;padding:0 1rem;overflow:hidden}.nav-text{transition:transform .4s ease,opacity .4s ease;display:inline-block}.nav-icon{position:absolute;font-size:1.8rem;opacity:0;transform:translateY(30px);transition:transform .4s ease,opacity .4s ease}.element:hover .nav-text{transform:translateY(-30px);opacity:0}.element:hover .nav-icon{transform:translateY(0);opacity:1;color:var(--color-accent)}.nameDesktop{display:none}@media screen and (min-width:675px){.name:before{content:"dev.";color:var(--color-accent)}.name:after{content:""}.menu-icon{display:none}.menu{width:95%;height:auto;top:80px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;font-weight:700;text-transform:uppercase;transform:rotateX(0);transform:translate(100);transform-origin:top;transition:all .5s ease-in-out;z-index:1}}.profile-container{width:100%;min-width:340px;height:calc(100vh - 71px);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-bottom:var(--size-border) solid var(--color-tertiary);margin:0 auto;gap:2rem}.profile-left{width:120px;height:120px;border-radius:50%;overflow:hidden;border:1px solid var(--color-text);background-color:var(--color-accent)}.profile-left img{width:100%;height:100%;object-fit:cover;object-position:top}.profile-right{height:150px;display:flex;flex-direction:column;align-items:start;justify-content:center}.greeting{color:var(--color-accent);font-size:1rem;height:auto}.nameProfile{font-size:1.8rem;font-weight:700;line-height:1.2;margin:.5rem 0;text-wrap:balance}.job{font-size:1rem;color:var(--color-text);filter:brightness(.6);height:auto}.buttons{display:flex;gap:1rem;margin-top:1rem}.button{padding:.5rem 1rem;border:var(--size-border) solid var(--color-tertiary);border-radius:1rem;color:var(--color-text);font-weight:700;cursor:pointer;box-shadow:0 4px 4px #00000040}.btn-work{background-color:var(--color-accent)}.button:hover{background-color:var(--color-accent);border-color:var(--color-text);filter:brightness(1.2)}@media screen and (min-width:550px){.profile-container{flex-direction:row;align-items:center}}@media screen and (min-width:750px){.profile-container{max-width:100%}.profile-left{border:var(--size-border) solid var(--color-text);border-radius:0;width:200px;height:240px}.profile-right{height:auto;min-height:240px;justify-content:center;gap:.5rem}.greeting,.job{font-size:2rem;height:auto}.nameProfile{font-size:3.2rem;height:auto}}.skill{flex:1 1 150px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;height:100px;border:var(--size-border) solid var(--color-secondary);border-radius:10px;padding:1rem;background-color:var(--color-tertiary);filter:brightness(1.2)}.skill-icon{width:40px;height:40px;color:var(--color-accent)}.skill-name{font-size:1rem}.skills-container{min-width:348px;padding:1rem 15% 3rem;background-color:var(--color-tertiary);font-size:1.8rem;font-weight:700}.skills-title{margin:1rem 0;padding-bottom:1rem;text-align:center}.skills-list{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}@media screen and (min-width:750px){.skills-container{padding:1rem 10% 3rem}}@media screen and (min-width:900px){.skills-container{padding:1rem 20% 3rem}}@media screen and (min-width:1500px){.skills-container{padding:1rem 15% 3rem}}.projects-container{min-width:348px;padding:1rem 5%;font-size:1.8rem;font-weight:700;margin-bottom:4rem}.projects-title{margin:1rem 0;padding-bottom:1rem;text-align:center}.projects-lists{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.3rem}@media screen and (min-width:750px){.projects-container{padding:1rem 10% 0}}@media screen and (min-width:900px){.projects-container{padding:1rem 15% 0}}@media screen and (min-width:1500px){.projects-container{padding:1rem 5% 0}}.project-container{display:flex;flex-direction:column;flex:1 1 244px;min-height:360px;background-color:var(--color-tertiary);border:var(--size-border) solid var(--color-secondary);border-radius:1rem;padding:1rem}.project-top{border-radius:1rem 1rem 0 0;background-color:var(--color-accent);padding:1rem 1rem 0;position:relative;align-items:center;margin-bottom:1rem}.project-links{position:absolute;top:.6rem;right:.6rem;display:flex;gap:1rem}.link{width:2.4rem;height:2.4rem;padding:.5rem;border-radius:50%;display:flex;justify-content:center;align-items:center;border:var(--size-border) solid var(--color-background);background-color:var(--color-background);color:var(--color-text);opacity:.8;cursor:pointer;transition:background .3s ease-in-out}.project-img{width:100%;height:180px;overflow:hidden}.img{width:100%;height:100%;object-fit:cover;object-position:top left}.link:hover{border:var(--size-border) solid var(--color-primary);background-color:var(--color-text);color:var(--color-accent);opacity:1}.project-bottom{padding:.5rem}.project-name{font-size:1.8rem;font-weight:700;margin-bottom:.5rem}.project-description{margin-bottom:.5rem;font-size:1rem;font-weight:700;filter:brightness(.6)}.project-tools{display:flex;flex-direction:row;align-items:center;justify-content:start;font-size:.8rem;gap:.5rem}.project-tools *{width:24px;height:24px;margin-right:.5rem}@media screen and (min-width:455px){.link{width:2.8rem;height:2.8rem}}@media screen and (min-width:550px){.link{width:3.4rem;height:3.4rem}}.contact-container{display:flex;flex-direction:column;align-items:center;min-width:348px;padding:1rem 5% 2rem;background-color:var(--color-tertiary);font-size:1.8rem;font-weight:700}.contact-title{margin:1rem 0;padding-bottom:1rem;text-align:center}.contact-email{width:100%;min-width:250px;cursor:pointer;padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;border:var(--size-border) solid var(--color-secondary);border-radius:1rem;font-size:1.3rem}.btn-touch:hover{background-color:var(--color-tertiary);border-color:var(--color-secondary)}.contact-email svg{width:2rem;height:auto}.contact-icons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1rem}.contact-icon{cursor:pointer}@media screen and (min-width:450px){.contact-container{padding:1rem 10% 2rem}.contact-email{width:27rem}}.footer-container{padding:1rem;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem}.footer-container svg{width:1.5rem;height:1.5rem}.home{margin:0 auto;max-width:850px}.login-container{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;flex-direction:column;justify-content:center;align-items:center;z-index:10}.login-container.open{display:flex}.login-content{position:relative;width:80%;max-width:30rem;height:80%;max-height:30rem;background-color:var(--color-secondary);border-radius:.4rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}.login{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.login-title{font-size:2rem;font-weight:700;color:var(--color-accent)}.input-name:focus,.input-email:focus,.input-password:focus{outline-color:var(--color-text);border:none}.input-name,.input-email,.input-password{width:100%;padding:1rem;font-size:1.8rem;border-radius:1rem;border:none;background-color:var(--color-tertiary);box-shadow:0 4px 4px #00000040}.input-name::placeholder,.input-email::placeholder,.input-password::placeholder{color:var(--color-text)}.close{position:absolute;top:1rem;right:1rem;font-size:1.8rem;cursor:pointer}.btn-login{margin-top:2rem;width:100%;padding:1rem;font-size:1.5rem;text-align:center;box-shadow:0 4px 4px #00000040}.btn-signup{cursor:pointer;color:var(--color-accent)}.login-button{display:flex;align-items:center;gap:1rem}.markdown{width:calc(100% - 2rem);min-height:50vh;height:auto;border-radius:.4rem;padding:1rem 1rem 0rem;margin:1rem;border:var(--size-border) solid var(--color-text)}.md-title{font-size:2rem;text-align:center;padding:1rem;margin:1rem 0;border-bottom:var(--size-border) solid var(--color-text)}.md-subtitle{font-size:1.5rem;text-align:start;padding:1rem;margin:1rem 0;border-bottom:var(--size-border) solid var(--color-text)}.md-list-item{margin-left:2rem}.md-link{text-decoration:none;color:var(--color-text);font-weight:700;cursor:pointer;filter:brightness(1.2);padding:.2rem}.md-link:hover{border-radius:.4rem;background:var(--color-text);color:var(--color-accent)}.md-link:visited{filter:brightness(.8)}.markdown strong{font-weight:700;font-size:1.2rem;color:var(--color-accent)}.markdown-create{display:flex;margin:1rem;padding:1rem;flex-direction:column;align-items:center;justify-content:center;gap:1rem;border-radius:.4rem;border:var(--size-border) solid var(--color-text)}.markdown-textArea{width:100%;min-height:50vh;height:content;border-radius:.4rem;border:var(--size-border) solid var(--color-text);padding:1rem 1rem 0rem;resize:none}::-webkit-scrollbar{width:.8rem;border-radius:4px;background:var(--color-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-accent)}::-webkit-scrollbar-thumb:hover{background:var(--color-text)}:root{--color-primary: #E5E7EB;--color-secondary: #D1D5DB;--color-tertiary: #9CA3AF;--color-accent: #9B5DF7;--color-text: #1A1838;--color-background: #F9FAFB;--typography-primary: "Montserrat", sans-serif;--size-border: .2rem}[data-theme=dark]{--color-primary: #1A1838;--color-secondary: #202938;--color-tertiary: #19212c;--color-accent: #7C3AED;--color-text: #F3F4F6;--color-background: #111728}[data-theme=high-contrast]{--color-primary: #FFFFFF;--color-secondary: #F2F2F2;--color-tertiary: #BDBDBD;--color-accent: #FFB800;--color-text: #000000;--color-background: #FFFFFF}@media(prefers-reduced-motion:reduce){*{animation:none;transition:none}}*{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}img,picture,video,iframe,figure{max-width:100%;width:100%;display:block;object-fit:cover;object-position:center center}a{display:block}p a{display:inline}li{list-style-type:none}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em{font-size:1em;font-weight:inherit;font-style:inherit;text-decoration:none;color:inherit}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}::selection{background-color:var(--color-text);color:var(--color-background)}form,input,textarea,select,button,label{font-family:var(--typography-primary);font-size:inherit;-webkit-hyphens:auto;hyphens:auto;background-color:transparent;display:block;color:inherit;appearance:none}table,tr,td{border-collapse:collapse;border-spacing:0}svg{width:100%;display:block;fill:currentColor}body{min-height:100vh;font-size:100%;font-family:var(--typography-primary);color:var(--color-text);background-color:var(--color-background);line-height:1.4em;-webkit-hyphens:auto;hyphens:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}