*{margin:0;padding:0;box-sizing:border-box;user-select:none;font-family:Roboto;color:#fff}body,html{overflow-x:hidden;overflow-y:hidden}.font-mono{font-family:monospace!important}.font-mont{font-family:Montserrat!important}h1,h2,h3,h4,h5,h6{font-family:Montserrat}#navbar,footer{position:absolute;display:flex;justify-content:space-between;align-items:center;color:#fff;width:100%;padding:1rem}#footer{bottom:0;position:absolute;display:flex;justify-content:center;align-items:center;color:#fff;width:100%;padding:1rem}#navbar .links a{margin:0 1rem}a{color:#fff;text-decoration:none}a:hover{text-decoration:underline}.text-center{text-align:center}.section{margin-top:2rem}.section a{color:#00bfff}ul li{list-style-position:inside}.modal-overlay{display:none;position:fixed;z-index:1;left:0;top:0;height:100%;width:100%;overflow:auto;background-color:#00000080}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#030023b3;border-radius:1rem;padding:1rem;width:40%;box-shadow:0 5px 8px #0003,0 7px 20px #0000002b}.modal-footer{display:flex;justify-content:center}.modal-header h2,.modal-footer h3{margin:0}.modal-content h2,h3,h4,h5,h6{margin-bottom:.5rem;color:#00bfff}.closeBtn{position:absolute;top:.25rem;right:.75rem;font-size:30px;color:red;float:right}.closeBtn:hover,.closeBtn:focus{color:#dc143c;text-decoration:none;cursor:pointer}@media screen and (max-width: 768px){.modal-content{width:90%}}