.roboto-text {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}


.submissionfield { 
  width: 200px;
  height: 15px;
  border: 3px solid #19323cff;
  padding: 5px; 
  font-size: large;
  
   
}

.outer{
  background-color:#00a9a5ff;
  color: #19323cff;;
  display:flex;
  align-items: center;
  flex-direction: column;
  font-family: Roboto;

}

.formss{
  display:flex;
  flex-flow: row wrap;
  width: 500px;
  gap: 10px
}

.labelinputpair{
  display:flex;
  flex-direction:column;
}

#submitbutton{
  width:435px;
  height:40px;
  background-color: #90c2e7ff;
  color:black;
  border-color: #19323cff;

}

body {margin: 0;background-color:#00a9a5ff;}

table {
  border-collapse: collapse;
  width: auto;
}

td, th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 10px;
  height: 20px;
  white-space: nowrap;
}

tr {
  height: 20px
}

tr:nth-child(even) {
  background-color: #90c2e7ff;
}

tr:hover {background-color: #ddd;}