places.css

header{
    position: static;

}

#page-logo a{
    color:rgb(183, 230, 235);
}

header a{
    color:rgb(183, 230, 235);
}

header nav a:hover{
    background-color: rgb(183, 230, 235);
    color: rgb(59, 59, 59);
}

body{
    background: linear-gradient(30deg, rgb(77,77,77), rgb(58,58,58));
    color: rgb(68, 68, 68);
    font-size: 20px;
}

main ul{
    width:1200px;
    margin: 0 auto 48px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 20px;
    
}

main li{
    display:flex;
    background-color : white;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    overflow: hidden;  
}

:nth-of-type(3){
    grid-column: 1 / span 2;
}

main li img{
    width:300px;
    height:300px;
    object-fit: cover;
}

.item-content{
    padding:24px;
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.item-content h2{
    margin : 0;
}

.actions{
    text-align: right;
}

.actions a{
    text-decoration: none;
    padding : 16px;
    color : rgb(22, 211, 228);
    border-radius:5px;
}

.actions a:hover{
    background-color: rgb(235, 252, 255);
}