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%;
}

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

h3 {
   color: rgb(96, 30, 81);
   font-size: 32px;
   margin: 0 0 50px 0;
}

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

   main {
      width: 100%;
   }
}