html {
      scroll-behavior: smooth;
}


body{
      background-color: antiquewhite;
}

#navbar{
      position: fixed;
      top: 0;
      left: 0;
      padding: 30px;
      width: 300px;
      height: 100vh;
      background-color: white;
}
.nav-links {
      font-size: 20px;
      display: flex;
      flex-direction: column;
}

.link {
      text-decoration: none;
      color: black;
      border-bottom: 1px solid gray;
      padding: 10px;
}

.link:hover{
      background-color: aliceblue;
      font-weight: 700px;
      transition: background-color 0.1s ease-in-out;
}

.main-doc {
      margin-left: 400px;
      margin-right: 20px;
}

@media (max-width: 1200px){
      #navbar {
            width: 150px;
      }
      h1 {
            font-size: 22px;
      }
      .man-doc {
            margin-left: 250px;
      }
}
.main-section {
      margin: 50px 0px;
}

code {
      display: block;
}

p {
      line-height: 1.5rem;
      font-family: Arial, Helvetica, sans-serif;
}

h1 {
      font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif ;
}