*{
    padding: 0%;
    margin: 0px;
    box-sizing: border-box;
}
body{
    background-color: cornflowerblue;
}
nav{
    display: flex;
    justify-content: center;
    padding: 10px;
    font-size: 22px;
    font-family:sans-serif;
}
.sub-tittle{
    padding: 20px;
    font-size: 35px;
    font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    color:crimson;
    padding-top: 20px;
}
.content p{
    padding: 10px 20px;
    font-family: serif;
    font-size:20px;
    color: #fff;
    padding-top: 20px;
}
.content li{
    padding: 20px;
    font-size: 23px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: darkmagenta;
    padding-top: 40px;
}
.content ol li{
    padding: 10px 20px;
    font-family: serif;
    font-size:20px;
    color: #fff;

}
#SystemRequirment h1{
    padding: 10px 20px;
    font-family: serif;
    font: size 30px;
    color: darkmagenta;

}   
#SystemRequirment ol li{
    font-size: 20px;
    color: rgb(255, 255, 255);
}
#featuresandcomponents li{
    padding: 20px;
    font-size: 25px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: darkmagenta;

}
#featuresandcomponents  p{
    padding: 2px 20px;
    font-family: serif;
    font-size:20px;
    color: #fff;
}
#futureenhancement li{
    padding: 20px;
    font-size: 25px;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    color: darkmagenta;

}
#futureenhancement p{
    padding: 2px 20px;
    font-family: serif;
    font-size:20px;
    color: #fff;
}
#FUNCTIONALDECOMPOSITION .content ol li{
    font-size: 20px;
}




@media only screen and (max-width:600px){
div p{
font-size: 10px;
 }
 #SystemRequirment h1{
    font-size: 23px;
 }
 .content p{
    font-size: 15px;
 }
 #SystemRequirment ol li{
    font-size: 15px;
 }
 #featuresandcomponents  p{
    font-size: 15px;
 }
 #FUNCTIONALDECOMPOSITION .content ol li{
    font-size: 15px;
 }
 #futureenhancement p{
    font-size: 15px;
 }

}