@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap");*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:"Roboto Mono",monospace;background-color:#fff;color:#000}h1,h2,h3,h4,h5,h6{margin-bottom:1rem;font-weight:700}p{margin-bottom:1rem}.container{width:100%;margin:0 auto;padding:1rem;max-width:1200px}.row{display:flex;flex-wrap:wrap;margin:-.5rem}.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{display:inline-block;padding:.75rem 1.5rem;font-size:1rem;text-align:center;text-decoration:none;color:#000;background-color:#fff;border:2px solid #000;box-shadow:4px 4px 0 #000;cursor:pointer;transition:all .2s ease;font-family:"Roboto Mono",monospace}button:hover,.button:hover{box-shadow:6px 6px 0 #000}input,textarea,select{width:100%;padding:.75rem;margin-bottom:1rem;border:2px solid #000;box-shadow:4px 4px 0 #000;font-family:"Roboto Mono",monospace}textarea{resize:vertical}label{margin-bottom:.5rem;display:block}input[type=radio],input[type=checkbox]{display:inline-block;width:auto;margin-right:.5rem}select[multiple]{height:auto}.box{padding:1.25rem;border:2px solid #000;box-shadow:4px 4px 0 #000;margin-bottom:1rem}.text-center{text-align:center}.text-right{text-align:right}.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{padding:1rem;border:2px solid #000;box-shadow:4px 4px 0 #000;margin-bottom:1rem}.alert-info{background-color:#e7f5ff;color:#000}.alert-warning{background-color:#fff3cd;color:#000}.alert-danger{background-color:#f8d7da;color:#000}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:2rem;border:2px solid #000;box-shadow:4px 4px 0 #000}.progress{width:100%;background-color:#e0e0e0;border:2px solid #000;box-shadow:4px 4px 0 #000;height:1.5rem}.progress-bar{height:100%;background-color:#000;width:0;transition:width .2s ease}.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;box-shadow:4px 4px 0 #000;padding:1rem;font-family:"Roboto Mono",monospace;margin-bottom:1rem}a{color:#000;text-decoration:underline}a:hover{color:gray}@media (max-width: 768px){.col{flex:0 0 100%}}ul{list-style-type:square;margin:1em 0 1em 2em;padding:0}ol{margin:1em 0 1em 2em;padding:0}li{font-family:inherit;margin-bottom:.5em}ul.unstyled{list-style-type:none}img{aspect-ratio:1;max-width:100%}