main {
  min-height: 100vh;

}

body {
  /* background: rgb(0, 80, 173); */
  background: linear-gradient( rgba(0, 200, 154, 1) 0%, #0050ad 100%);
}

* {
  color: #fff;
  font-family: 'Roboto', sans-serif;
}

footer {
  background-color: rgba(0, 200, 154, 1);
  padding: 20px;

}

header {
 background-color: rgba(0, 81, 173, 0.61);
}

.nav-link {
  color: #fff;
  font-size: 20px;
}
.nav-link:hover,.nav-link:focus  {
  color: #0051adc9;
}


.active {
  color: rgba(0, 200, 154, 1)!important;
  border-bottom: 1px solid;
}

.required {
  color: red
}

button {
  background-color: rgb(0, 200, 153);
  padding: 15px 20px;
  border-radius: 10px;
  border: none;
}

button:hover {
  background-color: rgb(23, 231, 183);

}

button:active {
  background-color: rgb(0, 200, 153);
}

.text-center {
  text-align: center !important;
  text-align: -webkit-center !important;
}

.text-lg {
  font-size: 20px;
}

.dropdown-menu {
  left: auto !important;
  right: 0 !important;
  background-color: rgb(23, 231, 183);
  padding: 15px;

}

.dropdown-item {
  color: rgb(36, 36, 36);
  font-size: 18px;
  padding: 20px;
  border-radius: 5px;
}

.dropdown-item:hover {
  background-color: rgb(177, 255, 237);

}

tr,th,td {
  color:rgb(36, 36, 36);
}

thead {
  border-bottom: 3px solid rgba(0, 80, 173, 1);
  font-size: 18px;
}

.submit button {
  margin-bottom: 10px;
}



#liveabilityScore {
  color: black;
  font-size: 100px;
  
}

.font-size-big {
  font-size: 20px;
}

.example-box {
  border: 1px solid #ccc;
  padding: 10px;
  background-color: #f9f9f9;
}