* {
    font-family: 'Metal Mania', cursive;
  /* font-family: 'New Rocker', cursive; */
    /* font-family: 'Rock 3D', cursive; */
    --neutral: #E0E2DB;
    --secondary: #F45B69;
    --primary: #1F2232;
}

h1 {
    margin-top: 50px;
    font-size: 4rem;
    -webkit-text-stroke: 2px var(--primary);
    color: var(--secondary);
}

body{
    -webkit-text-stroke: 1.5px var(--primary);
    letter-spacing: 0.25ch;
    font-size: 2rem;
    color: var(--secondary);
    background-color: var(--neutral);
}

main{
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 80%;
    max-width: 800px;
  
}

.drips {
    border-radius: 87% 20%;
    background-color: #2e294e;
    min-height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

img {
    width: 80%;
}

.fly_in_left {
    animation: fly-in-left ease 1s;
}

.fly_in_right {
    animation: fly-in-right ease 1s;
}

@keyframes fly-in-left{
    0%{
        transform: translateX(-50%);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fly-in-right{
    0%{
        transform: translateX(50%);
        opacity: 0;
    }
    100%{
        transform: translateX(0);
        opacity: 1;
    }
}