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

body {
  min-height: 160px;
  min-width: 250px; 
}

html {
  display: flex;
  height: 100vh;
  width: 100vw;
  place-content: center;
  place-items: center;
  background: linear-gradient(120deg, #b0e6ff, #bab5ff, #ffe0ce);
}

main {
  display: flex;
  flex-direction: column;
  gap: 20px;
  place-content: center;
  place-items: center;
}

div {
  height: 80px;
  width: 250px;
  text-align: center;
}

button {
  width: 15em;
  height: 3em;
  font-size: 16px;
  line-height: 1.35;
  background-color: #d5d9ff;
  border: 1.75px solid #171e4773;
}

button:hover {
  border: 1.75px solid #3f4983;
}

button:active {
  background-color: #bec6ff;
}

span {
  font-size: 0.8em;
}