body {
    background-color: black;
    color:rgb(189, 221, 217);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

header{
    text-align: left;
    font-size: 100%;
}

.genre /*for scroll*/ {
    font-size: 120%;
    font-family:sans-serif;
    margin: 2%;
}

div a /*for scroll*/ {
    text-decoration: none;
}

.action /*for scroll*/ {
    overflow: hidden;
    width: 100%;
}

.list /*for scroll*/ {
    display: flex;
    flex-wrap: nowrap;
    gap: 1px;
    animation: scroll 20s linear infinite;
}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {transform: translateX(-100%)}
}

.list img /*for scroll*/ {
    width: 150px;
    height: 200px;
    object-fit: cover;    
}

.the_movies /*for display*/ {
    display:flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    justify-content:space-evenly;
}

.the_movies img /* for display*/ {
    height: 120px;
    width: 100px;
    border-radius: 5px;
    border: none;
    object-fit: cover;
}

.view /*for scroll*/ {
    text-align: right;
    text-decoration:none;
    display: block;
    color: antiquewhite;
}

.movies /*for scroll*/ {
    border-radius: 20px;
    background-color: rgb(14, 20, 20);
    border-width: 100%;
    height: max-content;
    margin: 5px;
    padding: 10px;
}

.images /*for scroll*/ {
    border-radius: 20px;
    width: 30%;
    padding: 10px;
    margin: 10px;
}

.top-navigation /*for display*/ {
    display:block;
    text-align: right;
    text-decoration: none;
}

.nav /*for display*/ {
    font-family: Arial, Helvetica, sans-serif;
    color:azure;
    font-size: 70%;
    padding: 5px;
    margin: 5px;
}

.search /*for list*/ {
    text-align: left;
    width: 100%;
    height:max-content;
    font-size: 100%;
    padding: 1px;
    border-radius: 5px;
    border: none;
    height:fit-content;
}

.search_icon /*(for display*/ {
    width:10%;
    margin:1px;
    margin-bottom: 25px;
    padding: 0.6px;
}

footer {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 50%;
    color: white;
    font-weight: bold;
    text-align: right;
    padding: 1px;
    margin: 1px;
}