body {
    width: 100vw;
    height: 100vh;
    margin: 0;

}

#main {
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
    height: 100%;
}




#main::before {
    content: "";
    position: absolute;
    z-index: -1;
    background: url(background.png) 0 0 repeat;
    background: url('assets/LGBTI_Flag.svg') no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;


    width: 100vw;
    height: 100vh;
}

@media only screen and (max-width: 1200px) {
    #main::before {
        width: 100vh;
        height: 100vw;
        transform: rotate(90deg);
    }
}



h1 {
    font-size: 8em;
    color: rgb(147, 67, 238);
}