body {
background-image:url("https://media0.giphy.com/media/v1.Y2lkPTc5MGI3NjExZXhqN3VrdHB0ajVrZnIxNWllc3gyandwb3h1anBzMnBxNjlraG81ZSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/QpVUMRUJGokfqXyfa1/giphy.gif");
background-repeat:no-repeat;
background-size:cover;
}
div sidebar{
     width:   100%;
	          height: 100%;
            top: 0;
            left: 0;
            background-color:blue ;
            color: white;
            overflow-x: hidden;
            padding-top: 20px;
            opacity:0.9;
        }
        
.mainbody{
     width:   100%;
	          height: max content;
            top: 0;
            left: 0;
            background-color: blue;
            color: white;
            overflow-x: hidden;
            margin-top:45px;
            z-index: 1;
	    opacity:0.9;
        }
.allbox{
     width:   100%;
	          height: 200%;
            top: 0;
            left: 0;
            background-color: blue;
            color: white;
            overflow-x: hidden;
            padding-top: 30px;
	    margin-top:100px;
	    opacity:0.9;
        } 
       
            
        .topnav {
            background-color: blue;
            color: white;
            overflow: hidden;
            width: 100%;
            position: fixed;
            top: 0;
            z-index: 3;
	          padding:0
        }
 
        .topnav a {
            float: left;
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
            font-size: 20px;
            margin-bottom:2px;
        }    
        
        a {
          color:white;
          }
          
          p{
            z-index: 2;
            position: relative;
          }
          h1{
            height:90px;
            background-color:blue;
            margin-top :100px;
          }
          font{
            postion : relative;
            z-index : 5;
          }