.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}


/*=============== Color definition (Light to dark) =======================*/
:root{
  --eigengrau: #1F1F1F;
  --ghost_white: #f8f8ff;
  }
/*============= Html tags ==========================*/

body {
  background-image: url("/images/background.png");
  background-size: 100% 100%;
  color: var(--ghost_white);
  font-family: "Lato";
  
  height: 100%; 
  overflow: hidden;
}
p{
  font-size: 17px;  
  font-family: "Lato";
}

/* Solid border */

hr {
  color: yellow;
  }

hr.solid {
  border-top: 3px solid #bbb;
  color: yellow;
}

a {
  color: yellow;
  }
  
h1 {
  color: #f8f8ff;
  font-family: "Lato";
  font-size: 30px;
  }

/* ================ Alignment Stylization  =============*/

.container_body {
  
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;
    max-height: 100%;
    max-width: 100%;
  }
  
.main_window {
  
  display: flex;
  flex-direction: column;
  align-self: center;
  width: 40vw;
  height: 80vh;
  
  
  background-color: indigo;
  overflow: scroll;
  
  box-shadow: 10px 10px 10px grey;
  

  padding-top: 100px;
  padding-right: 80px;
  padding-bottom: 50px;
  padding-left: 80px;
  
  border-style: solid;
  border-color: white;
  
  }
  
.navigation_tree {
  
  align-self: flex-start;
  width: 15vw; 
  height: 100vh;
  }