/* --------- Navbar --------- */

.navBar {
 position: fixed;
 top: 0;
 left: 0;
 height: 100%;
 width: 200px;
 background-color: hsl(0, 0%, 25%);
 border-radius: 7px;
 border-right: 2px solid; 
 border-color: red;
}

.navBar a {
 color: white;
 text-decoration: none;
 padding: 15px;
 display: block;
 width: auto;
 font-size: 20px;
 text-align: center;
}

.navBar ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
}

.navBar a:hover {
 text-decoration: underline;
 color: hsl(207.69deg 69.19% 59.39%);
}

#logo {
padding: 0px;
margin: 15px;
}

/* --------- general --------- */
body {
background-image: url("../pictures/back.png");
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-attachment: fixed;
background-color: black; 
}

/* --------- TOS Container --------- */ 
.tosContainer {
 padding: 40px;
 color: white;
 text-align: center;
 align-items: center;
} 

/* --------- TOS Box --------- */
.tosBox {
 margin: 0 auto;
 max-width: 800px;
 background-color: hsl(0, 0%, 20%);
 padding: 30px 40px;
 border-radius: 12px;
 border: 2px solid;
 border-color: red; 
 backdrop-filter: blur(4px);
 font-size: 18px; line-height: 1.6; 
}

.title {
	font-size: 20px; 
	text-decoration: underline;
}

ul {
  list-style-type: none;
}