dt {
    font-size: 2em;
    border-bottom: 1px solid darkslategray;
}
dt, dt * {
    vertical-align: middle; 
}
dt a {
    font-size: .5em;
}
a {
    padding: 5px;
}
article a:hover {
    background-color: lightgray;
}
dt {
    clear: both;
}
dd img {
    float: right;
    clear: both;
}
.tetris img {
    height: 20%;
    width: 20%;
}
.tetris img:hover {
    height: 30%;
    width: 30%;
}
.maze img {
    height: 30%; 
    width: 30%;
}
.maze img:hover {
    height: 55%;
    width: 55%;
}
.work img {
    height: 40%;
    width: 40%;

}
.work img:hover {
    height: 80%;
    width: 80%;
}