body {
    background-color: #FFF;
    font: 18px Poppins, "Open Sans";
}

.header {
    width: 100%;
    background: url(../imgs/banner.jpg) no-repeat center top;
    background-size: cover;
    padding: 20px 0 50px 0;
    
    .navbar {
        border-radius: 10px;
        background: rgba(255,255,255,0.8);
        backdrop-filter: blur(5px) !important;
        -webkit-backdrop-filter: blur(5px) !important;
        display: inline-block;
        width: 100%;
    }
    .banner {
        padding: 30px 0;
        text-align: center;
        .h1 {
            background: #FF0;
            color: #000;
            padding: 10px;
            margin: 10px !important;
            display: inline-block;
        }
    }
    
}

.footer {
    background: rgb(31, 102, 26);
    color: #FFF;
    padding: 30px 0;
    margin-top: 30px;
    a {
        color: #FFF;
        text-decoration: none;
        &:hover {
            color: #FF0;
        }
    }
}

main {
    padding: 50px 0;
    h2 {
        text-transform: uppercase;
        color: green;
        margin: 30px 0;
    }
    .valor {
        font-weight: bold;
        color: red;
        font-size: 1.2em;
        small {
            font-size: 0.6em !important;
            font-weight: 200;
        }
    }
}

.card {
    padding: 10px;
    margin-bottom: 15px;
    small {
        font-size: 0.7em;
    }
    .badge-success {
        background: greenyellow;
        text-decoration: none;
        color: green;
        margin-top: 5px;
    }
}