#container1{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap; 
width:50%;
height: 100%;
position:fixed;
top:0;
left:0;
}

.square-1{

	width: 170px;
	height: 96px;
	background-image: linear-gradient( to right, #fdffde, #fbc5ed);
	margin-left: 0;
	margin-right: 5px;
	margin-top:0;
	margin-bottom: 5px;

}




#container2{
display: flex;
flex-direction: row;
flex-wrap: wrap;
top:20px;
left:20px;
right:20px;
position:absolute;
width:100%;
height: 100%;
}

.square-2{

    width: 20px;
    height: 20px;
    background-color: #5afeff;
    margin-left:76px;
    margin-right:76px;
    margin-top:20px;
    margin-bottom:40px;
    mix-blend-mode: overlay;

}




.square-3{

    width: 20px;
    height: 20px;
    background-color: #ff635a;
    margin-left:76px;
    margin-right:76px;
    margin-top:20px;
    margin-bottom:40px;
    mix-blend-mode: color-burn;

}

#container3{
display: inline-flex;
flex-direction: row;
flex-wrap: wrap; 
width:50%;
height: 100%;
position:relative;
position: fixed;
top:0;
left:0;
transform: translate(700px);
}


.square-4{

    width: 170px;
    height: 96px;
    background-color: #dc5e49;
    margin-left: 0;
    margin-right: 5px;
    margin-top:0;
    margin-bottom: 5px;

}

#container4{
 display:flex;
 flex-direction: row;
 flex-wrap: wrap;
 padding: 30px;
 width: 50%;

}

#container5{
display: flex;
flex-direction: column;
flex-wrap:nowrap; 
width:50%;
position: fixed;
top:0;
left:0;
transform: translate(850px);
}


.circle{
    display:inline-block;
    position:relative;
    width: 200px;
    height: 200px;
    border-radius: 50%;

    background-image:
    linear-gradient(
      to right, 
     #e9ec24, #137361);
    opacity: 0.6;
    
    margin-left: 0px;
    margin-right: 0;
    margin-top: 80px;
    margin-bottom: 0px;
    mix-blend-mode:color-dodge;
    
}

.circle2{
    width: 400px;
    height: 400px;
    border-radius: 50%;

    background-image:
    linear-gradient(
      to right, 
     #e9ec24, #fb80f2);
    opacity: 0.6;
    mix-blend-mode:color-dodge;
     margin-left: 0px;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: -20px;
    
}