@font-face {
  font-family: "Roboto";
  src: url("fonts/Roboto-Light.ttf");
}
body {
    margin: 0;

    background-color: rgba(12, 58, 45, 1);
    color: #ffffff;
}

header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 40px;
    background-color: rgba(12, 58, 45, 1);
}

header nav {
    display: flex;
    gap: 20px;
}

header nav a {
    text-decoration: none;
    color: #ffffff;
}

header .auth-buttons a {
    text-decoration: none;
    color: #00250d;
    background-color: #ffcc33;
    padding: 10px 20px;
    border-radius: 5px;
}

header .auth-buttons a:hover {
    opacity: 0.9;
}

.yellow-line {
    width: 94%;
    height: 1px;
    background-color: yellow;
    margin: 0;
    padding: 0;
    border-radius: 10px;
}


.yellow-line-container{
    display: flex;
    justify-content: center;
    width: 100%;
}



header p,
header h1,
header h2,
header h3,
header h4,
header a {
    font-weight: 100;
}

sidebar p,
sidebar h1,
sidebar h2,
sidebar h3,
sidebar h4,
sidebar a {
    font-weight: 100;
}

.indentation p,
.indentation h1,
.indentation h2,
.indentation h3,
.indentation h4,
.indentation a {
    font-weight: 100;
}

.indentationAll{
    margin:10px;
}

.main-content p,
.main-content h1,
.main-content h2,
.main-content h3,
.main-content h4,
.main-content a {
    font-weight: 100;
}