index.css

* {
    font-family: "Fira Sans";
    margin: unset;
    padding: unset;
}

body {
    background: #d8d4c5;
}
.header {
    display: flex;
    justify-content: space-between;
    background: #cbb594;
    position: sticky;
    top: 0;
}
.logo {
    width: 100px;
}
.nav-items {
    padding: 0 20px;
}
.nav-items > ul{
    font-size: 24px;
    display: flex;
    list-style-type: none;
}
.nav-items > ul > li {
    padding: 10px;
    margin: 10px;
}

.search {
    padding: 10px 0;
}
.res-container {
    display: flex;
    flex-wrap: wrap;
}
.res-card {
    width: 200px;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
}
.res-card:hover {
    cursor: pointer;
    background-color: #e0e0e0 !important;
}
.res-card:hover .res-logo {
    scale: 1.1;
}
.res-logo {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: scale 1s ease;
}
.shimmer-container {
    display: flex;
    flex-wrap: wrap;
}
.shimmer-card {
    margin: 20px;
    width: 200px;
    height: 400px;
    background: #f0f0f0;
}

.login {
    padding: 0 20px;
    cursor: pointer;
}

.filter {
    display: flex;
}
.filter-btn {
    margin: 10px;
}