body {
margin:0;
padding:0;
 background: rgb(53,0,105);
background: linear-gradient(0deg, rgba(53,0,105,1) 0%, rgba(82,133,208,1) 30%, rgba(121,233,125,1) 51%, rgba(200,194,99,1) 70%, rgba(255,112,112,1) 100%); 
}

* {scrollbar-color:rgba(53,0,105,1) rgba(255,112,112,1)}

.space, .sky, .flowers, .forest, .sea {max-width:1200px;
margin:auto;}

.gifs {display:flex;
align-items:center;
width:fit-content;
margin:auto;}

.space {background-image:url(gifs/SPACEBG.gif);
height:600px;
align-items:center;
width:100%;
position:relative;
overflow:hidden;}

.space img {position:absolute;}

#ufo {top:0;
left:20%;}
#smallastronaut {top:100px;
left:90%;}
#star11 {top:300px;
left:5%;}
#spacestation {top:290px;
left:80%;}
#partysun {top:150px;
left:10%;}
#burningsun {top:80px;
left:70%;}
#saturn {top:200px;
left:30%;}
#ufospin {top:90px;
left:45%;}
#farawayplanet {top:10px;
left:80%;}
#rocket {top:190px;
left:60%}

#earthastronaut {top:480px;
left:40%;}
#moon {top:460px;
left:80%;}
#smallstar {top:90px;
left:30%}
#moontwinkle {top:380px;
left:30%;}
#moondeco {top:40px;
left:3%;}
#starline {top:510px;
left:10%;}

.sky {background-image:url(gifs/30bge.gif);
height:600px;
align-items:center;
width:100%;
position:relative;
overflow:hidden;}

.sky img {position:absolute;}
#flyingbooks {top:50px;
left:50%;}
#dove {top:300px;}
#rainbow {top:300px;
left:40%;}
#wingheart {top:250px;
left:70%;}
#airplane {top:490px;
left:60%;}
#clouds {left:26%;
top:200px;}
#airmail {top:190px;
left:10%;}
#rainbows {top:50px;
left:75%;}
#tootangel {left:90%;
top:80px;}
#hummingbird {left:80%;
top:350px;}
#basket {top:480px;
left:30%;}
#heartballoons {left:30%;
top:30px;}
#hotairballoon {left:25%;
top:300px;}
#iloveu {top:370px;
left:65%;}
#littleballoon {left:85%;
top:220px;}
#timeflies {left:1%;
top:60px;
}


.flowers {background-image:url(gifs/flowerssky.gif);
background-size:cover;
height:600px;
width:100%;
position:relative;
overflow:hidden;}

.flowers img {position:absolute;}
#sparkleflowers {top:565px;
left:0%;}
#fairy1 {top:100px;
left:80%;}
#fairy2 {top:60px;
left:15%;}
#littleguy {left:50%;
top:280px;}
#flowers1 {left:75%;
top:545px;}
#fallingflowers {left:80%;
top:179px;}
#flowers2 {left:20%;
top:459px;}
#flowers4 {left:5%;
top:300px;}
#flowers5 {left:92%;
top:70px;
rotate:9deg;}
#flowers6 {left:60%;
top:270px;}
#flowers7 {left:87%;
top:540px;}
#flowers8 {left:35%;
top:200px;}
#butterflyswarm {left:75%;
top:400px;}
#leafs {top:300px;
left:16%;}
#lilbutterfly {left:60%;
top:140px;}
#flowers9 {left:2%;
top:120px;}
#flowers10 {left:56%;
top:450px;}
#butterflyflower {left:72%;
top:240px;}
#tealbutterflies {left:30%;
top:20px;}
#inch {left:25%;
top:300px;}
#fluff {left:70%;
top:40px;}

.forest {background-image:url(gifs/roadtosea.gif);
background-size:cover;
height:600px;
width:100%;
position:relative;

overflow:hidden;}

.forest img {position:absolute;}
#hugeduck {top:300px;
left:50%;}
#waddlingbear {top:400px;
left:40%}
#shroomhouse {top:160px;
left:50%;}
#lavalamp {top:400px;
left:20%;}
#bouncecow {left:25%;
top:500px;}
#tomatodance {left:90%;
top:200px;}
#carousel {left:85%;
top:390px;}
#magicman {left:40%;top:70px;}
#waterfall {left:32%;
top:170px;}
#catbath {top:480px;
left:5%;}
#cottage {left:65%;
top:140px;}
#tinywizard {left:20%;
top:300px;}
#bagelboy {left:10%;
top:200px;}

.sea {background-image:url(gifs/fishiez.gif);
background-size:cover;
height:600px;
width:100%;
position:relative;
overflow:hidden;}

.sea img {position:absolute;}

#raincoat {top:300px;
left:80%}
#mermaid2 {top:100px;
left:5%;}
#seahorse {left:30%;
top:200px;}
#shark {left:50%;}
#mermaid1 {left:70%;
top:400px;}
#dolphin {left:55%;
top:170px;}
#gems {left:-10%;
top:150px;}
#deco {left:90%;}
#bubbles1 {left:30%;
top:100px;}
#bubbles2 {left:20%;
top:200px;}
#bubbles3 {left:80%;
top:120px;}
#fish1 {left:45%;
top:400px;}
#fish2 {left:27%;
top:330px;}
#fish3 {left:18%;
top:98px;}
#coral {left:59%;
top:370px;}
#jellyfish1 {left:35%;
top:50px}
#fish4 {left:70%;}