@import url('https://fonts.googleapis.com/css2?family=Palanquin+Dark:wght@400;500;600;700&display=swap');
body {
    font-family: Arial, sans-serif;
  font-family: "Freehand", cursive;
            margin: 0;
            padding: 0;
}
.bg{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
    align:center;
    text-align:center;
    opacity:1;
	    animation-delay: .2s;
  animation-name: bg;
  animation-duration: 1s;
animation-fill-mode: forwards;
}
.bg img {
    height:100%;
    width:auto;
    margin: 0 auto;
}
        .container {
            width: 80%;
            margin: auto;
            overflow: hidden;
	    opacity:0;
	    animation-name: fg;
	    animation-delay: .2s;
  animation-duration: 1s;
  animation-fill-mode: forwards;
        }
	
        header {
            background: #50b3a2;
            padding-top: 30px;
            min-height: 70px;
            border-bottom: #e8491d 3px solid;
	    text-align: center;
        }
        header a {
            text-decoration: none;
            text-transform: uppercase;
            font-size: 16px;
        }
        header ul {
            padding: 0;
            list-style: none;
        }
        header li {
            display: inline;
            padding: 0 20px 0 20px;
        }
        .showcase {
            min-height: 400px;
            text-align: center;
        }
        .showcase h1 {
            margin-top: 100px;
            font-size: 55px;
            margin-bottom: 10px;
        }
        .showcase p {
            font-size: 20px;
        }
        .content {
            padding: 20px;
        }
        .content h2 {
            color: #333;
        }
        .content p {
            line-height: 1.6;
        }
        footer {
            color: yellow;
            background: #aa0000;
            text-align: center;
            padding: 10px;
            margin-top: 20px;
}

@keyframes bg {
  0% {opacity: 1;}
  75% {opacity: 1;}
  100% {opacity: .05;}
}
@keyframes fg {
  0% {opacity: 0;}
  75% {opacity: 0;}
  100% {opacity: 1;}
}