* {
  box-sizing: border-box;
  image-rendering: pixelated;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  font-family: arial;
  transition: 0.4s;
  margin: 0;
  padding: 0;
}

:root {
  --grey: #231f20;
  --darkgrey: #080707;
  --white: #e5dbe9;
  --red: #290306;
  --lightred: #70161e;
  --green: #001711;
}

html {
  background:var(--darkgrey);
  color:var(--white);
}

h1 {
  font-family: "Jolly Lodger", system-ui;
  font-size:40px;
}

.center {
  text-align:center;
  margin:auto;
  font-family: "Jolly Lodger", system-ui;
  height:100%;
  max-width:500px;
  padding:24px
}

.center img {
  display:block;
  margin:auto;
  min-width:40%;
  max-width:100%;
  filter: drop-shadow(0px 0px 2px var(--white));
}

.center a {
  color:var(--white);
  text-decoration:none;
}

.center a:hover {
  color:var(--lightred)
}

.image {
  animation: float 3s ease-in-out infinite;
}

@keyframes float {
            0% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-8px);
            }

            100% {
                transform: translateY(0);
            }
        }