/* All the overwriting of the default User Stylesheet are here */
/* All the overwriting of the default User Stylesheet are overwritten here */
body {
  font-size: 16px;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

input {
  padding: 10px;
  width: 70%;
  border: 2px solid var(--color-primary);
  border-radius: 4px;
  background-color: var(--color-white);
  font-size: 18px;
}

button {
  width: 20%;
  padding: 8px 10px;
  border-radius: 4px;
  border: none;
  font-size: 20px;
  font-weight: bold;
  font-family: inherit;
  background-color: var(--color-primary);
  color: var(--color-white);
  cursor: pointer;
}

button:hover {
  background-color: DodgerBlue;
}

ul {
  list-style: none;
}

h1 {
  padding: 10px;
}

main {
  width: 60vw;
  margin: 0 auto;
}

li:first-of-type {
  border-radius: 4px 4px 0 0;
}

li:last-of-type {
  border-radius: 0 0 4px 4px;
}

footer {
  padding: 20px 0;
}

h2 {
  width: 100%;
  margin: 0 20px;
}

select {
  width: 20%;
  background-color: #1E90FF;
  padding: 9px;
  border-color: var(--color-primary);
  border-radius: 4px;
  color: var(--color-white);
  font-size: 18px;
  font-weight: bolder;
  font-family: inherit;
  border: none;
  cursor: pointer;
}