@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Crafty+Girls&family=Delius&family=Edu+SA+Hand:wght@400..700&family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&family=Jura:wght@300..700&family=Luxurious+Roman&family=Playwrite+CA:wght@100..400&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@100;200;300;400&display=swap");.HEADER{position:fixed;z-index:2;display:flex;align-items:cener;justify-content:space-between;padding:2rem;width:100%}.NAV-BAR{margin-top:2vh}.HEADER a{display:inline-block;color:#fff;text-decoration:none;margin-left:2rem;font-size:clamp(1rem,1.2vw,5rem);font-family:Jura,monospace;font-weight:100;transform:scale(1);transition:.3s ease}.HEADER a:hover{color:#ff5e00;transform:scale(1.2)}.LOGO{position:absolute;right:3%;z-index:10;width:clamp(8rem,10vw,15rem)}.MENU{position:fixed;display:flex;width:20rem;right:0;height:100vh;z-index:10;color:#fff;backdrop-filter:blur(15px);filter:brightness(.8);padding:1rem;border-radius:10px;flex-direction:column;align-items:center;justify-content:center;transform:translateX(20rem);transition:transform .3s ease-in-out}.MENU.show{transform:translateX(0)}.MENU a{margin-top:10%;color:#fff;text-decoration:none;margin-left:2rem;font-family:Jura,monospace;font-weight:400;font-size:1.2rem;transition:.3s ease;transform:scale(1)}.MENU a:hover{color:#ff5e00;transform:scale(1.1)}.burger{position:relative;width:40px;height:30px;background:transparent;cursor:pointer}.burger,.burger input{display:none}.burger span{display:block;position:absolute;height:4px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.burger span:first-of-type{top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.burger input:checked~span:first-of-type{transform:rotate(45deg);top:0;left:5px}.burger input:checked~span:nth-of-type(2){width:0;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}@media (max-width:768px){.burger{display:block}.NAV-BAR{display:none}}