body {
    margin: 0;
    padding: 1em;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 5px;
    font-size: 1.1em;
}
#description a{
    text-decoration: none;
    color: #000;
}
#description a :hover{
    text-decoration: none;
    color: rgb(255, 255, 255);
    background-color: #000;
}
#description{
    width: 20%;
    object-fit:contain;
}
#me{
    filter: grayscale(100);
}
#gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#gallery img {
    width: 100%;
    object-fit:contain;
}
#gallery a {
    width: 40%;
}
#gallery a :hover{
    filter: grayscale(100);
}
@media (max-width: 1000px) {
    #gallery a {
        width: 50%;
        object-fit:contain;
    }
    #description{
      width: 50%;
    }
}
@media (max-width: 800px) {
    #gallery a {
        width: 100%;
        object-fit:contain;
    }
    #description{
      width: 100%;
    }
}