style.css

*{
    box-sizing:border-box;
}
body{
    background-color: #131720;
    font-family: sans-serif;
}
h3{
    color:white;
}
.topnav{
    overflow: hidden;
    background-color: #131720;
    padding:10px;
}
.topnav a{
    float:left;
    display:block;
    color:white;
    text-align:centre;
    padding:14px 16px;
    text-decoration: none;
    font-size:1.2rem;
    text-transform:uppercase;
}
.topnav .search-container{
    float:right;
}
form{
    background-color: #151f30;
    width:300px;
    height:43px;
    border-radius: 11px;
    display:flex;
    align-items: center;
}
input{
    all:unset;
    font:15px systm-ui;
    color:white;
    height:100%;
    width:100%;
    padding:6px 9px;

}
.thumbnail{
    height:30%;
    width:70%;
    border-radius: 19px;  
    object-fit: fill;
    object-position: 2px 2px 2px 2px;
}
.column{
    float:left;
    width:25%;
    padding:10px 10px;
}
.card{
    border-radius: 19px;
    padding:15px;
    text-align: center;
    background-color: #151f30;
}