@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap');
body{font-family: 'Roboto Slab', serif;}
h1{animation-name: example;animation-duration: 4s;animation-iteration-count: infinite; animation-direction: alternate;}
@keyframes example {
  0%   {color: black;}
  100% {color: darkturquoise;}
}
a{text-decoration: none; color:teal;}
a:hover{color:#ff9966; text-decoration: underline;}
ul,ol{list-style-type:none;}


.bodyForm{
  margin: auto;
  width: 70%;
}
.homeForm{
  margin: 50px auto;
  padding: 20px;
  width: 70%;
  border-radius: 25px;
  background-color: white;
}
.homeLinkList{
  margin:0;
  padding:0;
  text-align: center;
}
.homeLinkList li{
  display: inline-block;
  margin-right:10px;
}
/*Form*/
input[type=text],[type=date], select, textarea {
  width: 100%; 
  padding: 12px; 
  border: 1px solid #ccc; 
  border-radius: 4px; 
  box-sizing: border-box; 
  margin-top: 6px; 
  margin-bottom: 16px; 
  resize: vertical 
}
input[type=radio],[type=checkbox] {
  padding: 12px; 
  margin-top: 6px; 
  margin-bottom: 16px; 
}

input[type=submit], [type=reset]{
  background-color: teal;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-right: 10px;
}
input[type=reset]{
background-color: #ccc;
}
input[type=submit]:hover {
  background-color: #ff9966;
}
input[type=reset]:hover{
background-color: #aaa;
}

.container {
  width: 100%;
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}
.btns{
  widows: 100%;
 display: flex;
  justify-content: right;
  align-items: right;
}

/*Search */
#searchSet{
  background-color: #e0ebeb;
  margin: 50px auto;
  padding: 20px;
  border-radius: 25px;
  border:none;
}
.searchForm{
  margin: auto;
  width:70%;
}
#fieldSearch{
  text-align: center;
  margin:5% 0;
}
#filter{ width:20% !important;}
#searchbar{
  width:50% !important;
}
.searchResult{
  margin:10px;
  padding:20px;
  border: dotted 1px green;
}
.searchResult:nth-child(odd){
  background-color: #eee;
}
.linkList{text-align: center;}
.linkList li{
  display: inline-block;
  background-color:#45a049: 
}
.linkList li:first-child{
  padding-right: 20px;
}
/*About*/

.accordion {
  background-color: #f0f5f5;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #b3ffff; 
}

.panel{
  padding: 20px;
  display: none;
  background-color: white;
  overflow: hidden;
}
.imgQ img{
  width: 100%
}