body {
    background-color: #333;
}

/* GENERAL */

/* links */

a {
    text-decoration: none;
    transition: .5s;
}

a:link,
a:visited {
    color: #f3f3f3;
}

a:hover {
    color: #bbb;
    transition: .5s;
}

a.active {
    color: #f3f3f3;
    font-weight: 400;
}

.gr:link,
.gr:visited {
    color: #d3f3d3;
}

.gr:hover {
    color: #b3f3b3;
    transition: .5s;
}

/* headings */

h1 {
    color: #ddd;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 400;
}

h4,
h3,
h2,
p {
    color: #ddd;
    text-align: center;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
}

p {
    font-size: 17px
}

/* images */

#pictureGrid {
    width: fit-content;
    margin: auto;
}

#pictureGrid img {
    width: 300px;
}

/* LOGO */

#logo {
    width: fit-content;
    margin: auto;
}

/* THOUGHTS */

@media screen and (min-width: 680px) {
    .thought {
        width: 690px;
        margin: auto;
        border-bottom: 1px #f3f3f3 solid;
    }
}