* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  width: 100%;
  height: 100%;
  background-color: rgb(48, 43, 39);
  display: flex;
  color: white;
  justify-content: center;
  align-items: center;
  flex-direction: column;

  font-family: ui-rounded, "Hiragino Maru Gothic ProN", Quicksand, Comfortaa,
    Manjari, "Arial Rounded MT", "Arial Rounded MT Bold", Calibri,
    source-sans-pro, sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;

  text-align: center;
}

h1 {
  font-size: 3rem;
}

.stripes {
  background: repeating-linear-gradient(
    45deg,
    #fcf264,
    #fcf264 20px,
    #1c1c20 20px,
    #1c1c20 40px
  );
  width: 100%;
  height: 32px;
  box-shadow: 0 0 8px black;
}

a,
a:visited {
  color: rgb(252, 218, 255);
}

img {
  max-width: 90vmin;
}