body {
    margin: auto;
    width: 500px;
    background-color: cornsilk;
}
h1 {
    margin: 30px 0;
    text-align: center;
    font-size: 30px;
    line-height: 40px; /* Px används eftersom vi vill ha exakt anpassning till .ypsilon */
    font-family: sans-serif;
}
div {
    position: absolute;
    width: 250px;
    height: 250px;
}
.wrapper {
    position: relative;
    width: 100%;
    height: 500px;
    outline: 2px solid black;
}
.alpha {
    background-color: darkolivegreen;
    /* Skriv något här som placerar boxen */
}
.beta {
    background-color: blueviolet;
    /* Skriv något här som placerar boxen */
}
.gamma {
    background-color: darkorange;
    /* Skriv något här som placerar boxen */
}
.delta {
    background-color: hotpink;
    /* Skriv något här som placerar boxen */
}
.ypsilon {
    background-color: royalblue;
    margin-left: 150px;
    width: 100px;
    height: 100px;
    /* Skriv något här som placerar boxen */
}