body {
        display: flex;
        justify-content: center;
        text-align: center;
        font-family: sans-serif;
        width: 100%;
    }
    
    nav {
        background: rgb(253, 253, 253);
        border-bottom: 1px solid blue;
        position: sticky;
        width: 100%;
        top: 0;
        color: rgb(102, 102, 102);
        padding-top: 2%;
    }
    
    nav ul {
        display: flex;
        align-content: space-between;
    }
    
    nav ul span {
        font-family: cursive;
        color: skyblue;
    }
    
    #pink {
        margin-left: 65%;
        color: palevioletred;
    }
    
    nav ul a li {
        list-style: none;
        font-size: small;
    }
    
    nav ul a {
        padding: 2%;
        color: rgb(18, 1, 255);
        text-decoration: none;
    }
    
    #stay {
        border-bottom: 1px solid blue;
    }
    /* ====================== SP======================= */
    
    .container-run h3 {
        border-top: 1px solid rgb(197, 196, 196);
        border-bottom: 2px solid blue;
        color: white;
        background-color: rgb(0, 153, 255);
        padding: 2%;
        margin: 0;
        font-weight: bold;
        font-size: large;
    }
    .container-run{
        width: 50%;
    }
    @media screen and (max-width: 768px) {
        .container-run{
            width: 100%;
        }
    }
    
    .questionLine {
        padding: 2%;
        background-color: rgb(236, 235, 237);
        width: 100%;
    }
    
    .ol {
        display: flex;
        list-style: none;
        padding: 3%;
        background-color: rgb(255, 255, 255);
    }
    
    .ol li {
        margin-left: 4%;
    }
    
    #submit,
    button {
        width: auto;
        padding: 1.5%;
        border: 1px solid white;
        background-color: rgb(0, 153, 255);
        border-radius: 15px;
        margin: 2%;
        color: white;
    }
    .delete-btn{
        background-color: rgb(160, 112, 7);
        display: flex;
        /* margin-left: 13%; */
        padding: 0.5%;
        justify-content: start;
        border-radius: 5px;

    }
    .delete-btn:hover{
        cursor:pointer;
        border: 1px solid rgb(129, 116, 3);
        background-color: white;
        color: black;
    }
    h4 {
        display: flex;
        /* margin-left: 13%; */
        color: red;
    }
    
    input[type='radio'] {
        width: 5%;
        height: 3vh;
    }
    
    input[type='checkbox'] {
        width: 5%;
        height: 3vh;
    }
    
    .points {
        display: flex;
        justify-content: flex-end;
        margin: 1%;
        padding: 1.5%;
        border-top: 1px solid rgb(190, 190, 190);
    }
    
    .finishQuizPart,
    .newPart {
        margin-top: 2%;
        height: 35vh;
        background-color: rgb(0, 153, 255);
        padding: 2%;
        width: 100%;
        /* margin-left: 13%; */
    }
     @media screen and (max-width: 768px) {
        .finishQuizPart,
        .newPart {
            width: 100%;
        }
    }
    
    .finishQuizPart h2,
    p,
    .newPart h2,
    p {
        color: white;
        display: flex;
        justify-content: center;
    }
    
    .trueLi {
        display: none;
    }