*{
margin:0;
padding:0;
box-sizing: border-box;
}
body{
    background-color:rgb(227, 243, 243);
}
.title{
    text-align: center;
    margin-top:7rem;
}

h1{
    font-family:'Tangerine', serif;
    font-size:46px;
    color:rgb(215, 166, 105);
    letter-spacing:3px;
    word-spacing:7px;  
    margin-top:2rem;   
}
.section-center{ 
width:70%;
height:auto;
margin:3rem auto;
box-shadow:0px 3px 6px #00000029;
}
.question-art{

background-color:#fbfbfb;
border-radius:5px;
font-weight:200px;
letter-spacing:2px;
width: 100%;
height:auto;

}
p, button{
    margin-top:1rem;
}

.question-title{  
    display:grid;
    place-items:center;    
    grid-gap:1rem;
    grid-template-columns: 3fr 2fr;      
}
.question-btn{     
   border-style:none;   
   background-color:transparent;    
}
.plus-icon{
    color:rgb(215, 166, 105);
    padding:5px;
    font-size:1.125rem;
}
.minus-icon{
    color:rgb(215, 166, 105);
    padding:5px;
    font-size:1.125rem;
}
.question-text{
        text-align: center;    
    margin-top:1.2rem;     
}
.answer{
    background-color:#fbfbfb;      
    
    height:15vh;
    margin:1rem auto;
    color:rgb(133, 194, 244);  
    border-radius:5px;
    box-shadow:0px 3px 6px #00000029; 
}

/* hide text */
.question-text{
    display:none;
}

.show-text .question-text{
    display:block;
}

.minus-icon{
    display:none;
}

.show-text .minus-icon{
    display:inline;
}
.show-text .plus-icon{
    display:none;
}