@import"https://fonts.googleapis.com/css?family=Rubik+Mono+One|Roboto+Mono:400,700&display=swap";:root{--color-primary: #18181a;--color-secondary: #75757c;--color-dark: #364c62;--color-light: #f5f5f5;--font-family-primary: "Roboto Mono", monospace;--font-family-secondary: "Rubik Mono One", sans-serif;--td: .15s;--te: cubic-bezier(.215, .61, .355, 1)}.sidebar_background{position:fixed;top:0;right:0;bottom:0;width:100vw;background:#18181a;z-index:1000}.sidebar_toggle_button{outline:none;border:none;cursor:pointer;position:fixed;top:8px;right:20px;width:50px;height:50px;background:transparent;z-index:1001}.menu{width:100vw;height:100vh;position:relative;flex-direction:column;text-align:center;z-index:1;background-color:var(--color-primary);display:flex;justify-content:center;align-items:center;padding:0;margin:0;list-style:none}.menu>.menu__item{font-family:var(--font-family-secondary);font-size:10vmin;margin:0 1rem}.menu__item{display:block;position:relative}.menu__item:hover .menu__link:before,.menu__item:hover .menu__link:after{animation:blink 1s var(--td) steps(1,end) forwards infinite;transform:translate(calc(100% - .5rem));transition-duration:calc(var(--td) * 3)}.menu__item:hover .menu__link:after{transition-delay:calc(var(--td) / 2)}.menu__item:hover .submenu{opacity:1;transform:translateY(0);transition:transform calc(var(--td) * 2) calc(var(--td) * 3) var(--te),opacity calc(var(--td) * 2) calc(var(--td) * 3) var(--te),visibility 0s calc(var(--td) * 3);visibility:visible}.menu__link{color:var(--color-dark);display:inline-block;font-weight:400;overflow:hidden;padding:.5rem 1rem .125rem;position:relative;text-decoration:none;transition:color var(--td) var(--te),opacity var(--td) var(--te),transform var(--td) var(--te);z-index:1}.menu__link:before,.menu__link:after{content:"";background-color:var(--color-light);height:50%;left:0;position:absolute;transform:translate(-110%);transform-origin:0 50%;transition:transform 0s var(--te);width:100%;z-index:-1}.menu__link:before{top:0}.menu__link:after{bottom:0}.menu:not(:focus-within):not(:hover) .menu__item .menu__link{opacity:1;transform:translate(0)}.menu__item{--pull: 30%}.menu__item .menu__link{opacity:.25;transition-duration:calc(var(--td) * 3);transform:translateY(calc(var(--pull) * -1))}.menu__item .submenu .menu__link{opacity:1}.menu__item:hover>.menu__link{color:var(--color-secondary);opacity:1;transform:translate(0)}.menu__item:hover>.menu__link:hover{color:var(--color-light);transition-delay:0s}.menu__item:hover~.menu__item>.menu__link{transition-duration:calc(var(--td) * 3);transform:translateY(var(--pull))}@keyframes blink{50%,to{opacity:0}}.sticky_header{font-family:cunia;position:sticky;top:0;background:transparent;display:flex;align-items:center;z-index:1000;height:40px;padding:20px}.logo{display:flex;align-items:center;justify-content:center;margin:3.5rem .5rem .5rem;background-color:#c03540;border-radius:10px;padding:8px;z-index:1001}.logo:hover{background-color:#e11d48;cursor:pointer}.header_content{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:1000}.navbar{flex:1;display:flex;justify-content:center;margin:.5rem}.navbar_contents{width:100%;display:flex;justify-content:space-between;align-items:center}.navbar_links{width:35%;display:flex;align-items:center;gap:2px;justify-content:space-evenly}.navbar_links>p{text-transform:uppercase;width:fit-content;display:flex;font-size:.8rem;font-weight:600;flex-direction:row;align-items:center;padding:.5rem .75rem;border-radius:9999px;-webkit-user-select:none;user-select:none;transition-duration:50ms;cursor:pointer;color:#fff}.navbar_links>p:hover{background-color:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 2px #0000000d;color:#000}.connect_wallet{width:120px;display:flex;justify-content:center}.connect_wallet>p{text-transform:uppercase;width:fit-content;display:flex;font-size:.8rem;font-weight:600;flex-direction:row;align-items:center;padding:.5rem .75rem;border-radius:9999px;-webkit-user-select:none;user-select:none;transition-duration:50ms;cursor:pointer;color:#fff;white-space:nowrap}.connect_wallet>p:hover{background-color:#fffc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 1px 2px #0000000d;color:#000}@media (max-width: 768px){.header_content{display:none}}.sidebar_wrapper{display:none}@media (max-width: 768px){.sticky_header{padding:12px}.sidebar_wrapper{display:block}}@media (min-width: 769px){.sidebar_wrapper{display:none}}
