body {
    background:linear-gradient(0deg, rgba(176, 224, 230, 0.37), rgba(176, 224, 230, 0.37)), url("/images/hatter.jpg");
    background-size: fill;
    padding: 20px 20px;
  }
.tooltip {
    position: relative;
    display: inline-block;
  }
  
  /* Tooltip text */
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 240px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
   
    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
  }
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .tooltip:hover .tooltiptext {
    visibility: visible;
  }


@font-face {
    font-family: Font1;
    src: url("/fonts/Ubuntu.ttf");
  }

@font-face {
    font-family: Font2;
    src: url("/fonts/Merriweather.ttf");
  }

.udv{
    font-family: Font2;
    line-height: 30px;
    font-style: italic;
}

.regform{
    background-color: #eeeeee;
    width: 45%;
    padding: 20px 20px;
    font-family: Font2;
    
    
}


legend {
    background-color:  rgb(95,132,156);
    color:white;
    padding: 5px 10px;
    font-family: Font1;
  }


.h1{
  font-size: larger;
  line-height: 25px;
}

.idetable{
  border: 1px;
  border-color: black;
}