@import url(https://fonts.googleapis.com/css2?family=M+PLUS+Code+Latin&family=Victor+Mono:wght@100;700&display=swap);@import url(https://cdn.jsdelivr.net/gh/devicons/devicon@v2.15.1/devicon.min.css);*{box-sizing:border-box}:root{--primary-background-color:#2c2f30;--secondary-background-color:#252829;--primary-color:#ebdbb2;--secondary-color:#5c87b2;--tertiary-color:#708090;--border-radius:3px;--border-thickness:1px;background-color:#2c2f30;background-color:var(--primary-background-color);color:#ebdbb2;color:var(--primary-color);font-family:M PLUS Code Latin,monospace,sans-serif;font-size:500}#root{align-items:center;display:flex;flex-direction:column;min-height:100vh}#root,body{margin:0}a,a:visited{color:#5c87b2;color:var(--secondary-color);font-style:italic;text-decoration:none}b{color:#708090;color:var(--tertiary-color)}hr{border-color:#708090;border-color:var(--tertiary-color)}.title{font-family:Victor Mono,monospace;font-size:1.8em;font-weight:700;text-align:center;text-shadow:1px 1px #000}.icon{color:#fff;height:20px;margin-right:5px;position:relative;top:5px;-webkit-user-select:none;user-select:none}#contact-frame{max-width:300px}.contact-element{margin:5px}.frame{background-color:var(--secondary-background-color);border:var(--border-thickness) solid var(--tertiary-color);margin:auto;max-width:600px;padding:20px;text-align:center;width:90%}#selfie,.frame{border-radius:var(--border-radius)}#selfie{border:var(--border-thickness) solid var(--secondary-color);max-width:300px;width:70%}#icon-container{display:flex;gap:8px;justify-content:center}#icon-container>*{cursor:pointer}:root{--project-container-min-width:250px;--project-container-max-width:500px}.projects-container{grid-gap:3em 5em;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-template-columns:repeat(auto-fit,minmax(var(--project-container-min-width),1fr));justify-items:center;margin-left:auto;margin-right:auto;max-width:1300px;padding-bottom:3em;width:80%}.project-container{background-color:var(--secondary-background-color);border:1px solid var(--tertiary-color);border-radius:var(--border-radius);box-shadow:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;max-width:500px;max-width:var(--project-container-max-width);padding:20px;position:relative;text-align:center;transition-duration:.1s;transition-property:border-color box-shadow;transition-timing-function:linear;width:100%}.project-container:hover{border-color:var(--secondary-color);box-shadow:0 0 20px 2px rgba(0,0,0,.3)}.category-icon-container{border-top:1px solid var(--tertiary-color);bottom:0;display:flex;flex-wrap:wrap;gap:5px;justify-content:center;padding-top:5px;position:relative;width:100%}.category-icon{font-size:28px}.project-duration{color:#928374}#project-frame{text-align:center}.project-frames-container{margin-bottom:40px}.project-frames-container>.frame:not(:first-of-type){margin-top:40px}#project-screenshots-frame img{border-radius:7px;width:100%}#project-videos-frame .yt-embed iframe{border-radius:7px;height:480px;width:100%}#project-name{font-family:Victor Mono,monospace;text-align:center}.project-website-url{display:block}.project-website-url:not(:last-of-type){margin-bottom:10px}.project-website-preview{background-color:#fff;max-height:50vh;max-width:80%}.error-text{color:#fb4934}.skills-container{grid-gap:3em 3em;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));justify-items:center;margin-left:auto;margin-right:auto;max-width:1300px;padding-bottom:3em;width:80%}.skills-container>.frame{height:100%}.skills-container ul{list-style-type:circle;text-align:left}.nav,.nav-items{align-items:center;display:flex;justify-content:space-around}.nav-items{gap:3rem}.nav-item{color:var(--primary-color)!important;font-size:1.3em;margin:.2rem;text-decoration:none;transition:color .1s linear;-webkit-user-select:none;user-select:none}.nav-item img{height:26px}.nav-item-current{color:var(--secondary-color)!important;cursor:default}.nav-item:hover:not(.nav-item-current){color:var(--tertiary-color)!important}.nav-toggler{cursor:pointer;display:none;height:40px;width:40px}.nav-toggler>div{background:var(--primary-color);height:10%;transition:-webkit-transform .1s linear;transition:transform .1s linear;transition:transform .1s linear,-webkit-transform .1s linear;width:100%}.nav-toggler-x .nav-toggler-line1{-webkit-transform:translateY(10px) rotate(-45deg);transform:translateY(10px) rotate(-45deg)}.nav-toggler-x .nav-toggler-line2{opacity:0}.nav-toggler-x .nav-toggler-line3{-webkit-transform:translateY(-5px) rotate(45deg);transform:translateY(-5px) rotate(45deg)}.nav-toggler-screen-overlay{display:none}.nav-toggler-screen-overlay-active{display:block}.nav-bar-overlay,.nav-toggler-screen-overlay-active{height:100vh;left:0;position:fixed;top:0;width:100vw}.nav-bar-overlay{background-color:rgba(0,0,0,.6);display:none;opacity:0;transition:opacity .5s linear;z-index:-1!important}@media screen and (max-width:800px){.nav-toggler{align-items:stretch;display:flex;flex-direction:column;gap:10%;justify-content:center}.nav-items-hidden{display:none;height:0}.nav-items-active{background-color:var(--secondary-background-color);border:var(--border-thickness) solid var(--tertiary-color);border-radius:var(--border-radius);box-sizing:border-box;display:flex;flex-direction:column;gap:0;height:auto;left:50%;position:fixed;top:80px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;z-index:100}.nav-item{margin:20px 50px;text-align:center;width:100%}.nav-bar-overlay-active{display:block;opacity:1}}
/*# sourceMappingURL=main.45a960a8.css.map*/