.logo{
    width: 90%
}

#main{
    text-align: center;
}

body{
    background-color:rgb(19,19,70);
    color: aliceblue;
    text-align: center;

    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

#console{
    display: flex;
}

.none{
    display: none;
}

.button{
    width:30%;
    height:25px;
    margin: 1%;
    background-color: azure;
    color: black;
    padding-top: 5px;
}

.onbutton{
    background-color: rgba(240, 255, 255, 0.247);
}

.rule-cards{
    background-color: azure;
    width:90%;
}

#out_q1{
    margin-left: 32%;
}

.question{
    margin: 15px;
    width:90%;
}

.ch_button{
    width:50%;
    height:30px;
    padding-top: 10px;
    margin-left: 25%;
    background-color: aliceblue;
    color: #000;
}