nav{position:fixed;box-shadow:0 .25rem .5rem -.375rem var(--palette-primary-600);z-index:99;width:100%;background-color:var(--palette-primary-contrastText)}.nav__container{padding:1rem 2rem;height:5rem;display:flex;justify-content:space-between;align-items:center}.nav__input{display:none}.nav__title a{font-family:var(--first-font);font-weight:700;color:var(--palette-primary-500);z-index:1;transition:z-index .5s ease-in-out}.nav__title{z-index:6}.nav__input:checked+.nav__toggle{justify-content:center}.nav__input:checked+.nav__toggle span:first-child{transform:rotate(-45deg)}.nav__input:checked+.nav__toggle span:nth-child(2){display:none}.nav__input:checked+.nav__toggle span:nth-child(3){transform:rotate(45deg) translate(-3px,-3px)}.nav__toggle{width:1.875rem;height:1.875rem;display:flex;flex-direction:column;justify-content:space-around;z-index:6}.nav__buttons-container{display:flex;gap:2rem;align-items:center;z-index:6}.nav__toggle span{width:100%;height:.3rem;background:var(--palette-primary-500);transition:transform .5s ease}.nav__content{--opacity:0;--transtion:opacity 0.3s 0.7s;background-color:var(--palette-primary-contrastText);padding-top:80px;padding-bottom:80px;display:flex;flex-direction:column;position:fixed;inset:0;z-index:5;-webkit-clip-path:circle(0 at 100% 0);clip-path:circle(0 at 100% 0);transition:-webkit-clip-path .8s;transition:clip-path .8s;transition:clip-path .8s,-webkit-clip-path .8s;overflow:scroll}.nav__show{-webkit-clip-path:circle(150% at top right);clip-path:circle(150% at top right);--opacity:1;--transform:translateY(0)}.nav__list{opacity:var(--opacity);transition:var(--transtion);padding:0;list-style:none;margin:unset;max-width:100%}.nav__item{border-top:2px solid var(--palette-primaryDark-700);padding:16px 0;text-align:center}.nav__link{color:var(--color-primary);text-decoration:none;text-transform:uppercase}.nav__link--last{display:block;border:3px solid #fff;padding:1em 0;border-radius:3px}.nav__media{opacity:var(--opacity);transition:var(--transtion);margin-top:auto;display:flex;justify-content:center;align-items:center;gap:3em}.nav__media .social-icon{font-size:3rem}.theme-toggle{border-radius:100%;border:none;cursor:pointer;background:transparent;color:white;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:2rem;& svg{color:var(--palette-primary-500)}}select.language-picker__select{background-color:initial;border:1px solid var(--palette-primary-500);border-radius:4px;padding:.7rem .5rem;font-size:16px;outline:none;color:var(--palette-primary-500);& option{background-color:var(--palette-primary-contrastText);color:#fff;box-shadow:none;border:1px solid var(--palette-primary-500);color:var(--palette-primary-500)}}.icon-figure.skills{position:relative;width:8rem;height:8rem;border-radius:0 30% 30% 30%;background:#007fff52;border:.3125rem solid var(--palette-primary-500);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:1rem;z-index:1;transition:transform 1s,border-radius 1s;transform:matrix3d(1,0,0,.003,.2,1,1,0,0,0,1,0,0,0,0,1)}.skills.icon-figure--active{transition:transform 1s,border-radius 1s;border-radius:30% 30% 30% 30%;transform:rotateY(1turn) scale(1.9);z-index:9999}.icon-figure img{height:auto;width:100%}.project-tech-stack-container .icon-figure{height:auto;width:4rem;padding:.3rem;background:#007fff52;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);transition:box-shadow,transform 1s;border-radius:.2rem;align-content:center}