@import "https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&display=swap";:root{--primary-color:#4668ee;--text-color:#1a202c;--text-light-color:#555}#root{width:100vw;height:100vh}body{cursor:none;margin:0;font-family:Roboto Slab,serif}*{box-sizing:border-box}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;display:none;position:absolute;overflow:hidden}.cursor-shell{position:relative}.cursor-outer,.cursor-inner{pointer-events:none;z-index:999999999;mix-blend-mode:difference;position:fixed;top:0;left:0}.cursor-outer{border:1px solid #fff;border-radius:999px;width:32px;height:32px}.cursor-inner{background:#fff;border-radius:999px;width:12px;height:12px}a{cursor:pointer;text-decoration:none}.interface{flex-direction:column;align-items:center;width:100vw;display:flex}.sections{width:100%;max-width:1200px}.section{justify-content:center;align-items:center;height:100vh;display:flex}.section--top{align-items:flex-start}.section--bottom{align-items:flex-end}.section--right{justify-content:flex-end}.section--left{justify-content:flex-start}.scroll-down{border:2px solid var(--text-color);border-radius:12px;justify-content:center;width:28px;height:42px;margin-bottom:4rem;display:flex}.scroll-down__wheel{background:var(--text-color);border-radius:2px;width:3px;height:10px;margin-top:4px}.skills{padding:1rem}.skill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-radius:8px;width:320px;max-width:100%;margin-bottom:1rem;padding:1rem}.skill__label{align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.skill__label__image{width:32px;height:32px}.skill__label__name{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:700}.skill__level{background:#000;border-radius:8px;width:100%;height:8px}.skill__level__bar{background:var(--primary-color);border-radius:8px;width:0;height:100%}.projects{grid-template-columns:repeat(auto-fit,220px);justify-content:center;gap:1rem;width:500px;max-width:100%;padding:1rem;display:grid}.project{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-radius:8px;transition:transform .2s ease-in-out,background-color .2s ease-in-out;overflow:hidden}.project:hover{cursor:pointer;background:#fff;transform:scale(1.05)}.project__image{object-fit:cover;width:100%}.project__details{padding:.5rem}.project__details__name{color:var(--text-color);margin:0;font-size:1.25rem;font-weight:700}.project__details__description{color:var(--text-light-color);margin:0;font-size:1rem}.contact{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff80;border-radius:8px;min-width:280px;margin:1rem;padding:1rem}.contact__name{color:var(--text-color);margin:0;font-size:1.5rem;font-weight:700}.contact__address{color:var(--text-light-color);margin:0;font-size:1rem}.contact__socials{gap:1rem;margin-top:1rem;display:flex}.contact__socials__icon{width:32px;height:32px}.menu{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f3ef8a;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:fixed;top:0;left:4rem;right:4rem}.menu__logo{object-fit:contain;width:120px;height:42px}.menu__buttons{align-items:center;gap:1rem;display:flex}.menu__button{color:var(--text-color);font-weight:700}.menu__button:hover{color:var(--primary-color);cursor:pointer}.loading-screen{z-index:1;text-align:center;opacity:1;background-color:#b8c6db;background-image:linear-gradient(#f5f7fa 26%,#b8c6db 100%);place-items:center;width:100vw;height:100vh;padding:4rem;transition:opacity 1s ease-in-out;display:grid;position:fixed;top:0;left:0}.loading-screen--hidden{pointer-events:none;animation:.5s ease-in-out 1s forwards fade-out}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.loading-screen__title{text-transform:uppercase;color:var(--text-color);margin:0;font-size:4rem;font-weight:900}.progress__container{background-color:#666a716b;border-radius:4px;width:100%;height:1rem;position:relative;overflow:hidden}.progress__bar{background-color:var(--text-color);width:0;height:100%;transition:width .5s ease-in-out}@media (width<=990px){body{cursor:auto}.cursor-shell{display:none}.mobile--section--top{align-items:flex-start}.mobile--section--bottom{align-items:flex-end}.mobile--section--right{justify-content:flex-end}.mobile--section--left{justify-content:flex-start}.skills{gap:1rem;width:100%;display:flex;overflow-x:auto}.skill{min-width:220px;margin:0;padding:.5rem}.projects{justify-content:flex-start;width:100%;display:flex;overflow-x:auto}.project{min-width:220px}.contact{width:100%}.menu{flex-direction:column;gap:.5rem}.loading-screen__title{font-size:2rem}}::-webkit-scrollbar{display:none}