@import url('./normalize.css');
 * {
  box-sizing: border-box;
 
 }
  

 body{
  font-family: "Montserrat", serif;
  font-weight: 400;
  margin: 0;
  min-height: 100vh;
  margin: 0 auto;
  padding-top: 70px; 
  
}
header {
  
  padding: 0;

          position: fixed; 
          top: 0; 
          left: 0;
          width: 100%; 
          background-color: #ffffff; 
          z-index: 1000; 
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); 
        
    
}

.container {
  max-width: 1200px;
    display: flex;
    align-items: center;
    margin: 0 auto;
    box-sizing: border-box;
    
    margin-top: 13px;
  margin-bottom: 13px;
}


.eng {
    font-family: "Tourney", sans-serif;
    font-size: 22px;
    text-transform: uppercase;
    padding-top: 17px;
    padding-bottom: 17px;
    
}
.nav {
    font-family: "Staatliches", sans-serif;
font-size: 22px;
  
  display: flex;
  gap: 10px;
  padding-left: 50px;
  
  
}
.logo {
  padding-left: 600px;
}
.header_span {
  padding-top: 17px;
    padding-bottom: 17px;
}
.navigation {
    text-decoration: none;
  color: #000000;
  padding-top: 17px;
    padding-bottom: 17px;
    
}
  
.underlined {
    text-decoration: underline;
}



.main {
  
    display: flex;
    max-width: 1200px; 
    margin: 0 auto; 
    gap: 30px; 
    
  
}
.p {
    
  font-family: "PT Sans", sans-serif;
  font-size: 28px;
   
    font-weight: 400;
    line-height: 48px;

      
}
.core_components {
    font-family: "PT Sans", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.head {
  font-family: "Francois One", sans-serif;
  font-size: 36px;
  letter-spacing: 1px;
 
 }

 
 
 .black-link {
    color: black; 
   
}
.text-bold {
    font-weight: bold;
}

.gray-text {
    color: rgb(0, 0, 0); 
    background-color: #d9d9d9; 
    padding: 5px 2px 5px 2px; 
    
}

  .chapter-number {
    font-size: 12px; 
    font-family: "Farro", sans-serif;
    font-weight: 300;
  font-style: normal;
  
 } 
 .section-3 p {
    margin-top: 40px; 
   
}

.super {
    
    vertical-align: 1.2em; 
    position: relative; 
    top: -5px; 
}
.section-3 {
  position: relative;
}

.section-3:before {
  content: ""; 
  display: block;
  height: 70px; 
  margin-top: -70px; 
}







.sidebar {
  
  width: 385px; 
  padding: 20px;
  
  
  position: sticky; 
  top: 60px; 
  height: calc(100vh - 60px); 
  overflow-y: auto; 
}

.sidebar ul {
  list-style: none;
  
  padding-left: 0;
}

.sidebar li {
  margin-top: 80px;
  
 
  
}

.nav_text {
  text-decoration: none;
  color: #000000;
  font-family: "Francois One", sans-serif;
  font-size: 36px;
  
}




.title-underline {
  width: 100px; 
  height: 8px;
  background-color: black; 
  margin-bottom: 20px;
  margin-top: 70px;
 
}

.title-underline_1 {
  width: 365px; 
  height: 2px;
  background-color: rgb(187, 172, 172); 
  
  margin-bottom: 70px;
}