body {
	
  font-family: serif;
	font-size: 115%;                    
	line-height: 1.7em;                     
	color: #2f2f2f;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}   

#content{
    width:100%;
    height:100%;
    margin-top: 130px;
    padding:3%;
    padding-left: 15%;
    padding-right: 15%;
    display:flex;
    justify-content:center;
}

.secret {
    display: none !important;
}

#no_results{
    display:flex;
    justify-content:center;
    text-align:center;
    width:100%;
    flex-direction:column;
    align-items:center;
  }


  .buttons_selection{
    width:80%;
    display:flex;
    justify-content:center;
    gap:32px;
  }


.button{
    background-color:#d6ffcb;
    color:#000;
    border-radius:32px;
    padding:12px;
    border:none;
  }

.button:hover{
    background-color:#2a581d;
    color:white;

}

.search_bar{
    display:flex;
    gap:8px;
    width:70%;
    border: 1px solid;
    border-color: #ccc;
    
  }


  #searchForm{
    width:70%;
    border: .5px solid transparent;
    
  }

  #search{
    width:100%;
    margin-bottom:32px;
    display:flex;
    align-items:center;
    justify-content:Center;
  }

  .text_box{
    width:90%;
    border-radius:4px;
    border: .5px solid;
    /* outline:auto; */
    
  }
  .search{
    background-color:#fff;
    outline:auto;
  }

  

h1{
    color:#2f2f2f;;
    font-size: 6vh;
    text-decoration: none;
    margin-bottom:15px;
    font-weight:bold;
}

a{
    text-decoration: none;
}