.main-banner {
    background-color: var(--roxo);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 1000'%3E%3Cg %3E%3Ccircle fill='%23510088' cx='50' cy='0' r='50'/%3E%3Cg fill='%23510c8e' %3E%3Ccircle cx='0' cy='50' r='50'/%3E%3Ccircle cx='100' cy='50' r='50'/%3E%3C/g%3E%3Ccircle fill='%23511594' cx='50' cy='100' r='50'/%3E%3Cg fill='%23511d9a' %3E%3Ccircle cx='0' cy='150' r='50'/%3E%3Ccircle cx='100' cy='150' r='50'/%3E%3C/g%3E%3Ccircle fill='%235124a0' cx='50' cy='200' r='50'/%3E%3Cg fill='%23512aa7' %3E%3Ccircle cx='0' cy='250' r='50'/%3E%3Ccircle cx='100' cy='250' r='50'/%3E%3C/g%3E%3Ccircle fill='%235030ad' cx='50' cy='300' r='50'/%3E%3Cg fill='%234f35b3' %3E%3Ccircle cx='0' cy='350' r='50'/%3E%3Ccircle cx='100' cy='350' r='50'/%3E%3C/g%3E%3Ccircle fill='%234e3bb9' cx='50' cy='400' r='50'/%3E%3Cg fill='%234c40bf' %3E%3Ccircle cx='0' cy='450' r='50'/%3E%3Ccircle cx='100' cy='450' r='50'/%3E%3C/g%3E%3Ccircle fill='%234a46c5' cx='50' cy='500' r='50'/%3E%3Cg fill='%23484bcb' %3E%3Ccircle cx='0' cy='550' r='50'/%3E%3Ccircle cx='100' cy='550' r='50'/%3E%3C/g%3E%3Ccircle fill='%234650d1' cx='50' cy='600' r='50'/%3E%3Cg fill='%234355d7' %3E%3Ccircle cx='0' cy='650' r='50'/%3E%3Ccircle cx='100' cy='650' r='50'/%3E%3C/g%3E%3Ccircle fill='%23405adc' cx='50' cy='700' r='50'/%3E%3Cg fill='%233c60e2' %3E%3Ccircle cx='0' cy='750' r='50'/%3E%3Ccircle cx='100' cy='750' r='50'/%3E%3C/g%3E%3Ccircle fill='%233765e8' cx='50' cy='800' r='50'/%3E%3Cg fill='%23326aee' %3E%3Ccircle cx='0' cy='850' r='50'/%3E%3Ccircle cx='100' cy='850' r='50'/%3E%3C/g%3E%3Ccircle fill='%232b6ff4' cx='50' cy='900' r='50'/%3E%3Cg fill='%232274f9' %3E%3Ccircle cx='0' cy='950' r='50'/%3E%3Ccircle cx='100' cy='950' r='50'/%3E%3C/g%3E%3Ccircle fill='%231679FF' cx='50' cy='1000' r='50'/%3E%3C/g%3E%3C/svg%3E");
    background-attachment: fixed;
    background-size: contain;
    height: 800px;
    border-bottom: 10px solid #000;
    padding-top: 115px;
    padding-left: 90px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
}

.main-banner .wrapper {
    display: flex;
    flex-direction: column;
    width: 630px;
}

.main-banner .main-box {
    margin-bottom: 38px;
}

.main-banner .navigation {
    display: flex;
    justify-content: space-around;
}