:root{--primary-color: #25C2A5;--text-color: #fff;--accent-color: #94E73A;--background-color: #282635}html,body{margin:0;font-size:14px;background-color:var(--background-color);scroll-behavior:smooth}*{box-sizing:border-box}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-color);text-align:center}#app .main{width:min(100vw - 32px,1200px);margin:0 auto}#app .main .banner{width:100%;border-radius:16px;margin:16px 0;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 8px rgba(0,0,0,.1)}#app .main a{color:var(--primary-color)}#app .main section{border-radius:16px;padding:16px;border:2px solid rgba(255,255,255,.1);box-shadow:0 0 8px rgba(0,0,0,.1);background-color:#333043}#app .main .list{margin:16px 0}@media screen and (min-width: 769px){#app .main .list{column-count:2;gap:16px}}#app .main .list>section{max-width:calc(100vw - 32px);break-inside:avoid;scroll-margin-top:16px}#app .main .list>section h2 .question-link{opacity:.5;transition:opacity .2s ease-in-out;text-decoration:none}#app .main .list>section h2:hover .question-link{opacity:1}#app .main .list>section:target{animation:highlight-border .4s ease}#app .main .list>section:not(:first-child){margin-top:16px}@keyframes highlight-border{0%{border:2px solid rgb(255,255,255)}to{border:2px solid rgba(255,255,255,.1)}}