html {
    scroll-behavior: smooth;
}

body {
    position: relative;
}

body.dark-mode {
    background-color: black;
}

.main {
    background-color: #005655;
}

.main-nav {
    background-color: #005656;
}


li.nav-item>a.nav-light.nav-link {
    color: white;
}

.row.about-title-container {
    padding-top: 2%;
    padding-bottom: 2%;
}

.text-center {
    padding: 2%;
    color: #e4dede;
}

.home-page {
    position: relative;
    height: 650px;
}

.home-section {
    position: relative;
    color: white;
    font-size: 25px;
    width: 330px;
    padding-top: 15%;
    z-index: 10;
}

.home-img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.home-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .3);
}

.about-img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 1%;
}

.about-img-container.col-sm {
    padding-bottom: 2%;
}

.about-us {
    text-align: center;
    background-color: #AFBBAF;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
}

.btn {
    border-radius: 10%;
}

.about_paragraph {
    margin: 5%;
    padding: 5%;
    text-align: revert;
    font-size: large;
}

.description {
    margin-top: 20px;
    margin-bottom: 0.5rem;
    text-align: center;
}

#description.dark-mode {
    color: white;
}

#description-scroll {
    padding: 4%;
    margin: 2%;
    text-align: center;
}

.description_paragraph {
    text-align: center;
    margin: 3%;
    padding: 0%;
}

.about-use-history {
    background-color: #AFBBAF"

}

.week {
    text-align: center;
    padding: 5%;

}

.week.dark-mode {
    color: white;
}

.media {
    align-self: center;
}

.media.dark-mode {
    color: white;
}

.align-self-center {
    border-radius: 5%;
}

.align-self-end {
    border-radius: 5%;
}

.change-animes {
    border-top-style: solid;
    border-top-color: #005655;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #005655;
    border-bottom-width: 1px;
    padding: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
}

.anime-img {
    padding: 10%;

}

.card {
    background-color: #AFBBAF;

}

.card-body {
    background-color: #AFBBAF
}

footer {
    text-align: center;
    background: #005655;
    color: aliceblue;
    font-family: 'Courier New', Courier, monospace;
    padding: 2%;
}