css /* style.css */ body { background-color: #f2f2f2; font-family: Arial, sans-serif; margin: 0; padding: 0; } /* Global Styles */ h1 { font-size: 24px; font-weight: bold; color: #ff0000; /* Red */ border-bottom: 4px solid black; margin-bottom: 0; text-align: center; padding-bottom: 4px; } p { font-size: 18px; color: #000000; /* Black */ text-align: justify; margin: 0 0 4px 0; padding: 0; border-bottom: 4px solid #cccccc; /* Light Gray */ } /* Simulation Survival */ #simulation-survival { background-image: linear-gradient(135deg, #000000 0, #cccccc 100%); width: 100%; height: 100vh; position: fixed; top: 0; left: 0; border: 4px solid black; border-radius: 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; flex-direction: column; align-items: center; padding: 20px; margin: 20px; } .simulation-survival-content { width: 50%; background-image: linear-gradient(45deg, #ff0000 0, #cccccc 100%); border: 4px solid black; padding: 20px; margin: 20px; text-align: center; border-radius: 0; } .simulation-survival-content h1 { font-size: 36px; color: #00ff00; /* Bright Green */ margin: 0; padding: 10px 0 10px 0; } .simulation-survival-content p { color: #000000; /* Black */ text-align: justify; margin: 0 0 10px 0; padding: 0; border-bottom: 0; } .simulation-survival-content img { border: 4px solid black; border-radius: 0; padding: 10px; margin: 0; } /* Hyperlinks */ a { text-decoration: none; color: #000000; /* Black */ text-align: center; font-size: 18px; padding: 4px 0; border: 1px solid #000000; /* Black */ border-radius: 4px; transition: background-color 0.5s; } a:hover { background-color: #ff0000; /* Red */ color: #000000; /* Black */ text-decoration: none; transition: background-color 0.5s; } a:active { background-color: #000000; /* Black */ color: #ff0000; /* Red */ text-decoration: none; transition: background-color 0.5s; }