html {
    font-family: Trebuchet MS, Arial, sans-serif;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.5em;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

.wrap {
    max-width: 1000px;
    margin: 0 auto;
}

.line-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-bottom: 50px;
}

.line {
    height: 1.6px;
    width: 130px;
    background-color:  rgba(0, 0, 0, 1);
}

.dot {
    width: 5px;
    height: 5px;
    background-color:  rgba(0, 0, 0, 1);
    border-radius: 50%;
    margin: 0 10px; /* Space between the dot and the lines */
}


.nav {
    margin-top: 15px;
    margin-bottom: 15px;
    margin-right: 20px;
    text-align: right;
}

.nav a {
    color: rgba(0, 0, 0, 0.6);
    text-decoration: none; /* prevent underline */
    border-bottom: none; /* prevent underline */
    font-size: 15px;
}

/* Decrease the opacity of a navigation element when hovering an element  */
.nav a:hover {
    color: rgba(0, 0, 0, 0.4);
}

.nav ul li {
    /* Prevents the navigation items from being listed */
    list-style-type: none;
    padding: 0;
    display: inline; 
    
    margin-right: 10px;
}

/* Bold a navigation element */
#navcurrent {
    font-weight: bold;
}