/*Algumas configurações basicas*/
header {
    height: 45em;
    background: url(/img/Background/Dance.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    margin-bottom: 4em;
}

header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 0;
}

p { max-width: 35em; }

section { padding: 4em 0; }

h2 { margin-bottom: 1.5em; }

@media screen and (max-width: 600px) {
    header {
        height: 30em;
    }
}

@font-face {
    font-family: "MarkMyWords";
    src: url(/font/mark_my_words.ttf) format(truetype);
}

.font-dj {
    font-family: "MarkMyWords";
}

.mart {
    margin-top: 30px;
    margin-inline: 5px;
}

.marb {
    margin-block: 5px;
}