.header{
    position:fixed;
    top:0%;
   
    
}

.sidebar{
    position:fixed;
    top:0%;
    left: 0%;
}

.flex-container{
   display:flex;
   flex-wrap:nowrap;
   background-color: cornflowerblue;
   justify-content:space-between;
     flex-direction: column;
            }
        

.flex-container>div{
 background-color: white;
 width:1-0px;
 margin:5px;
 text-align:center;
 line-height: 50px;
 font-size: 30px;
               
            }



.image1{
    height:80px;
    position: fixed;
    left:150px;
    top:40px;    
}

.image2{ 
height:600px;
width:200px;
position: relative;
    right:90px
}

.image3{
    height:600px;
    width:300px;
    position:relative;
    top:40px;
    right:300px;
    
}
.login{
    height:50px;
    width:400px;
    background-color:white;
    border-radius: 30px;
    position: fixed;
    left:1800px;
    top:40px;
}

.layout{
    position:relative;
    top:150px;
    z-index:-1;
    
}
    
.footer{
    position:absolute;
    z-index:-1;
   
    
    
}  
.box{
    position: relative;
    left: 400px;
    top: 1000px;
    z-index: 1
}

.stripe1{
    height:2000px;
    width:100%;
    background-color: lightgray;

}
.stripe2{
    height:2000px;
    width:100%;
    background-color: silver;

}
.stripe3{
    height:2000px;
    width:100%;
    background-color: lightgray;

}
.stripe4{
    height:2000px;
    width:100%;
    background-color: silver;

}
.stripe5{
    height:2000px;
    width:100%;
    background-color: lightgray;

}