@import"https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap";html,body{font-family:Lexend,sans-serif;padding:0;margin:0;background-color:#0b132b}:root{--primary-color: #1C2541;--primary-light: #3A506B;--accent-color: #6FFFE9;--text-color: #5BC0BE;--background-color: #0B132B}header{width:100%;height:64px;background-color:var(--primary-color);color:var(--text-color);border-bottom:solid 2px var(--primary-light);display:flex;align-items:center;position:sticky;top:0}header img{margin:16px}header .return-arrow{rotate:180deg}header .return-arrow:hover{opacity:50%}nav{font-size:large;position:fixed;left:32px;width:12vw;white-space:nowrap;overflow:clip}nav:before{content:"";position:absolute;z-index:1;right:0;pointer-events:none;background-image:linear-gradient(to right,#0000,#0b132b);width:10%;height:100%}nav a{color:var(--accent-color);display:block;-webkit-user-select:none;user-select:none;padding:4px}nav a:hover{color:var(--text-color)}nav a:before{content:"↪";color:var(--text-color);padding-right:2px}article{width:60vw;background-color:var(--primary-color);padding:16px;border:solid 2px var(--primary-light);border-radius:16px;margin:16px auto}article img{width:100%;border:solid 2px var(--primary-light);border-radius:16px;-webkit-user-select:none;user-select:none}article h2{scroll-margin-top:128px;display:inline-block;width:32px;height:32px;margin:8px;text-align:center;-webkit-user-select:none;user-select:none;background:var(--accent-color);border-radius:16px;color:var(--primary-light)}article p{display:inline-block;color:var(--text-color);font-size:x-large;margin:0}article a{width:100%;height:100%;display:flex;align-items:center;-webkit-user-select:none;user-select:none}article a:hover{opacity:50%}.redirector{display:inline-block;width:32px;height:32px;margin:8px 0 8px auto;border:none;border-radius:0}@media(max-width:480px){header img{display:none}header .return-arrow{display:inline-block}header h1{margin-left:16px;font-size:x-large}nav{display:none}article{width:86vw}}