@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}html,body{color:#000;background-color:#fff;height:100%;font-family:Roboto Mono,monospace}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700}p{margin-bottom:1rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:1rem}.row{flex-wrap:wrap;margin:-.5rem;display:flex}.col{flex:1;padding:.5rem}.col-1{flex:0 0 8.33%}.col-2{flex:0 0 16.66%}.col-3{flex:0 0 25%}.col-4{flex:0 0 33.33%}.col-5{flex:0 0 41.66%}.col-6{flex:0 0 50%}.col-7{flex:0 0 58.33%}.col-8{flex:0 0 66.66%}.col-9{flex:0 0 75%}.col-10{flex:0 0 83.33%}.col-11{flex:0 0 91.66%}.col-12{flex:0 0 100%}button,.button{text-align:center;color:#000;cursor:pointer;background-color:#fff;border:2px solid #000;padding:.75rem 1.5rem;font-family:Roboto Mono,monospace;font-size:1rem;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:4px 4px #000}button:hover,.button:hover{box-shadow:6px 6px #000}input,textarea,select{border:2px solid #000;width:100%;margin-bottom:1rem;padding:.75rem;font-family:Roboto Mono,monospace;box-shadow:4px 4px #000}textarea{resize:vertical}label{margin-bottom:.5rem;display:block}input[type=radio],input[type=checkbox]{width:auto;margin-right:.5rem;display:inline-block}select[multiple]{height:auto}.box{border:2px solid #000;margin-bottom:1rem;padding:1rem;box-shadow:4px 4px #000}.text-center{text-align:center}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.ml-1{margin-left:1rem}.mr-1{margin-right:1rem}.mt-2{margin-top:2rem}.mb-2{margin-bottom:2rem}.ml-2{margin-left:2rem}.mr-2{margin-right:2rem}.alert{border:2px solid #000;margin-bottom:1rem;padding:1rem;box-shadow:4px 4px #000}.alert-info{color:#000;background-color:#e7f5ff}.alert-warning{color:#000;background-color:#fff3cd}.alert-danger{color:#000;background-color:#f8d7da}.modal{background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.modal-content{background-color:#fff;border:2px solid #000;padding:2rem;box-shadow:4px 4px #000}.progress{background-color:#e0e0e0;border:2px solid #000;width:100%;height:1.5rem;box-shadow:4px 4px #000}.progress-bar{background-color:#000;width:0;height:100%;transition:width .2s}.progress-bar-25{width:25%}.progress-bar-50{width:50%}.progress-bar-75{width:75%}.progress-bar-100{width:100%}.code-container{background-color:#f5f5f5;border:2px solid #000;margin-bottom:1rem;padding:1rem;font-family:Roboto Mono,monospace;box-shadow:4px 4px #000}a{color:#000;text-decoration:underline}a:hover{color:gray}@media (width<=768px){.col{flex:0 0 100%}}ul{margin:1em 0 1em 2em;padding:0;list-style-type:square}li{margin-bottom:.5em;font-family:inherit}button,.button{outline:none}button:active,.button:active{box-shadow:none;transform:translate(4px,4px)}button:focus-visible,.button:focus-visible{box-shadow:-4px -4px #000}.progress{overflow:hidden}.progress-bar-indeterminate{width:40%;animation:1.5s cubic-bezier(.4,0,.2,1) infinite indeterminate}@keyframes indeterminate{0%{transform:translate(-100%)}50%{transform:translate(150%)}to{transform:translate(250%)}}body,#root{box-sizing:border-box;width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}