body {
  margin: 0;
  padding: 0;
  background-color: #000000;
  overflow-y: hidden;
}

@font-face {
    font-family: 'Gothic';
    src: url('../fonts//OldEnglishGothicPixelRegular-ow2Bo.ttf') format('truetype');
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100vh;
}

.container h1{
    font-size: 32px;
    font-family: 'Gothic', Courier, monospace;
    
    animation: rainbow 2s linear infinite;
}

@keyframes rainbow {
    0% { color: #ff0000; }
    16.6% { color: #ff7f00; }
    33.3% { color: #ffff00; }
    50% { color: #00ff00; }
    66.6% { color: #0000ff; }
    83.3% { color: #4b0082; }
    100% { color: #8b00ff; }
}

.container h1 {
    text-shadow: 0 0 10px currentColor, 0 0 20px currentColor, 0 0 30px currentColor;
}

#dancing-gif {
    
}

@media (max-width:430px) {
    .container h1 {
        font-size: 24px;
        text-align: center;
    }
}