html,
body {
    min-height: 100%;
}

body {
    font: 'Raleway' sans-serif;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    top: 15%;
    background: linear-gradient(to right, blue, red) no-repeat;
}

.colours {
    display: flex;
    justify-content: center;
    align-items: center;
}

.padding {
    width: 1em;
    height: 1em;
}

h1 {
    font: 600 3.5em 'Raleway' sans-serif;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.5em;
    width: 100%;
}

h3 {
    font: 900 1em 'Raleway' sans-serif;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
    text-transform: none;
    letter-spacing: 0.01em;
}

.direction {
    font-size: x-large;
}