body {
  background-color: white;
  }

button {
    
    background-color: #008CBA;
    color: white;
    padding: 10px 10px;
    text-align: center;
    border: solid white 3px;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    font-family: verdana;
    word-wrap:break-word;
    transition:0.2s;
    margin-top: 10px;
    width: 16ch;
  }
button:hover {
    border: white solid 3px;
    color: black;
    background-color: white; 
  }
button:active {
    scale: 90%;

}

minibutton {
    color: white;
    text-decoration: white underline;
  }

title
{
  background-color: #008CBA;
  display: block;
    color: white;
    width: 24ch;
    padding: 5px;
    text-align: center;
    text-decoration: none;
    margin: right;
    font-size: 24px;
    border-radius: 5px;
    font-family: verdana;
   }
.horizontal-center {
                display:inline-block;
                margin: 0;
                position: relative;
                left: 50%;
                transform: translateX(-50%);
              }
.container {
        height: 200px;
        position: relative;
        border: 3px solid green;
      }

box
     {
    background-color: #008CBA;
    text-align:center;
    border-radius:7px;
    color:white;
    font-family:verdana;
    display: inline-block;
    padding: 1%;
    transition:0.5s;
  }

bottom-box {
    position:fixed;
    display:inline-block;
    bottom: 0px;
    left: 0%;
    width: 100%;
    background-color: #008CBA;
    text-align: center;
    background-color: #008CBA;
    text-align:center;
    border-radius: 7px ;
    color:white;
    font-family:verdana;
    
  }


.infobox
     {
    background-color: #008CBA;
    text-align:center;
    border-radius:5px;
    color:white;
    font-family:verdana;
    display: inline-block;
    padding: 10px 10px;
  }
.search-button
     {
      text-align:center;
      border-radius: 7px;
      transition:0.3s;
      background-color: white;
      color:black; 
      border:white solid 3px;
 }
.search-button:active
     {
     
      transform:scale(90%);
      
  }
.text-input-box
  {
      text-align:center;
      border-radius: 7px;
      background-color: white;
      border:white solid 3px;
      color:black;
      outline:none;
  }

.box-animate
  {                  
    background-color: #008CBA;
    text-align:center;
    color:white;
    font-family:verdana;
    display: inline-block;
    transition:0.3s;
  }
  
.box-animate:hover
  {
    background-color: amber;
    color: white;
    text-align: left;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    transition:0.3s;
  }

.red {color: #ff0000;}
.green {color: #00ff00;}
.yellow {color: #ffff00;}
.leftalign{text-align: left;}

.hidden{display:none;}

.comicsans{font-family: "Comic Sans MS", "Comic Sans", cursive;}