/*html {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

/*body {*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    color: white;*/
/*}*/

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

main {
    flex: 1;
}

footer.container {
    background: rgb(6, 129, 190);
    color: #ffffff;
    width: 100%;
    max-width: 100%;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}

main {
    padding-top: 110px;
}

@media only screen and (max-width: 600px) {
    main {
        padding-top: 150px;
    }
}

.custom-gradient-bg {
    background: linear-gradient(#202a44, #0a2a56);
    height: 100vh;
}

.custom-light-bg{
    background: #ced9e5;
    color:#0a2a56;
}

.custom-card-style{
    border-radius: 1rem;
    width: 450px;
}

@media (max-width: 450px) {
    .custom-card-style {
        width: 90vw;
    }
}