section {
    position: relative;
}

.padding-top {
    padding-top: 3%;
}

.padding-bottom {
    padding-bottom: 3%;
}

.none-section {
    background: #fff;
    color: #000;
}

.blue-section {
    background: #0092b4;
    color: #fff;
}

.orange-section {
    background: #e37224;
    color: #fff;
}

:is(.blue-section, .orange-section) a:link, :is(.blue-section, .orange-section) a:visited {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}

.orange-section a:hover {
    color: #834911;
}


.blue-section a:hover {
    color: #fff;
    color: #1a3580;
}

.yellow-section {
    background: #faee64;
    color: #343231;
}

.gray-section {
    background: #e5e5e5;
    color: #000;
}
:is(.gray-section) a:link, :is(.gray-section) a:visited {
    color: #fff;
    text-decoration: none;
    transition: all 0.3s ease;
}
.gray-section a:hover {
    color: #f2f2f2;
}