.mylab {
                font-size: 10px;
                font-family: 'Open Sans', sans-serif;
                width: 600px;
                margin: 0 auto;
                background-color: #DAA900;
                padding: 0 20px 20px 20px;
                border: 5px solid black;
                text-align: center;

                display: none;
        }

        h1 {
                font-size: 60px;
                margin: 0;
                padding: 20px 0;
                color: #002856;
                text-shadow: 3px 3px 1px #005487;
        }
        

        .mylab_loader {
                border: 16px solid #f3f3f3; /* Light grey */
                border-top: 16px solid #3498db; /* Blue */
                border-radius: 50%;
                width: 220px;
                height: 220px;
                //border: 16px solid #0091B3;
                border: 4px solid transparent;
                border-top: 2px solid #FFBF3C;
                //border-top: 16px solid transparent;
                display:block;
                position: absolute;
                top: 50%;
                left: 50%;
                margin: -110px 0px 0px -110px;
                animation: spin 2s linear infinite;
        }

        .mylab_button {
                background-color: #0091B3;
                padding: 40px 40px;
                width: 500px;
                font-size: 24px;
                margin: 20px;
                color: #E5E5E5;
        }
        body {
                /* background-image:    url(backgrounds/seal.png); */
                background-size:     cover;                      /* <------ */
                background-repeat:   no-repeat;
                background-position: center center;              /* optional, center the image */
        }

        @keyframes spin {
                0% { transform: rotate(0deg); }
                100% { transform: rotate(360deg); }
        }