body { 

background-image:url("background.png");
background-size: cover;
background-position:center;
position:relative;
color:white;
Font-size:24px;
}
.logo{
width:100px;
cursor:pointer;
}
h1{
Font-size:80px;
margin:10px 0 30px;
line-height: 80px;    
}
.side-bar{
width:50px;
height:100vh;
background:linear-gradient(#00545d,#000729);
position:absolute;
right:0;
top:0;
}
.bubbles img{
width:50px;
animation:bubble 7s linear infinite;
}
.bubbles{
width:100%;
display:flex;
align-items:center;
justify-content:space-around;
position:absolute;
bottom: -70px;
}
@keyframes bubble{
0%{
Transform:translateY(0);
opacity: 0;
}
50%{
opacity:1;
}
70%{
opacity:1;
}
100%{
transform:translatey(-80vh);
opacity:0;
}


}
.bubbles img:nth-child(1){
animation-delay:2s;
width:25px;
}
.bubbles img:nth-child(2){
animation-delay:1s;
}

.bubbles img:nth-child(3){
animation-delay:3s;
width:25px;
}

.bubbles img:nth-child(4){
animation-delay:4.5s;
width:20px;
}

.bubbles img:nth-child(5){
animation-delay:3s;
}

.bubbles img:nth-child(6){
animation-delay:6s;
}

.bubbles img:nth-child(7){
animation-delay:7s;
width:35px;
}