body {
    background-color: gray;
}

h1 {
    color: white;
    text-align: center;
    font-family: fantasy;
    font-size: 50px;
    border-style: groove;
    border-width: 30px;
    padding: 30px;
    border-color: aliceblue;
}

p {
    font-family: sans-serif;
    font-size: 18px;
}
           
li {
    font-family: verdana;
    font-size: 15px;
    color: aliceblue
}       
.navBar a {
    float: left;
    width: 22%;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-family: verdana; 
}
.navBar {
    overflow: hidden;
    background-color: black;
}
.navBar a:hover {
    background-color: darkgray;
    color: white;
}

.pic {
      display: block;
    margin-left: auto;
    margin-right: auto;
}
.2 {
        display: block;
    margin-left: auto;
    margin-right: auto;
}

.pics {
  margin-left: 18%;
}

#picc {
    transform: rotate(90deg)
}

.picss {
    margin-left: 20%;
}

#rotation {
    transform: rotate(270deg);
    margin-right: 3.5%;
}