body{
    background: linear-gradient(90deg, rgb(77, 77,77), rgb(48, 48, 48));
    color: rgb(68, 68, 68);
}


header{
    position: static;
}

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

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

#hover a:hover{
    background-color: rgb(183, 230, 235);
    color: rgb(59, 59, 59);
}
main{
    padding: 100px;
}

main li img{
    width: 300px;
    height: 280px;
}

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

main li{
    overflow: hidden;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    border-radius: 10px;
    display: flex;
    background-color: white;
    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{
    color: rgb(22, 221, 228);
    font-weight: bold;
    padding: 6px;
 }

 .actions a:hover
 {
     border-radius: 5px;
  background-color: rgb(208, 239, 247);
 }
 li:nth-of-type(3)
 {
     grid-column: 1/3;
 }