* {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  font-family: Lato, sans-serif;
}

#Container {
  margin: auto;
  display: flex;
  justify-content: space-around;
}

#main>h1 {
  margin-top: 20px;
  text-align: center;
  font-size: 50px;
  line-height: 1.17;
  font-weight: 550;
}

#main>h3 {
  font-family: "geomanist-regular", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.36;
  color: #767676;
  text-align: center;
  margin-bottom: 1.5rem;
}

tr>th {
  border: 1px solid transparent;
  background-color: #57bb71;
  color: white;
  padding: 4px 6px;
  font-size: medium;
  font-weight: bold;
  padding: 10px 20px;
}

form {
  display: flex;
  flex-direction: column;
  width: 30%;
  padding: 15px 30px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

form>input {
  display: block;
  margin-bottom: 10px;
  margin: auto;
  width: 100%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border: transparent;
  padding: 15px 0;
  border-radius: 5px;
  margin-top: -10px;
}

#form>input::placeholder {
  padding-left: 10px;
  color: #a5b0bb;
}

form>select {
  display: block;
  margin-bottom: 10px;
  width: 100%;
  margin: auto;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  border: transparent;
  padding: 15px 0;
  border-radius: 5px;
  margin-top: -10px;
}

label {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  font-weight: 600;
  margin-top: 10px;
}

form>input:last-child {
  background-color: #57bb71;
  color: white;
  border-radius: 4px;
  width: 100%;
  margin: 15px 0;
}

form>input:last-child:hover {
  background-color: #2ae35b;
  box-shadow: 0 0 30px 0 rgb(26 191 104 / 40%);
  cursor: pointer;
}

form>h3 {
  font-weight: 400;
  font-size: 1.375rem;
  text-align: center;
  margin: 1.5rem 0;
}

table {
  width: 100%;
  height: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

#table {
  width: 55%;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

tbody>tr>td {
  text-align: center;
  width: 50%;
  border: 1px solid transparent;
  background-color: #57bb71;
  color: white;
  font-size: medium;
  font-weight: bold;
  padding: 10px 20px;
}

tbody>tr>td:last-child:hover {
  cursor: pointer;
  background-color: #1de151;
}

#footer {
  background-color: black;
}

#filter {
  margin: 0px 0px 8px 1350px;
  padding: 10px 15px;
}