@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');

::selection {
  background-color: #35afe3;
  color: white;
}
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
body{
    background: #89CFF0;
  min-height: 100vh;
}



@keyframes fade-in {
  from {
    opacity: 0;
    transform: translateY(-150px); 
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-out {
      from {
        opacity: 1;
        transform: translateY(0);
      }
      to {
        opacity: 0;
        transform: translateY(-150px);
      }
}
.opening {
    animation: fade-in 0.25s;
}
.closing {
    animation: fade-out 0.25s;
}
.search_results {
    overflow: hidden;
    background: #F8F8FF;
    width: 800px;
    min-height: 400px;
    margin: auto;
    margin-top: 90px; 
    margin-bottom: 20px; 
    border: none;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.search_result_tile-main {
  padding: 10px;
  font-size: 22px;
  color: gray;
  border-bottom: 1px solid gray;
  display: block;
  font-weight: bold;
}
.search_result_tile {
  padding: 10px;
  font-size: 18px;
  color: gray;
  border-bottom: 1px solid gray;
  display: block;
  font-weight: bold;
}

.search_result_a {
  padding: 5px;
  font-size: 16px;
   display: block
}
.search_result_a:hover {
  border-bottom: 1px solid gray;
  cursor: pointer;
}
.body_overflow_hidden {
    overflow: hidden;
}


.body-table {
  width: 100%; 
  font-size:16px; 
  font-family:Arial, Helvetica, sans-serif; 
  border-collapse: collapse; 
  text-align: center;
}
.head-tr {
  text-transform: uppercase; 
  font-weight: bold; 
  background-color: #A7CBD9;
}
.head-tr td {
  padding: 15px; 
  text-align: center;
}
.body-tr {
  padding: 15px;
}
.body-tr td {
  padding: 15px; 
  text-align: center;
}