body {
            background-image: url(https://media.istockphoto.com/id/514572302/photo/graduated-empty-sky-horizon-at-sunset-genuine-photograph.jpg?s=2048x2048&w=is&k=20&c=iSpIt-9AB9SY9otc5v6aMVkUBkL4YA7dkxZDdIq5qNQ=);
            font-family: 'Courier New', Courier, monospace;
            margin: 0;
            padding: 0;
            background-color: #f4f4f4;
        }

        title{
            font-family: Georgia, 'Times New Roman', Times, serif;
            font-size: 70px;
            padding: 10px;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }

        nav {
            background-color: #444;
            padding: 10px;
            text-align: center;
        }

        nav a {
            color: #fff;
            text-decoration: none;
            margin: 0 10px;
        }

        section {
            padding: 20px;
            text-align: center;
        }

        #IO{
            display: grid;
            grid-template-columns: 18% 32% 18% 32%;
            grid-template-rows:4vh 4vh;
            row-gap: 5vh;
            font-size: larger;
        }

        #labcat{
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 1;
            grid-column-end: 2;
            text-align: right;
        }

        #category{
            height: 4vh;
            width: 65%;
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 2;
            grid-column-end: 3;
            text-align: left;
        }

        #labdiff{
            
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 3;
            grid-column-end: 4;
            text-align: right;
        }

        #difficulty{
            width: 60%;
            grid-row-start: 1;
            grid-row-end: 2;
            grid-column-start: 4;
            grid-column-end: 5;
            text-align: left;
        }
         
        option{
            text-align: center;
        }

        #startQuiz{
            display:block;
            grid-row-start: 2;
            grid-row-end: 3;
            grid-column-start: 1;
            grid-column-end: 5;
            width: 20%;
            margin: 0 auto;
            height: 5vh;
        }

        #Previous, #Next{
            width: 20%;
            margin: 0 auto;
            height: 5vh;
        }

        .options:hover{
            cursor:pointer;
        }


        footer {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }