1 css

p {
    font-family: "Times New Roman", Times, serif;
    text-indent: 1.5em;

}

p:first-letter{
    color: Olive;
    font-family: Georgia;
    font-size: 35px;
    line-height: 30px;

}
h1 {
    font-family: "URW Chancery L", cursive;
    font-size: 30px;
    color: #FFC925;
    letter-spacing: 3px;
}
h2 {
    color: blue;
}
th {
    text-transform: uppercase;
    background-color: #4CAF50;
    color: white;
}
tr {
    background-color:#C19106;
    color:white;
}
tr td:nth-child(2) {
    background-color: green;
    color:yellow;
}
table{
    border-width: 2px;
    border-style: solid;
    border-color: red;
}
ol li {
    list-style-type:decimal;
}
ol li li {
    list-style-type:upper-roman;
}
ol li li li {
    list-style-type:lower-greek;
}
img.left {
    width:25%;
    height: auto;
    float:left;
}
img.right {
    width:50%;
    height: auto;
    float:right;
}
.titlec {
    width:100%;
    left:0;
    background: orange;
    color: white;
    padding: 15px 0 15px 0;
    text-align: center;
    font-size: 30px;
}

#Zawartosc {
    background: #E18F8F;
    border: 3px solid black;
}
#menu li{
    text-align:center;
    list-style: none;
    margin:0;
    padding:0;
    background-color:lightyellow;
    border: 2px solid black;
}
li a:hover:not(.active) {
    background-color: #555;
    color: white;
}
a:hover {
    cursor: default
}
@media (min-width: 801px){
#Zawartosc {
    position:absolute;
    left:159px;
    max-width: 960px;
}
.menutext {
    display:none;
}

#menu {
    list-style-type: none;
    left:0;
    margin: 0;
    padding: 0;
    width: 160px;
    background-color: yellow;
    height: 100%;
    position: fixed;
}
#menu2 {
    display: none;
}


}
@media (max-width: 800px) {

#menu {
    position: fixed;
    left: -15em;
    top: 50%;
    background: yellow;
    padding: 0.5em 0.5em 0.5em 2.5em;
    transition: 0.2s;
}

#menu2{
    position: fixed;
    left:-0.2em;
    top: 45%;
    background: yellow;
    color: black;
    padding: 0.5em 0.5em 0.5em 0.5em;
    transition: 0.2s;
}
#menu2 li{
    list-style-type: none;
    text-align:center;
    margin:0;
    padding:0;
    background-color:lightyellow;
    border: 2px solid black;
}
.SpisTresci:hover #menu{
    left:-2em;
}
#Zawartosc {
    margin-left:55px;
}

}