* {
    box-sizing: border-box;
}

body {
    margin: 24;
    padding: 16;
    color: white;
    line-height: 1.6;
}

main {
    float: left;
    width: 60%;
    background-color: #255a86;
    padding: 20px;
    margin: 10px 10px 0;
}

img {
   width: 100%;
   float: center;
}

aside {
    float: right;
    width: 30%;
    background-color: #8bb4ee;
    padding: 10px;
    margin: 10px 10px 0;
}

/* Clear floats after content */
body::after {
    content: "";
    display: table;
    clear: both;
}

aside a {
    color: #007bff;
    text-decoration: none;
    display: block;
    padding: 5px 0;
}

aside a:hover {
    color: #0056b3;
    background-color: #e9ecef;
    padding-left: 10px;
}