body {
    width: 100vw;
    height: 100vw;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.animated-bg {
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgb(157, 229, 255) 100%
    );
    background-size: 100% 200%;
    background-attachment: fixed;
    animation: animateBackground 2s ease-in-out infinite alternate;
}

@keyframes animateBackground {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 50% 20%;
    }
}

.topbar {
    position: fixed;
    width: 100vw;
    padding: 0 30px 0px 30px;
    background-color: white;
}

.main-content {
    max-width: 700px;
    padding: 20px;
}

.logo {
    max-width: 279px;
    width: 100%;
}

.fs-4 {
    font-weight: bold;
    color: #0a47b1;
}

.fs-4:hover {
    color: #1a5cd8;
}

h1 {
    color: #0a47b1 !important;
}

svg {
    color: #0a47b1;
}

svg:hover {
    color: #1a5cd8;
}

.btn-primary {
    background-color: #0a47b1 !important;
    border-color: #0a47b1 !important;
}

.btn-primary:hover {
    background-color: #1a5cd8 !important;
    border-color: #1a5cd8 !important;
}

.btn-outline-secondary {
    background-color: #f0f2ff !important;
    border-color: #3f51b5 !important;
    color: #3f51b5 !important;
}

.btn-outline-secondary:hover {
    background-color: #bcc3f0 !important;
}