body
{
    text-align: center;
    background-color: #071c24;
    position: absolute;
    margin: 0;
    width: 100%;
    height: 100%;
    align-content:center;
    font-family: 'Eczar', serif;
    font-weight: bold;
}

/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: #020a0e91; 
    margin-top: 3em;
    margin-bottom: 3em;
    border-radius: 30px;
  }
   
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #076969; 
    border-radius: 30px;
  }
  
  /* Handle on hover */
  ::-webkit-scrollbar-thumb:hover {
    background: #064e4e; 
  }
  

  form
{
  align-items:center;
  width: 50vw;
  height:30vh;
  position:absolute;
  top: 30%;
  left:50%;
  transform:translate(-50%, -50%);  
  align-items:center;
  text-align:center;
  
}
label
{
  font-size:2em;
  font-family:'Eczar', serif;
  color:#9fc3c3;
  transform:translate(-50% , -2em);
}
textarea
{
  background-color: #00000054;
  border: 2px solid transparent;
  color: #9fc3c3;
  text-overflow: wrap;
  width: 37.5%;
  height: 4em;
  resize: none;
  border-radius:5px;
}
input
{
  background-color: #00000054;
  border: 2px solid transparent;
  border-radius:5px;
  width: 50%;
  height:2em;
  position:relative;
  top:2.5em;
  left:-10%;
  margin-bottom:2em;
  color:#9fc3c3;

}
#name
{
  position:relative;
  left:25%;
}
button
{
  border-radius: 5px;
  background-color:#000000;
  color:#9fc3c3;
  font-size:1em;
  font-family:'Eczar', serif;
  width:5em;
  height:2.5em;
  cursor:pointer;
}