body {
     background-color: aqua;
 }

 form {
     padding-left: 10px;
 }

 .itemDetails {
     font-family: "Times New Roman", Times, serif;
     color: darkslateblue;
     font-size: medium;
     background: solid;
     position: relative;
     width: 100%;
     left: 0px;
     height: auto;
     margin: 1px;
     padding: 1px;
 }

 #bodyImage {
     position: fixed;
     top: 100px;
     left: 5px;
     width: 99%;
     height: 100%;

 }

 .content-wrapper {
     font-family: "Times New Roman", Times, serif;
     color: darkslateblue;
     font-size: medium;
     background-color: whitesmoke;
     background: solid;
     position: fixed;
     left: 250px;
     top: 100px;
     width: auto;
     max-width: 1200px;
     height: 90%;
     margin: 5px;
     overflow: auto;
 }

 .form-wrapper {
     font-family: "Times New Roman", Times, serif;
     color: darkslateblue;
     font-size: medium;
     background-color: whitesmoke;
     background: solid;
     position: fixed;
     left: 250px;
     top: 100px;
     width: 70%;
     max-width: 1200px;
     height: 90%;
     overflow: auto;
 }

 #divSideBar {
     display: none;
 }

 .divImg1 {
     background-color: red;
     background-size: 100%;
 }

 .scroll-up {
     position: relative;
     top: 20%;
     height: 600px;
     overflow: hidden;
     position: relative;
     background: opaque;
     color: aqua;
 }

 .scroll-up h3 {
     width: 100%;
     height: 100%;
     margin: 0;
     color: aqua;
     line-height: 30px;
     text-align: center;
     /* Starting position */
     -moz-transform: translateY(100%);
     -webkit-transform: translateY(100%);
     transform: translateY(100%);
     /* Apply
animation to this element */
     -moz-animation: scroll-up 90s linear infinite;
     -webkit-animation: scroll-up 90s linear infinite;
     animation: scroll-up 40s linear infinite;
 }

 @-moz-keyframes scroll-up {
     0% {
         -moz-transform: translateY(100%);
     }

     100% {
         -moz-transform: translateY(-100%);
     }
 }

 @-webkit-keyframes scroll-up {
     0% {
         -webkit-transform: translateY(100%);
     }

     100% {
         -webkit-transform: translateY(-100%);
     }
 }

 @keyframes scroll-up {
     0% {
         -moz-transform: translateY(100%);
         /* Browser bug fix */
         -webkit-transform: translateY(100%);
         /*
Browser bug fix */
         transform: translateY(100%);
     }

     100% {
         -moz-transform: translateY(-100%);
         /* Browser bug fix */
         -webkit-transform: translateY(-100%);
         /* Browser bug fix */
         transform: translateY(-100%);
     }
 }

 .classBody {
     position: absolute;
     top: 100px;
     color: teal;
 }

 #leftNavBar:hover {
     opacity: 1;
     display: block;
 }

 #buttonToggle1{
     background: transparent;
 }

 #leftNavBar {
     position: fixed;
     top: 120px;
     left: 0;
     width: 150px;
     padding: 1px;
   
 }
 #navbarToggle1
 {
    background-color: teal;
 }
 @media screen and (min-width: 1800px) {
     #divPart2 {
         position: fixed;
         top: 70px;
         left: 680px;
     }
 }

 @media screen and (min-width: 600px) {
     #divMessage {
         position: fixed;
         top: 20px;
         left: 480px;
     }

 }
#buttonToggleSideBar {
    background: transparent;
    border: none;
    color:aliceblue;
}
 @media screen and (max-width: 599px) {
     #buttonToggleSideBar {
         display: none;
     }

     #divTopMenu {
         display: block;
     }

     #divMessage {
         position: fixed;
         top: 100px;
         left: 5px;
     }

     #leftNavBar {
        top:1px;
        opacity: .5;
        width:150px;
        
     }

     .form-wrapper {
         left: 5px;
         top: 100px;
         width: 95%;
         z-index: 1000px;
     }

     .content-wrapper {
         left: 1px;
     }
 }

 #divContentSection {
     background-color: aliceblue;
 }

 ul {
     list-style-type: none;
     /* Remove bullets */
     padding: 0;
     /* Remove padding */
     margin: 2px;
     /* Remove margins */
 }