.popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0000;z-index:1000}.readme{width:clamp(320px,55vw,520px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto;z-index:1001;background-color:var(--beige-color);color:#000;border:3px solid black;box-shadow:6px 6px #000;max-height:min(75vh,600px)}.readme-text{padding:1.75rem 2rem 2rem;text-align:left;line-height:1.6;cursor:default}@media (max-width: 600px){.readme{width:calc(100vw - 2rem);max-height:calc(100vh - 4rem)}.readme-text{padding:1.5rem}}.popup{background-color:#fff;margin:2rem;border:3px solid black;box-shadow:6px 6px #000;max-width:clamp(22rem,28vw,26rem);min-width:18rem;height:min-content;overflow:hidden;background-color:var(--beige-color)}.popup-image-container img{max-width:100%;max-height:100%;width:100%;display:block}.popup-header{cursor:default;display:grid;grid-template-columns:1fr auto;justify-content:center;align-items:center;border-bottom:3px solid black;color:#fff;padding:.6rem;text-align:center;background-color:var(--blue-color)}.popup-header .MuiTypography-root{white-space:nowrap}.close-button{cursor:pointer;background:none;border:none;font-size:1rem;border-left:3px solid black;padding:.5rem;color:#fff}.close-button:hover{background-color:var(--magenta-color);color:#fff}.close-all{padding:.5rem;font-size:1rem;position:fixed;top:5rem;right:1rem;transition:transform .3s ease}.popup.close-all:hover{transform:translateY(-10px);color:#fff;background-color:var(--magenta-color)}.project-popup-container{display:flex;flex-direction:column;padding:1.5rem;border:3px solid;max-width:90vw;max-height:80vh;margin:auto;cursor:default}.project-popup-header{display:flex;justify-content:space-between;align-items:center}.project-popup-image{max-width:95%;margin:1rem auto}.project-popup-content{display:flex;flex-direction:column;overflow:scroll}.skills-chip-list{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;list-style:none}.projects-footer{display:flex;justify-content:space-between}.project-popup-container.shopify .project-popup-close-button:hover{color:gray}.projects-container{background-color:var(--beige-color);margin:0 auto;border:3px solid black;box-shadow:6px 6px #000;min-height:30%;max-width:90vw;display:flex;flex-direction:column;cursor:default}.projects-header{background-color:var(--yellow-color);border-bottom:3px solid black;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.projects-header.shopify{background-color:var(--purple-color)}.projects-title{padding-left:1rem}.projects-close-button{all:unset;cursor:pointer;background:none;border-left:3px solid black;padding:.5rem}.project-popup-close-button,.projects-back-button{cursor:pointer}.project-popup-close-button:hover,.projects-back-button:hover{cursor:pointer;color:#f5f5f5}.projects-list{width:100%;padding:3rem;gap:2rem;display:flex;flex-wrap:wrap;justify-content:center}.project-box{text-align:center;display:flex;flex-direction:column;align-items:center}.folder-icon{width:10rem;height:auto;cursor:pointer}.project-name{cursor:pointer}.project-name:hover{color:var(--blue-color)}.skills-container{background-color:var(--beige-color);margin:0 auto;max-width:90vw;max-height:80vh;border:3px solid black;box-shadow:6px 6px #000;display:flex;flex-direction:column;cursor:default}.skills-header{background-color:var(--green-color);border-bottom:3px solid black;display:flex;justify-content:space-between;align-items:center;padding:.5rem}.skills-title{padding-left:1rem}.skills-close-button{all:unset;cursor:pointer;background:none;border-left:3px solid black;padding:.5rem}.skills-list{width:100%;padding:3rem;margin-bottom:1rem;gap:2rem;display:flex;flex-direction:column;color:#000;overflow:scroll}.chip-list{display:flex;flex-wrap:wrap;list-style:none}.desktop-ui-container{background-color:var(--tale-color);display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:100vh}.content-container{height:100%;width:100%}.icon-list{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr 1fr;grid-column-gap:1rem;grid-row-gap:1rem;padding:.5rem}.mail{grid-area:1 / 2 / 2 / 3}.projects{grid-area:1 / 1 / 2 / 2}.skills{grid-area:2 / 1 / 3 / 2}.linkedin{grid-area:2 / 2 / 3 / 3}.github{grid-area:2 / 3 / 3 / 4}.cv{grid-area:2 / 4 / 3 / 5}.aboutme{grid-area:1 / 4 / 2 / 5}.icon-box{text-align:center;align-items:center;margin-bottom:1.5rem;cursor:pointer}.icon{width:7rem;height:auto;cursor:pointer}.icon-link{text-decoration:none;color:#000}.icon-text:hover{color:var(--blue-color)}.welcome{margin-top:3rem}@media (min-width: 1024px){.welcome{margin-top:35rem}}.welcome-header{background-color:var(--orange-color)}.welcome-message{width:100%;padding:1.5rem;display:flex;flex-direction:column;flex-wrap:wrap}.intro-message{display:flex;flex-direction:row;align-items:center;margin-bottom:.5rem}@keyframes vibrate{0%{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(5px)}75%{transform:translate(-5px)}to{transform:translate(5px)}}.vibrating{animation:vibrate .3s ease infinite}*{padding:0;margin:0;box-sizing:border-box}:root{--beige-color: #f8f4ec;--black-color: #2d2741;--blue-color: #065ffc;--green-color: #33cc66;--lime-color: #cee12f;--magenta-color: #fb3e93;--neon-color: #dce52c;--orange-color: #fc6e11;--pink-color: #e843e5;--purple-color: #6143df;--strong-blue-color: #1a69de;--tale-color: #53c4cc;--yellow-color: #ffe236;--primary-font: "Montserrat Alternates", sans-serif;--secondary-font: "Roboto Mono", monospace}body{background-color:#53c4cc}.modal{display:flex;align-items:center;justify-content:center}@media (max-width: 420px){.icon{width:3rem;height:auto}.footer-container{padding:.25rem}.start-icon{width:2rem}.wifi-logo{width:1.5rem}.projects-list{padding:1rem;gap:1rem}.folder-icon{width:3rem;height:auto}.skills-chip-list{padding:.5rem}.skills-list{padding:1rem;gap:.5rem}.chip-list{padding:.5rem}}@media (max-width: 720px){.icon,.folder-icon{width:5rem;height:auto}.project-popup-image{max-width:60%;margin:1rem auto}.skills-list{padding:1.5rem;gap:1rem}.chip-list{padding:.5rem}}@media (min-width: 720px){.skills-chip-list{margin:1rem auto}}@media (min-width: 800px){.skills-chip-list{width:80%;display:flex;flex-direction:row;justify-content:center}}@media (max-width: 800px){.content-container{position:sticky;bottom:0}}@media (min-width: 1024px){.project-popup-container{max-width:600px}.project-popup-divider{margin-bottom:2rem!important}.skills-chip-list{width:80%;display:flex;flex-direction:row;justify-content:center}}@media (min-width: 2560px){.icon-list{grid-row-gap:5rem}.project-popup-container{max-width:800px}}