body, html {
    margin: 0;
    padding: 0;
}
.header-bg {
    display: flex;
    justify-content: center;
    align-items: center;
}

.button{
    margin: 1em;
    font-family: "Bauhaus 93";
    font-size: 1em;
    color: #34356B;
}

h2 { 
    font-family: "Bauhaus 93";
    font-size: 2.5em;
    color: #34356B;
}

h3 {
    font-family: "Bauhaus 93";
    font-size: 1.5em;
    color: #34356B;
}

table{
    display: flex-center;
    width: 70%;
    border-color: #000000;
    border-width: 10px;
}


.male {
    background-color: #7B68EE;


}
.female{
    background-color: #FFB6C1;
}

.pairs {
    background-color: #7FFF00;
}
.dance {
    background-color: #FFFF00;
}

@font-face {
    font-family: "Bauhaus 93";
    src: url("bauhaus-93/Bauhaus 93 Regular.ttf") format("truetype"); 
    font-style: normal; 
    font-weight: normal;
}