@import"https://fonts.googleapis.com/css2?family=Agdasima:wght@400;700&family=Bebas+Neue&display=swap";@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600&display=swap";:root{font-size:15px;--var-soft-blue: hsl(215, 51%, 70%);--var-cyan: hsl(178, 100%, 50%);--var-main-darkest: hsl(217, 54%, 11%);--var-card-dark: hsl(216, 50%, 16%);--var-line-dark: hsl(215, 32%, 27%);--var-lightest: white;--var-heading: normal normal 600 1.5em/1.6em "Outfit", sans-serif;--var-small-heading: normal normal 400 1em/1em "Outfit", sans-serif;--var-para: normal normal 300 1em/1.55em "Outfit", sans-serif}body{font-family:Arial,sans-serif;margin:0;overflow:hidden;background-color:#282c34}.main-menu{text-align:center;color:#fff}.menu-options{margin-top:20px}.menu-item{display:inline-block;margin:10px;padding:20px 40px;font-size:24px;color:#fff;border:4px solid #ffffff;border-radius:8px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.menu-item:hover{transform:scale(1.1);box-shadow:0 0 20px 10px #ffffffb3}.bebas-neue-regular{font-family:Bebas Neue,sans-serif;font-weight:400;font-style:normal;font-size:60px;color:#fff;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}.agdasima-regular{font-family:Agdasima,serif;font-weight:400;font-style:normal;font-size:60px}.agdasima-bold{font-family:Agdasima,serif;font-weight:700;font-style:normal;font-size:60px}.card-container{display:flex;width:auto;max-width:800px;margin:2em auto;background-color:var(--var-card-dark);border-radius:15px;margin-bottom:1rem;padding:2rem;align-items:center;flex-direction:column}.custom-p{font:var(--var-para);color:var(--var-soft-blue);font-size:18px}.styled-input{width:75%;height:auto;padding:10px 40px 10px 10px;margin:15px 0;border-radius:15px;border:1px solid #ccc;box-shadow:0 4px 6px #0000001a;font-size:16px;outline:none;transition:box-shadow .3s ease}.styled-input:hover{box-shadow:0 6px 10px #0003}.styled-input:focus{box-shadow:0 6px 12px #0000004d;border-color:#007bff}.styled-button{width:75%;height:auto;padding:10px;margin:15px 0;background-color:var(--var-soft-blue);color:#fff;border:none;border-radius:15px;font-size:16px;cursor:pointer;transition:background-color .3s ease}.styled-button:hover{background-color:#00008b}.styled-button:active{background-color:#1b2733}.styled-table{border-collapse:collapse;margin:25px 0;font-size:.9em;font-family:sans-serif;min-width:400px;box-shadow:0 0 20px #b8b4b426}.styled-table thead tr{background-color:var(--var-soft-blue);color:#fff;text-align:left}.styled-table th,.styled-table td{padding:12px 15px}.styled-table tbody tr{border-bottom:1px solid #fffdfd;background-color:#e6e6e6}.styled-table tbody tr:nth-of-type(2n){background-color:#e6e6e6}.styled-table tbody tr:last-of-type{border-bottom:2px solid black}.styled-table tbody tr.active-row{font-weight:700;background-color:orange}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:80%;background-color:#333;padding:20px;box-shadow:0 4px 8px #0003;z-index:1000;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;border-radius:10px}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999}.button{width:75%;height:auto;padding:10px;margin:15px 0;background-color:var(--var-soft-blue);color:#fff;border:none;border-radius:15px;font-size:16px;cursor:pointer;transition:background-color .3s ease;text-align:center}.button:hover{background-color:#00008b}.button:active{background-color:#1b2733}.key{display:inline-block;margin:5px;padding:10px 15px;background-color:#555;color:#fff;border-radius:5px;font-size:16px;text-align:center;min-width:30px}#root{width:100vw;height:100vh}body{margin:0}