@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap');

html,
body {
    height: 100%;
    background-color: black;
    font-family: 'Ubuntu', sans-serif;
}

.page-container {
    max-width: 600px;
    width: 100%;
    padding: 20px;
}

.logo {
    max-width: 210px;
}

.divider {
    background: #747474;
    margin: 0;
    margin: 15px 0;
    width: 70%;
    height: 1px;
    margin: 25px auto;
}

.list-group .list-group-item {
    background-color: transparent;
    border:none;
}

.list-group-item {
    padding: 0px;
}

a {
    color: white;
    text-decoration: none;
}

a:hover {
    color: #cbcbcb;
}

.light-mode{
    background-color: #f9f9f9;
}

.light-mode .text-white,
.light-mode a{
    color: black !important;
}

.light-mode .divider{
    background-color: black;
}

.light-mode a:hover{
    color: #464646 !important;
}

.fade-in {
    animation: fadeIn ease 1.5s, visibility 1.5s;
    -webkit-animation: fadeIn ease 1.5s;
    -moz-animation: fadeIn ease 1.5s;
    -o-animation: fadeIn ease 1.5s;
    -ms-animation: fadeIn ease 1.5s;
    visibility:hidden;
}

.fade-in.active{
    visibility: visible;
}

.animation-delay-1{
    animation-duration: 1500ms !important;
    animation-delay: 200ms !important;
}

.animation-delay-2{
    animation-duration: 1500ms !important;
    animation-delay: 400ms !important;
}

.animation-delay-3{
    animation-duration: 1500ms !important;
    animation-delay: 600ms !important;
}

@keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;visibility:visible;}
}

@-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-o-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@-ms-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
}

@media screen and (max-width: 992px) {
    .divider {
        width: 95%;
    }
}