:root{--black:#000;--gray:#aaa;--dark-gray:#3d3d3d;--yellow:#fbc233;--white:#fff;--red:#e61c1c}*{box-sizing:border-box;margin:0;padding:0;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif}html{scroll-behavior:smooth}.app-container{background-color:var(--black);min-width:100vw;min-height:100vh;color:var(--white)}main{width:100vw;min-height:80vh}h1,h2{color:var(--yellow);text-align:center;margin-bottom:1rem}p{text-align:justify;white-space:pre-wrap}form{background-color:var(--black);border:1px solid var(--yellow);border-radius:8px;flex-direction:column;gap:20px;padding:2rem;display:flex}input,textarea,select{border:none;border-radius:8px;flex-grow:1;padding:5px 10px;font-size:1rem}.formGroup{width:70vw;overflow-y:auto}.formGroup textarea{height:400px}.modalOverlay{background-color:#000c;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.btn{color:var(--yellow);border:1px solid var(--yellow);cursor:pointer;background-color:#0000;border-radius:8px;padding:.8rem 1.2rem;font-size:1rem;font-weight:600;transition:all 1s;box-shadow:2px 2px 2px 2px #fff3}.btn:hover{background-color:var(--gray);color:var(--black)}.btn-cancel{color:var(--red);border:1px solid var(--red)}table{border-collapse:collapse;background-color:VAR(--dark-gray);width:100%;min-width:80vw;margin:20px 0}th,td{text-align:left;border:1px solid #ddd;padding:12px}.containerButton{justify-content:center;gap:20px;display:flex}