.logo {
    font-family: 'Mountains of Christmas', cursive;
    font-size: 25px;
  }
  
.logo_sm {
    font-family: 'Mountains of Christmas', cursive;
    font-size: 16px;
  }

.message {
  font-family: 'Space Mono', monospace;
}

.roboto {
  font-family: 'Roboto Slab', serif;
}

.doris {
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
}

  .dot {
    height: 40px;
    width: 40px;
    background-color: rgb(168, 196, 231);
    border-radius: 50%;
    border: 2px solid rgb(81, 184, 40);
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: rgb(121, 112, 112);

  }

  .dot:hover {
    border: 2px solid rgb(255, 166, 166);
  }

  .dot2 {
    height: 40px;
    width: 40px;
    background-color: rgb(168, 196, 231);
    border-radius: 50%;
    border: 2px solid rgb(167, 163, 163);
    display: inline-block;
    text-align: center;
    font-size: 20px;
    color: rgb(121, 112, 112);

  }

  .dot2:hover {
    border: 2px solid rgb(81, 184, 40);
  }


  .dot3 {
    height: 25px;
    width: 25px;
    background-color: rgb(235, 176, 176);
    border-radius: 50%;
    border: 2px solid rgb(245, 164, 88);
    display: inline-block;
    text-align: center;
    font-size: 13px;
    color: rgb(121, 112, 112);

  }

  .dot3:hover {
    border: 2px solid rgb(81, 184, 40);
  }

  .full {
    border: 2px solid rgb(140, 212, 179);
  }

  .signUp {
    background-color: rgb(176, 236, 179);
  }

  a.home {
    color: rgb(90, 161, 241);
  }

  a.home:hover {
    color: rgb(223, 142, 105);
  }

  div.card.bg-light.text-dark.table_shadow {
    -webkit-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    -moz-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
  }

  div.card.table_shadow {
    -webkit-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    -moz-box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
    box-shadow: -7px 9px 9px -2px rgba(0,0,0,0.54);
  }

  #panel {
    display: none;
  }

  #test {
    color: rgb(55, 0, 255);
  }

  .requiredField {
    color:hsl(14, 100%, 68%);
}

.center {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.center2 {
  margin: 0;
  position: absolute;
  color:grey;
  top: 55%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-family: 'Mountains of Christmas', cursive;
  font-size: 20px;
}

.anton {
    font-family: 'Anton';
    text-align: center;
  }

  .Moderate,.NoR,.No {
    color:rgb(65, 65, 65);
    background: rgb(12, 133, 22);
    text-align: center;
    font-family: 'Anton'; 
  }

.High {
    color:rgb(65, 65, 65);
    background: rgb(242, 255, 54);
    text-align: center;
    font-family: 'Anton'; 
  }

.Extreme {
    color:rgb(65, 65, 65);
    background: rgb(255, 155, 25);
    text-align: center;
    font-family: 'Anton'; 
  }

.Closed {
    color:rgb(65, 65, 65);
    background: rgb(255, 25, 25);
    text-align: center;
    font-family: 'Anton'; 
  }

.circle {
    width: 200px;
    height: 200px;
    line-height: 200px;
    margin: auto;
    text-align: center;
    shape-outside: circle();
    clip-path: circle();
}

.circleclosed {
    width: 200px;
    height: 200px;
    line-height: 200px;
    margin: auto;
    text-align: center;
    shape-outside: circle();
    clip-path: circle();
    background-image: url("../fire/android-chrome-512x512.png");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover;    
}

.bdr {
    border-radius: 6px;
    overflow: hidden;
  }

.rating {
    font-family: 'Anton'; 
    font-size: 25px; 
    color:rgb(22, 22, 22)
}

.fulltable {
    border-collapse: collapse;
    width: 100%;    
}

.fireicon {
    width: 20px;
    height: 20px;
}