$color1: #4BB5A9;
$color2: #D6E8E6;
$svg_background: #111;

body {
    background-color: $color2;
    color: #111111;
    display: flex;
    flex-direction: column;
    font-family: sans-serif;
    font-size: 24px;
}

header {
    h1 {
        text-align: center;
        margin: 0.25em;
    }
}

.list_links {
    font-size: 18px;
    list-style: none;
    margin: 0 auto;
    padding: 0;

    li {
        background-color: $color1;
        margin: 0.5em 0;
        width: 100%;
        max-width: 640px;
    }

    a {
        color: $color2;
        display: block;
        padding: 0.65em;
        text-decoration: none;
    }
    a:visited {
        color: $color2;
    }
}

.link-icon {
    display: inline-block;
    margin-right: 0.75em;
    width: 24px;
    height: 24px;

    svg {
        height: 24px;
        width: 24px;
        fill: $svg_background;
    }
}

footer {
    margin-top: 1.5em;
    font-size: 12px;

    a {
        color: #111;
    }
    a:visited {
        color: #111;
    }

    p {
        margin: 0 0 0 0.65em;
    }
}