style.css

@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');
*{
    padding: 0;
    box-sizing: border-box;
    line-height: 150%;
    font-family: 'Open Sans', sans-serif;

    font-size: medium;
}

header{
    font-weight:550;
    font-size:160%;
}
.document{
    display: flex;
    gap: 2em;
    
}
#navbar{
    display: flex;
    flex-direction: column;
    position: fixed;
    margin-left:3%;

}
.nav{
    margin-top:5%;
    /* overflow-x: hidden; */
    overflow-y: scroll;
    position: fixed;
    width:25%;
    height:90%;
    
}
.nav-items{
    padding:1.2em;
    border-top: 1px solid black;
}
.description{
    margin:1.2em 1.2em 1.2em 1.9em;
    margin-left: 28%;
}
.sub-code{
    padding:1% 30% 1% 2% ;
    background-color: rgb(244, 244, 241);
    font-size: 85%;
   
}
.sub-main-section{
    margin-left:6em;
}
.link{
    text-decoration-color: rgb(85, 26, 139);
    text-decoration: underline;
    color:rgb(85,26,139);
}
a{
    text-decoration: none;
    color:black;
}
li{
    margin:1em;
}
.link:hover{
    color:red;
    text-decoration-color:red;
    
}
section{
    display: block;
}
@media screen and (max-width:1000px) {
    .document{min-width:950px;
    }
    .description{
        font-size: 180%;
    }
}