@media (prefers-reduced-motion: reduce) {
     * {
         animation: none !important;
         transition: none !important
     }
 }

 header {
     text-align: right;
     padding: 3px;
     background-color: black;
     color: white;
     margin: auto;
     width: 98%;
     border-width: 2px;
     border-style: solid;
     border-color: gold;
     padding: 10px;
     font-size: 24px;
     font-variant: small-caps
 }

 footer {
     text-align: center;
     padding: 3px;
     background-color: gold;
     color: #3350AC;
     margin: auto;
     width: 98%;
     border-width: 2px;
     border-style: solid;
     border-color: #000000
 }

 a:link {
     text-decoration: none;
     color: #0000FF
 }

 a:visited {
     text-decoration: none;
     color: #0000FF
 }

 a:hover {
     text-decoration: underline
 }

 a:active {
     text-decoration: underline
 }

 .terminal {
     margin: auto;
     width: 80%;
     height: 420px;
     border-width: 50px;
     border-style: solid;
     border-color: beige;
     border-radius: 50px;
     padding: 10px;
     font-family: 'Courier New', monospace;
     font-size: 24px;
     font-weight: normal;
     background-color: #000000;
     color: #00FF00;
     overflow-y: auto;
 }

 .center {
     margin: auto;
     width: 100%
 }

 header a {
     color: #FFFFFF
 }

 header a:link {
     text-decoration: none;
     color: #FFFFFF
 }

 header a:visited {
     text-decoration: none;
     color: #FFFFFF
 }

 header a:hover {
     text-decoration: none;
     color: #3350AC
 }

 header a:active {
     text-decoration: none;
     color: #3350AC
 }

 .terminal p {
     padding: 10px;
     font-family: 'Courier New', monospace;
     font-size: 24px;
     font-weight: normal;
     background-color: #000000;
     color: #00FF00
 }

 .terminal a {
     color: #00FF00;
     font-weight: normal
 }

 .terminal a:link {
     text-decoration: none;
     color: #00FF00;
     font-weight: normal
 }

 .terminal a:visited {
     text-decoration: none;
     color: #00FF00;
     font-weight: normal
 }

 .terminal a:hover {
     text-decoration: none;
     color: #000000;
     background-color: #00F000;
     font-weight: bold
 }

 .terminal a:active {
     text-decoration: none;
     color: #000000;
     background-color: #00F000;
     font-weight: bold
 }

 blink {
     animation: blink 1s steps(1, end) infinite
 }

 .normal_text {
     font-family: 'Courier New', monospace;
     font-size: 24px;
     font-weight: normal;
     color: #000000
 }

 .small_text {
     font-family: 'Courier New', monospace;
     font-size: 14px;
     font-weight: bold
 }

 @keyframes blink {
     0% {
         opacity: 1
     }

     50% {
         opacity: 0
     }

     100% {
         opacity: 1
     }
 }

 .column2 {
     float: left;
     width: 80%;
     padding: 10px;
     box-sizing: border-box
 }

 .column1 {
     float: left;
     width: 10%;
     padding: 10px;
     box-sizing: border-box
 }

 .column3 {
     float: left;
     width: 10%;
     padding: 10px;
     box-sizing: border-box
 }

 .row:after {
     content: "";
     display: table;
     clear: both
 }

 .radios {
     padding: 50px;
     background-color: green
 }

 .radio {
     display: flex;
     flex-direction: column;
     border: 1px solid gray
 }

 .radio>label {
     margin-top: 10px
 }

 .nextbtn {
     background-color: #04AA6D;
     color: white;
     font-size: 70px;
     padding: 12px;
     border: none;
     border-radius: 5px;
     cursor: pointer
 }

 .nextbtn:hover {
     background-color: #059862
 }

 .glow {
     font-size: 70px;
     padding: 12px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     border-radius: 5%;
     color: white;
     background-color: #00ff00;
     box-shadow: 0 0 20px #00ff00;
     transition: box-shadow 0.1s linear, background-color 0.1s linear;
     animation: glow 1.5s infinite
 }

 input[type="button"]:disabled {
     font-size: 70px;
     padding: 12px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
     border-radius: 5%;
     background-color: #cccccc;
     box-shadow: 0 0 20px #cccccc;
     transition: box-shadow 0.1s linear, background-color 0.1s linear;
     cursor: not-allowed;
     opacity: 0.7
 }

 @keyframes glow {
     0% {
         box-shadow: 0 0 5px #00ff00
     }

     50% {
         box-shadow: 0 0 100px #00ff00
     }

     100% {
         box-shadow: 0 0 5px #00ff00
     }
 }

 img {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 100%
 }

 #popup {
     display: flex;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     justify-content: center;
     align-items: center;
     background: #ffffff88;
     backdrop-filter: blur(5px)
 }

 #popup.hidden {
     display: none
 }

 /* Button styling */
 .btn {
     padding: 10px 20px;
     background-color: #007BFF;
     color: white;
     border: none;
     cursor: pointer;
     border-radius: 4px;
     margin: 5px;
 }

 .btn-disabled {
     padding: 10px 20px;
     background-color: grey;
     color: white;
     border: none;
     cursor: not-allowed;
     border-radius: 4px;
     margin: 5px;
 }

 .btn:hover {
     background-color: #0056b3;
 }

 .btn.reject {
     background-color: #dc3545;
 }

 .btn.reject:hover {
     background-color: #a71d2a;
 }

 /* Modal background */
 .modal {
     display: none;
     /* Hidden by default */
     position: fixed;
     z-index: 1000;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.5);
 }

 /* Modal content box */
 .modal-content {
     background-color: #fff;
     margin: 10% auto;
     padding: 20px;
     border-radius: 8px;
     width: 80%;
     max-width: 600px;
     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
     font-family: 'Courier New', monospace;
     font-size: 22px;
     font-weight: bold;
 }

 /* Scrollable content */
 .modal-body {
     max-height: 300px;
     overflow-y: scroll;
     margin-top: 10px;
 }

 /* Center buttons */
 .modal-footer {
     text-align: center;
     margin-top: 15px;
 }

 .stop-scrolling {
     height: 100%;
     overflow: hidden;
 }