* {
    margin: 0;
    padding: 0;
    font-family: "inter" , sans-serif;
}

body {
    background-color: #E8EDF2 !important;
}


.main-content {
    margin-left: 256px;
}




.card.clickable {
    transition: transform .2s;
    cursor: pointer;
    text-decoration: none;
}

.card.clickable:hover {
    transform: scale(1.05);
}

.recommendation .card {
    max-width: 10px;
}