body{
    background-color: rgb(30, 31, 31);
    color: ghostwhite;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
nav li{
    display: inline;
    padding: 50px
}
a:hover {
    color: red;
    text-decoration: underline;
  }
  
@media (max-width: 1000px){
    nav {
        display: list-item;
        padding:2px
    }
    
}
.words{
    color: black;
    font-size: large;
    background-color: rgb(184, 115, 62);
}

.info {
    color: black;
    font-size: large;
    background-color: rgb(115, 150, 161);
}
.paragraph{
    color: black;
    font-size: large;
    background-color: rgb(249, 212, 251);
}
.general{
    color: black;
    font-size: large;
    background-color: rgb(73, 142, 207);
}
nav{
    background-color: rgb(222, 240, 87);
    
}
a:link {
    color: rgb(0, 0, 0);
    background-color: transparent;
    text-decoration: none;
    font-size: xx-large;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px
  }
  a:visited {
    color: rgb(0, 0, 0);
    background-color: transparent;
    text-decoration: none;
    font-size: xx-large;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    padding: 10px
  }

img{
    max-width: 100%;
    height: auto;
    display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%; 
  
    }