html, body {
    font-family: Arial, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 2vh;
}

a {
    color: #8A8A8A;
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }

h1 {
    font-size: 2.5vh;
}

.aed-container {
    max-width: 60vh;
    color: #8A8A8A;
}

.w-7 {
    width: 7%;
}

.w-40 {
    width: 40%;
}

.w-48 {
    width: 48%;
}

.w-65 {
    width: 65%;
}

.w-90 {
    width: 90%;
}

.btn-base, .btn-red, .btn-green {
    color: #FEFEFE;
    outline: none !important;
}

    .btn-base:hover, .btn-red:hover, .btn-green:hover {
        color: #FEFEFE;
    }

.btn-base {
    background-color: #EAB527;
}

    .btn-base:hover {
        background-color: #E8CD8B;
    }

.btn-red {
    background-color: #FF6E00;
}

    .btn-red:hover {
        background-color: #FFA463;
    }

.btn-green {
    background-color: #67C100;
}

    .btn-green:hover {
        background-color: #AABF57;
    }

.img-button {
    cursor: pointer;
}

.popup-panel {
    padding: 10%;
}