@import url('https://fonts.googleapis.com/css2?family=Atkinson+Hyperlegible+Next:ital,wght@0,200..800;1,200..800&family=Atkinson+Hyperlegible:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body {
    background-color: rgb(211, 209, 230);
    margin: auto;
    margin-top: 2em;
    margin-bottom: 5em;
    text-align: center;
    max-width: 40em;
    font-family: 'Atkinson Hyperlegible Next', sans-serif;
}

.zoomies {
  max-width: 100%;
}

.shramp {
  max-width: 10em;
  border: none;
}

table {
  margin: auto;
}

h1 {
    background-color: aliceblue;
    max-width: 20em;
}

p {
    padding: 1em;
    background-color: azure;
    text-align: justify;
    margin: auto;
    margin-top: 1em;
    max-width: 20em;
}

.button {
  display: inline-block;
  margin-top: 1em;
  padding: 1em 1em;
  font-size: 1em;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #fff;
  background-color: #9042c8;
  border: none;
  border-radius: 2em;
  box-shadow: 0 9px #99999984;
}

.button:active {
  box-shadow: 0 5px #999999da;
  transform: translateY(4px);
}

img {
  display: block;
  margin: auto;
  min-height: 1em;
  border: 0.5em solid #a795ce;
  max-width: 100%;
}

video{
  display: block;
  margin: auto;
  min-height: 1em;
  border: 0.5em solid #a795ce;
  max-width: 100%;
}

footer{
    margin-top: 1em;
}