body{
    background: #EEAECA;
    background: radial-gradient(circle,rgba(238, 174, 202, 1) 0%, rgba(148, 187, 233, 1) 100%);
    padding:0;
    margin:0;
}
header{
    display:grid;
    grid-template-rows: max-content;
    align-items: center;
    justify-items: center;
    margin-bottom: 2vh;
    background: #8e00bd;
    background: linear-gradient(90deg, rgba(142, 0, 189, 1) 0%, rgba(90, 5, 107, 1) 100%);
    border-bottom: black solid 1vh;
    
}
h1{
    stroke: black 1px solid;
    text-shadow: rgba(0, 0, 0, 0.467) 2px 2px;
    color: aliceblue;
    width: max-content;
    height: max-content;
    background: cover;
}
p{
    text-align: center;
}
#question, #questionNum{
    color:white;
    stroke: black 1px solid;
    text-shadow: rgba(0, 0, 0, 0.467) 1px 1px;
    font-family: Arial, Helvetica, sans-serif;
}

main{
    display: grid;
    grid-template-rows: auto;
    align-items: center;
    justify-items: center;

}
#questionNum{
    transition: background-color 750ms;
}

#win{
    background-color: goldenrod;
    transition: background-color 750ms;
}

#score-box{
    display:none;
    grid-template-columns: auto;
}
#total-score{
    justify-self: center;
    align-self: center;
    text-align: center;
    margin:0;
    height: max-content;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;

}




div{
    width:70vw;
    height:65vh;
    background-color:lightblue;
    transition: background-color 2000ms;
    display: grid;
    grid-template-columns: 50% 50%;
}
#touch-text{
    display: grid;
    grid-template-columns: auto;
    justify-self: center;
    align-self: center;
    text-align: center;
    margin:0;
    height: max-content;
    width: fit-content;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bolder;
    background-color: rgba(107, 115, 113, 0);
}

#falsebox{
    background-color: lightcoral;
    transition: background-color 750ms ;

}
#truebox{
    background-color: green;
    transition: background-color 750ms ;


}

#hidebox{
    display: none;
}