.navbar{position:fixed;top:4%;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:1fr .5fr;padding:1rem 2rem;background-color:#fffffb;border-radius:1rem;width:70vw;height:2rem;z-index:99}.navbar,.navlist{justify-content:space-between}.navlist{display:flex;gap:1.5rem}.mainpage{transform:translateY(clamp(-5px,-10%,-4px))}.items{position:relative;width:-moz-fit-content;width:fit-content;color:#000;text-decoration:none;font-size:clamp(1.4rem,1.75vw,1.5rem);font-family:Prompt,sans-serif;font-weight:500;cursor:pointer}.items:after{content:"";position:absolute;left:0;bottom:clamp(-6px,1vh,1rem);width:100%;height:3px;background-color:#000;transition:transform .2s ease-in-out;transform:scaleX(0);transform-origin:center}.items.active:after,.items:hover:after{transform:scaleX(1)}.marchtanu{position:relative;height:-moz-fit-content;height:fit-content;color:#000;text-decoration:none;font-size:clamp(1.65rem,1.75vw,2.5rem);font-family:Prompt,sans-serif;font-weight:500}.menu,.nav_dropdown_false,.nav_dropdown_true{display:none}@media(max-width:768px){.navbar{display:flex;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;padding:1rem 4rem;height:4vw}.mainpage{display:none}.menu{display:flex;text-wrap:nowrap;align-items:center;transform:translateY(0)}.menu a{font-size:1.75rem}.menu i{visibility:visible;font-size:1.25rem}.nav_dropdown_false,.nav_dropdown_true{position:absolute;display:flex;flex-direction:column;align-items:center;padding:.25rem 0;border-radius:1rem;top:4rem;width:100%;background-color:#fff;z-index:99;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}.nav_dropdown_true{opacity:1;transform:translateY(0);pointer-events:auto}.items{display:flex;padding:.5rem 0;justify-content:center}.nav_dropdown_bg{position:fixed;inset:0;width:100vw;height:100vh;background:transparent;z-index:98}.navlist{display:none}}.layout{display:grid;grid-template-rows:13.75vh auto;background-color:#ffefe1}h1{font-size:clamp(1.5rem,2vw,2rem);font-family:Montserrat,serif;text-align:center}h1 span{font-weight:400;font-size:clamp(1rem,2vw,1.5rem)}.email i:hover{color:#0074d4}.ig i:hover{color:#e4405f}.line i:hover{color:#00c300}.discord i:hover{color:#7289da}.gitlab i:hover{color:#fc6d26}.github i:hover{color:#333}.linkedin i:hover{color:#0077b5}