@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
}

body { 
    animation: fadeInAnimation ease 1s;
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; 
}

* {
    margin: 0px;
    padding: 0px;
}

.btn-group button:disabled {
    border: 3px solid #f2e3bb;
    border-radius: 20px;
    padding: 5px 7px 5px 7px;
    background-color: transparent;
    color: #353637;
    background: #f2e3bb;
    opacity: 1;
}

.btn-group button:hover, .btn-group button:focus {
    border: 3px solid #f2e3bb !important;
    border-radius: 20px;
    padding: 5px 7px 5px 7px;
    background-color: transparent;
    color: #353637 !important;
    background: rgba(242, 227, 187) !important;
    opacity: 1;
    box-shadow: inset 0 -1px 0 #f2e3bb !important;
}

.btn-group button {
    border: 3px solid #f2e3bb;
    border-radius: 20px;
    padding: 5px 7px 5px 7px;
    background-color: transparent;
    color: #f2e3bb;
    background: #353637;
}

.page-item .page-link {
    color: #f2e3bb;
    background: #353637;
    border: none;
}

.page-item.active .page-link {
    color: #353637;
    background: #f2e3bb;
}

.page-item .page-link:active:focus {
    box-shadow: inset 0 0 0 #f2e3bb !important;
}

nav.navbar.navbar-expand-lg.navbar-dark.bg-dark {
    z-index: 10 !important;
}