section.section > div {
    min-height: 80vh;
}

section.parallax > div {
    min-height: 100vh;
}

.section.section-default {
    background-color: lime !important;
    color: black !important;
}

.section.section-white {
    background-color: white !important;
    color: #004077 !important;
}

.section.section-blue {
    background-color: #004077 !important;
    color: #f8f9fa !important;
}

.section.section-orange {
    background-color: #ec6608 !important;
    color: #f8f9fa !important;
}

code {
    display: inline-block;
    background-color: #e3f2fd;
    padding: 2px 6px;
    border-radius: 5px;
    color: #004077;
}


a.category {
    display: block;
    margin: 0 auto;
    width: 280px;
    scale: 1;
    transition: all 0.2s ease-in-out;
    /*
    box-shadow: -6px -6px 0 0 #ec6608, 6px 6px 0 0 #c51a1b, 0 0 24px 3px rgba(0,0,0,0.8);
    */
    box-shadow: 0 0 24px 3px rgba(0,0,0,0.8);
}
a.category:hover {
    /*
    box-shadow: -12px -12px 0 0 #ec6608, 12px 12px 0 0 #c51a1b, 0 0 24px 3px rgba(0,0,0,0.8);
    */
    scale: 1.05;
}

.card {
    transition: all 0.2s ease-in-out;
    box-shadow: 0 0 24px 3px rgba(0,0,0,0.8);

}