.logo{width:80%;max-width:200px;will-change:filter;transition:filter .3s;margin:0 auto}input[type=checkbox]{font:inherit;color:currentColor;width:1.15em;height:1.15em;border:.15em solid currentColor;border-radius:.15em}.container{width:100%;text-align:center}.container button{margin-top:2%;margin-left:10%;margin-right:10%}.datos{text-align:center}.datos button{margin-bottom:2%;margin-left:2%}.datos input{width:40%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.console{background-color:#110f11c7;color:#fff;font-family:monospace;padding:10px;border-radius:5px;width:70%}.holder{display:flex;justify-content:center;align-items:center;transform:translate()}.holder button{margin-top:2%}.console-output{text-align:start;height:200px;overflow-y:auto}.logo:hover{filter:drop-shadow(0 0 .5em #646cffaa)}.typewriter{align-content:center;text-align:center;margin-bottom:8rem;margin-top:8rem}.gameicon{width:100%}.gameiconcontainer{width:100%;text-align:center}.typewriter span{font-size:3em}.textarea{width:100%;border:none;resize:none;font-family:Consolas,monospace;font-size:14px;line-height:20px;outline:none;background-color:transparent}.codecontainer{display:flex;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000001a;width:100%;min-height:200px}.supracontainer{width:100%;align-items:center;justify-content:center;display:flex}@media screen and (min-width: 768px){.logo{width:100em}.codecontainer,.gameicon{width:50%}.typewriter{align-content:center;text-align:center}.typewriter span{font-size:4em}.console{width:40%}.icon{position:absolute;transform:scale(5);bottom:40%;left:-90%}.icon2{position:absolute;transform:scale(5)}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}