footer{width:100%;box-shadow:0 -2px 5px 2px rgba(0,0,0,.2);position:relative;background:var(--secondary-color)}footer .footer-container{display:flex;justify-content:center;align-items:center;width:100%;font-size:1rem;color:#fff;max-width:var(--global-max-width);margin:0 auto;gap:.5rem;position:relative;padding:1rem;flex-direction:column}footer .footer-container .social{display:flex;gap:.5rem;font-size:1.1rem}footer .footer-container .social svg:hover{color:var(--text-purple)}footer .footer-container ul{text-align:center}footer .footer-container ul li{cursor:default}footer .footer-container ul li:hover{color:var(--text-purple)}@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;700;800&display=swap";:root{font-family:Nunito,sans-serif;--global-max-width:1280px;--primary-color:#101728;--secondary-color:#0c111d;--img-shadow:rgba(31,65,187,.5);--text-purple:#9340ff;--text-pink:#ff3c5f}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}li{list-style:none}a{text-decoration:none;color:currentColor;cursor:pointer}a:hover{color:var(--text-purple)}body{background:var(--primary-color);height:100dvh}body,main{margin:0 auto;width:100%;display:flex;flex-direction:column}main{font-weight:400;align-items:center;flex-grow:1;color:#fff;gap:1.5rem;max-width:var(--global-max-width);padding:1rem}.site-name{color:var(--text-purple);font-weight:800}header{width:100%;box-shadow:0 2px 5px 2px rgba(0,0,0,.2);position:relative;background:var(--secondary-color);-webkit-user-select:none;-moz-user-select:none;user-select:none}header a{display:flex;padding:1rem 0}header .active{color:var(--text-purple)}header .header-container{display:flex;justify-content:space-between;width:100%;background:var(--secondary-color);max-width:var(--global-max-width);color:#fff;font-size:22px;font-weight:500;margin:0 auto;padding:0 .5rem;position:relative;z-index:3}header .header-container .logo{color:var(--text-purple);font-weight:700;display:flex;align-items:center;justify-content:center;gap:.3rem}header .header-container .logo img{position:relative;top:-2px;width:28px;height:28px;margin-right:5px}header .header-container ul{display:flex;gap:1rem}header .header-container .profile{display:flex;justify-content:center;align-items:center;gap:.5rem}header .header-container .profile svg{position:relative;top:2px}header .header-container .icon-mobile{cursor:pointer}header .header-container .header-icon-mobile{display:none;align-items:center;font-size:32px}header .menu-open{position:absolute;right:0;top:0;transform:translateY(-100%);background:var(--secondary-color);color:#fff;width:250px;animation:openmenu .2s ease-out forwards;overflow:hidden;gap:1rem;display:flex;flex-direction:column;padding:1rem;z-index:2;box-shadow:-2px 2px 5px 2px rgba(0,0,0,.2)}header .menu-open .active{border-left:2px solid var(--text-purple)}header .menu-open ul{display:flex;flex-direction:column;gap:.5rem}header .menu-open ul li{position:relative;border-radius:4px;overflow:hidden;background:#1a2333}header .menu-open ul li a{width:100%;display:flex;padding:.5rem}header .menu-open ul li:hover{border-left:2px solid var(--text-purple);color:var(--text-purple)}header .menu-open .profile-mobile a{display:flex;justify-content:center;gap:4px;width:100%;background:#1e293b;padding:.5rem;border-radius:2px}header .menu-open .profile-mobile svg{position:relative;top:3px}@keyframes openmenu{to{top:calc(0px + 100%);transform:translateY(0)}}@media(max-width:600px){.header-menu,.profile{display:none!important}.header-icon-mobile{display:flex!important}}