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

/*** ALLGEMEIN ***/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
body {
  display: flex; /* Flexbox aktivieren */
  justify-content: center; /* Horizontal zentrieren */
  align-items: center; /* Vertikal zentrieren */
  height: 100vh; /* Höhe des Viewports */
  margin: 0; /* Standardabstände entfernen */
  font-family: "EB Garamond", serif;
  font-size: 1.15em;
  padding: 20px;
  background-color: #fff;
  color: #000;
  text-align: center;
  line-height: .9em;
}
.centered {
  width: 500px;
  margin: auto;
}

.logo {
  display: block;
  margin: auto;
  width: 80px;
  animation-name: example;
  animation-duration: 10s ;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes example {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(360deg);}
}

a {
  text-decoration: none;
  color: white;
  background-color: black;
  border-radius: 5px;
  padding: 3px 5px;
}

::selection {
  background-color: #b5ff35c4;
}

@media only screen and (max-width: 500px){
.centered{
  width: 100%;
}
body {
  font-size: 1.3em;
}
}