body{
    background-color: #ffffff;
    font-size:10px;
    margin:0px;

}
div{
    min-height:1px;
    min-width: 1px;
}

li{

    border-radius: 10px;
    border: 5px solid rgb(124, 118, 167);
    margin:50px;
}

#container{
    text-align: center;

}
#questions {
    display: flex;
    justify-content: center;
    transform: scale(0.8); 



}

#que {
    list-style: none;
    font-size:10px;
    padding:40px 0px 40px 0px;
    border: 3px solid rgb(87, 123, 221);
    border-radius:50px;

}

#answer {
    margin:90px 0px 10px 0px;
    transform: scale(0.8); 
    display: flex;
    justify-content: center;


}

.setsumei{

    font-size: 30px;

}
.setsumei2{

    font-size: 20px;
    margin-top: 30px;

}

#time {

    font-size:30px;

}
p{
    margin:0px;
}

.upper{
    color:rgb(0, 0, 0);
    position:fixed;
    right:450px;
    bottom:-10px;
    transition:1s;
    opacity:0.7;
    border-radius: 10px;
    font-size: 30px;
    padding :10px;
    width:100px;

    }

    .upper2{
        font-size:70px;
        color:rgb(0, 0, 0);
        position:fixed;
        right:48%;
        bottom:100%;
        transition:1s;
        opacity:0.7;
        border: 3px solid rgb(221, 0, 85);
        border-radius: 10px;
        padding :18px 10px 10px 10px;
        width:100px;
        height:100px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bolder;
    
        }

        .hidden_show {
            position: fixed;
            text-align: center;
            font-size:70px;
            height: 0;
            padding: 10 px;
            overflow: hidden;
            opacity: 0;
            transition: 0.8s;
            color: #ff0000;
            top: 40%;
            left: 480px;
            background: rgba(255, 255, 255, 0.8);
            z-index: 12;
    
        }
            
        #board .hidden_show2 {
            padding: 10px 0;
            height: auto;
            opacity: 1;
        }

        .hidden_start{




        }

        #btn {
            position: fixed;
            cursor: pointer;
            user-select: none;
            padding: 25px;
            border-radius: 4px;
            font-size:35px;
            text-align: center;
            box-shadow: 0 4px 0 #0088cc;
            color:#fff;
            margin:0 0 5 0px;
            width: 230px;
            height: 110px;
            opacity: 1;
            bottom:6%;
            left: 42%;
            background: rgba(0, 153, 255, 1);
            z-index: 10;

        }

        #timescore{
            font-size:70%;
        }

        .upper3{
            color:#666;
            position:fixed;
            right:50px;
            bottom:50px;
            transition:1s;
            opacity:0.7;
            border: 5px solid green;
            border-radius: 10px;
            font-size: 20px;
            padding :20px;
            font-weight: bold;
        
            }

            .retry {
                color:#fff;
                cursor: pointer;
                user-select: none;
                margin:0px;
                background: #00aaff;
                border-radius: 4px;
                font-size:30px;
                text-align: center;
                box-shadow: 0 4px 0 #0088cc;
                width:500px;
                height:100px;
            
            }