body{
    background:#8BD99E;
    font-family:Arial, Helvetica, sans-serif;
}

h1{
    color: rgb(0,0,0);
    text-align: center;
}

.assignments {
    display:flex;
    flex-wrap:wrap;
}

.assignment{
    width:22%;
    padding:10px;
    margin:10px;
    margin-bottom:30px;
    background:#BFBFBF;
    border-radius:5px;
    box-shadow: 5px 8px rgb(0,0,0);
}

.assignment img{
    width:200px;
    height:200px;
    border: 2px solid #A60321;
    margin-right: 20px;
    border-radius:5px;
    display:block;
    margin:auto;
}

a {
    text-decoration:none;
    color:#FFFFFF
}

.assignment a:hover{
    color: rgb(0,0,0);
}