style.css

@font-face {
    font-family: 'CANAVAR Extra';
    src: url('CANAVAR-ExtraBold.woff2') format('woff2'),
        url('CANAVAR-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

* {
    font-family: 'CANAVAR Extra', sans-serif;
    text-shadow: #FC0 1px 0 10px;
}

.content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-items: stretch;
    justify-content: center;
    margin: auto;
    background-image: url(background.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 95vh;
}

.fade-in {
	-webkit-animation: fade-in 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
	        animation: fade-in 1s cubic-bezier(0.600, -0.280, 0.735, 0.045) both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-6-5 21:41:16
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-in
 * ----------------------------------------
 */
 @-webkit-keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }