        
        body {
            background-color: rgb(204, 239, 250);
        }
        .center_stuff {
            text-align: center;
        }

        .left {
            text-align: left;
        }

        .right {
            text-align: right;
        }

        .myH1 {
            font-weight: 400;
            border: 10px solid rgb(153, 109, 109);
            display: inline-block;
            padding: 8px;
        }

        .paddingLR{
            padding-left: 250px;
            padding-right: 250px;
        }

        .myButton {
            background-color: #031727; /* Blue background */
            border: 4px solid #1a4e6e;              /* Remove default border */
            color: rgb(164, 193, 199);              /* White text color */
            padding: 4px 7px;        /* Some padding */
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 15px;
            cursor: pointer;           /* Change cursor to pointer on hover */
        }

        .nextButton {
            background-color: #52b456; /* Green background */
            border: 6px solid #3b703d;              /* Remove default border */
            color: rgb(0, 0, 0);              /* White text color */
            padding: 8px 10px;        /* Some padding */
        }

        .REDNextButton {
            background-color: #a33226;
            border: 6px solid #632119;
            padding: 8px 10px;
        }

        .backButton {
            background-color: #031727; /* Red background */
            border: 4px solid #a33226;              /* Remove default border */
            color: rgb(190, 213, 216);              /* White text color */
            padding: 7px 9px;        /* Some padding */
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            cursor: pointer;           /* Change cursor to pointer on hover */
        }

        .epic {
            font-family: 'Times New Roman', Times, serif;
            color: rgb(54, 54, 54);
            font-size: 48px;
            font-weight: bold;
            text-shadow: 2px 2px 4px #aaa;
        }

        .silly {
            font-family: 'comic sans ms', sans-serif;
            color: rgb(153, 109, 109);
            animation: color-change 4s infinite;
        }

        @keyframes color-change {
            15% { color: red; }
            30% { color: orange; }
            45% { color: rgb(255, 243, 69); }
            60% { color: rgb(1, 196, 1); }
            75% { color: blue; }
            90% { color: rgb(94, 2, 160); }
            100% { color: violet; }
}
