html,
body {
   background-color: #ffffff;
   margin: 0;
   position: fixed;
   height: 100%;
   width: 100%;
}

main {
   height: 100%;
   width: 80%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   color: #212121;
   margin: auto;
}

img {
   width: 80%;
   margin-bottom: 20px;
}

p,
small,
h3,
a {
   text-align: center;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

a {
   color: #1559ed;
   text-decoration: none;
}

small.slogan {
   color: #212121;
   font-size: 16px;
}
small.slogan + h3 {
   color: rgb(96, 30, 81);
}

@media (min-width: 768px) {
   img {
      width: 400px;
      margin-bottom: 10px;
   }
   .md\:fixed-right {
      position: fixed;
      width: 100%;
      display: flex;
      justify-content: flex-end;
      right: 0;
   }

   main {
      width: 100%;
   }
}