.portfolio-header {
    background-color: rgb(245, 245, 245);
}

.portfolio-header hr {
    width: 50%; 
    height: 1px; 
    background-color: black;
}

.portfolio-header h1 {
    font-family: 'Times New Roman', Times, serif;
}

.portfolio-description {
    background-color: rgb(245, 245, 245); 
    font-family: 'Times New Roman', Times, serif;
}

.hotel-container {
    padding: 0 10%;
}

.hotel-card {
    width: 600px; 
    padding: 2rem 2rem;
    position: relative;
    text-decoration: none;
}

.hotel-image {
    width: 500px; 
    height: 320px; 
    padding-bottom: 1rem;
    transition: all .5s;
}

.hotel-name {
    font-family: 'Times New Roman', Times, serif; 
    font-weight: bold;
}

.hotel-location {
    font-weight: 500; 
    font-size: small;
}

.hotel-card:hover .hotel-image {
    filter: brightness(80%);
    text-decoration: none;
}

.hotel-container a {
    color: black;
}

.hotel-container a:hover {
    text-decoration: none;
    color: rgb(88, 88, 88);
}