main {
  margin: auto;
  width: 50%;
  padding: 10px;
}
select {
  width: 200px !important;
}

p {
  font-size: 28px !important;
}



body,html{
           height: 100%;
           width: 100%;
           margin: 0;
           padding: 0;
           display: inline-block;
           position: relative;
           background-size: cover;
           overflow: visible;
           position: relative;
           /* font-family: 'Roboto', sans-serif; */
          
       }

#slide {
        height: 100%;
         width: 100%;
         z-index: -1;
         position: fixed;
         pointer-events: none;
    
        background-repeat: no-repeat;
        background-position: left top;
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
     }
     
     @-webkit-keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
     }
     
     @keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
     }
     
     .fadeIn {
        -webkit-animation-name: fadeIn;
        animation-name: fadeIn;
     }

     @-webkit-keyframes fadeOut {
      0% {opacity: 1;}
      100% {opacity: 0;}
   }
   
   @keyframes fadeOut {
      0% {opacity: 1;}
      100% {opacity: 0;}
   }
   
   .fadeOut {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
   }
       


.fbi, .card-body {
  font-size: 20px !important;
  color: crimson !important;
}

.card-header {
  font-size: 20px;
  background-color: black !important;
}

.card {
    border: solid 2px black !important;

}

#search, #clear {
  width: 100px;
}



     @-webkit-keyframes fadeOut {
      0% {opacity: 1;}
      100% {opacity: 0;}
   }
   
   @keyframes fadeOut {
      0% {opacity: 1;}
      100% {opacity: 0;}
   }
   
   .fadeOut {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut;
   }
       

/* 
.fbi, .card-body {
  font-size: 20px !important;
  color: crimson !important;
}

.card-header {
  font-size: 20px;
  background-color: black !important;
}

.card {
    border: solid 2px black !important;

}

#search, #clear {
  width: 100px;
}

