:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #f7df1eaa)}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.fade-in-element{background-color:#000;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;position:absolute;z-index:100;animation:fadeInBG 3s linear forwards}.backgroundbg{width:100vw;height:100vh;position:absolute;z-index:1;background-size:cover}.spiderimg1{top:-50%;width:570px;height:738px;position:absolute;z-index:2;left:-5%;animation:spider1 3s ease-in-out forwards;transform:scale(.2)}.spiderimg2{top:-50%;right:-10%;width:570px;height:738px;position:absolute;z-index:2;animation:spider2 1.5s ease-in-out forwards;transform:scale(.35)}.spiderimg3{top:-50%;right:15%;width:570px;height:738px;position:absolute;z-index:2;animation:spider3 3.5s ease-in-out forwards;transform:scale(.15)}.cat{z-index:2;width:182px;height:250px}.container{position:absolute;display:flex;left:20%;top:25%;flex-direction:column;align-items:center;z-index:3;width:400px;height:600px;transform:scale(0);animation:containeranim 1s ease-in-out forwards;animation-delay:2s}.arrow{width:44px;height:91px;opacity:0;transition:all 1s ease}.arrow.animate{opacity:1}.btn{background-color:#0000;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}button:focus{border:none;outline:none;box-shadow:none}.question{font-size:30px;color:#000;text-shadow:-.5px -.5px 0 white,.5px -.5px 0 white,-.5px .5px 0 white,.5px .5px 0 white;font-weight:700;padding:5px;display:inline-block;opacity:0;transition:all 1s ease}.question.animate{opacity:1}.textanswer{font-size:30px;color:#000;text-shadow:-.5px -.5px 0 rgb(0,0,0),.5px -.5px 0 rgb(0,0,0),-.5px .5px 0 rgb(0,0,0),.5px .5px 0 rgb(0,0,0);font-weight:700;padding:5px;display:inline-block}.answerbtn{top:5%;right:50%;width:250px;height:125px;position:absolute;z-index:101;align-items:center;transform:scale(0);transition:none;background:none;border:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none}.answerbtn.animate{transition:opacity .5s ease,transform .5s ease;transform:scale(1)}answerbtn:focus{border:none;outline:none;box-shadow:none}.unlock{width:100%;height:100%;object-fit:cover;display:block}@keyframes fadeInBG{0%{background-color:#000;opacity:1;z-index:100}to{background-color:#00000095;opacity:0;z-index:-1}}@keyframes spider1{0%{top:-50%}to{top:-30%}}@keyframes spider2{0%{top:-50%}to{top:-25%}}@keyframes spider3{0%{top:-50%}to{top:-35%}}@keyframes containeranim{0%{transform:scale(0)}to{transform:scale(1)}}