@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;500&family=Libre+Baskerville&family=Oswald:wght@300;400;500;600&display=swap');
html,
body {
    background-color: #FCFCFC;
}

nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 15px;
    font-family: 'Karla', sans-serif;
}

a {
    color: #006666;
}

nav a {
    font-weight: 400;
    margin-left: 1rem;
    color: rgba(0,102,102, 0.85); 
}

p {
    font-family: 'Karla', sans-serif;
}

#intro-section, #blog-section {
    margin-top: 5rem;
}

.icons {
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-self: center;
}
.phrase-highlight {
    /* color: rgba(0,102,102, 0.85);  */
    /* color: rgba(96, 108, 118, 0.7)  */
    font-weight: 600;
}
.icon-link {
    font-size: 18px;
    /* #606c76; */
    color: rgba(96, 108, 118, 0.7) 
}

.big-title {
    color: #006666;
    font-size: 5.5rem;
    font-weight: 700;
    font-family: 'Libre Baskerville', serif;
}

#blog-section {
    font-family: 'Karla', sans-serif;
}
#blog-section .big-title {
    margin-bottom: 6px;
}

.post-line-preview {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e6e6e6;
    padding: 1.2em 0;
}

time {
    color: rgba(96, 108, 118, 0.7); 
    font-style: italic;
    font-size: 15px;
}

.post-line-title {
    color: rgba(57, 64, 70, 0.85);
    font-weight: 400;
    font-size: 18px;
    margin-left: 20px;
}

.tag {
    font-size: 14px;
    color: #D5A021;
}

.preview-tags-list {
    color: #D5A021;
}