*{
    box-sizing: border-box;
}
body{
    background-color:#000;
    font-family: sans-serif;
}

section{
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

h3{
    color: #fff;
    text-align:  center;
    word-break:break-all;
    
}
.topnav{
    overflow: hidden;
    display:grid;
    grid-template-columns: repeat(3, 1fr);
    background-color: #413d3d;
    padding:10px 0 0 10px;
}


.topnav a{
    float:left;
    display: block;
    color: #fff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-right: 100px;
    

}

.topnav .search-container{
    display:flex;
}
input::placeholder{
    font-size: 22px;
}
form{
    background-color: #151f30;
    width: 300px;
    height: 45px;
    border-radius: 11px;
    display: flex;
    align-items: center;
    text-align: left;
    margin:0 0 0 200px;
}
img{
    width: 50px;
    margin-left: 40px;
}

input{
    all: unset;
    font: 15px system-ui;
    color:#fff;
    width: 100%;
    height: 100%;
    padding: 6px 9px;
    float:right;
 
    text-align: left;
}
.column{
    
    width:100%;
    padding: 10px 10px;
}

.card{
    border-radius: 20px 20px 10px 10px;
    
    text-align: center;
    padding: 20px 0 10px 0;
    margin-bottom:20px;
    background:blue;
}
.card:hover{
    
    transition: 0.3s ease-in-out all;
    opacity:0.5;
    cursor: pointer;
    transform: translateY(20px);
}

.thumbnail{
    height: 350px;
    width:300px;
    margin:10px 10px 3px 10px;
    border-radius: 20px;
}




    .topnav{
        justify-content: space-evenly;
        gap:2rem;
        grid-template-columns: repeat(2, 1fr);
    }
  
  
        .topnav{
            justify-content: space-evenly;
            padding:10px 20px 5px 0;
            gap:3rem;
            grid-template-columns: repeat(3, 1fr);
        }
        footer{
            color: #fff;
            font-size: 22px;
            font-family: 'Times New Roman', Times, serif;
        }