body{
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin:0;
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 0;
  background-color: rgba(241, 245, 245, 0.845);
  height:100vh;
}
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  background-color: rgba(212, 235, 237, 0.845);
  border: 1px solid whitesmoke;
}
::-webkit-scrollbar-thumb{
  background-color: rgb(7, 114, 114);
  border-radius: 2px;
}
/* Header */
.fa-solid.fa-paw{
  position: relative;
}
.fa-solid.fa-paw::after{
  content: "\271A";
  color: red;
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -14%;
  font-size: 16px;
}
.main-heading{
  position: absolute;
  margin-top: 18px;
  height: 40px;
  font-family:monospace ;
  background-color: rgb(7, 114, 114);
  border-radius: 10px;
}
.main-heading a{
  color: black;
  text-decoration: none;
}
.links-container{
  display: flex;
  justify-content: center;
  height: 66px;
  background-color: rgba(212, 235, 237, 0.845);
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
}
.upon-link{
  padding: 0;
  transition: 
    background-color .75s ease-in-out, 
    color .5s ease-in-out, 
    transform .5s ease-in-out;
}
.upon-link > a{
  text-decoration: none;
  color:cadetblue;
  display: block;
  width: 100px;
  height: 66px;
  text-align: center;
  padding-top: calc(44px - 1.2em);
  font-size: 1.2em;
  background-color: transparent;
}
.upon-link:hover{
  background-color:rgb(7, 114, 114);
  transform: translateY(-5px);
}
.upon-link:hover a{
  color: whitesmoke;
  transition: inherit;
}
.upon-header{
  border: 2px solid whitesmoke;
  border-right: 0;
  overflow: hidden;
}
.upon-heading{
  text-align: center;
}
/* Main */
@media only screen and (max-width: 840px) {
  .main-heading{
    display: none;
  }
  .upon-link > a{
    font-size: 16px;
  }
  .upon-link > a{
    width: 60px;
    padding-top: calc(33px - 1.2em);
  }
}
@media only screen and (max-width: 440px) {
  .main-heading{
    display: none;
  }
  .upon-link > a{
    font-size: 10px;
  }
  .upon-link > a{
    width: 40px;
    padding-top: calc(33px - 1.2em);
  }
  .survey-form{
    display: none;
  }
}
fieldset{
  border-radius: 5px;
  margin-top: 10px
}