

body {
	background: #000000;
	overflow-x:scroll;
  font-family:"Pixeled";
}
.bg-image {
  /* Full height */
  height: 100vh;
  width:105vw;
  margin-left:-10px;
  margin-top:-10px;
  z-index:-1;
  font-family:"Pixels";

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* Images used */
.img1 { background-image: url("https://ughbees.neocities.org/Aquarium/Aqua/panel1.png"); }
.img2 { background-image: url("https://ughbees.neocities.org/Aquarium/Aqua/panel2.png"); }
.img3 { background-image: url("https://ughbees.neocities.org/Aquarium/Aqua/panel3.png"); }
.img4 { background-image: url("https://ughbees.neocities.org/Aquarium/Aqua/panel4.png"); }

.wave{
  position:fixed;
  margin-top:56vh;
  height:500;
  z-index:-1;
}
.middle1{
  position:absolute;
  width:100vw;
  outline:auto;
  margin-top:890px

}
.middle2{
  position:absolute;
  width:100vw;
  outline:auto;
  margin-top:1800px;
}
.middle3{
  position:absolute;
  width:100vw;
  outline:auto;
  margin-top:2750px
}
.goldfishframe{
  position:absolute;
  z-index: index 99;
}
.goldfishframeborder{
  position:absolute;
  z-index:1;
  height:300px;
  width:300px;
  background-image:url("https://ughbees.neocities.org/Aquarium/Aqua/fishpattern.jpg");
  border-radius: 15px 15px 15px 15px;
  border:5px #84bfda solid;
  margin-top:190px;
  margin-left:1430px;
}
.koi1{
  position:absolute;
  margin-top:165px;
  margin-left:1650px;
  z-index:2;
}
.koi2{
  position:absolute;
  margin-top:350px;
  margin-left:1380px;
  transform:rotate(-20deg);
  z-index:2;
}
#koi4{
  position:absolute;
  margin-top:550px;
  margin-left:1810px;
}
#koi5{
  position:absolute;
  margin-top:650px;
  margin-left:1800px;
  transform:rotate(90deg)
}
.ftf{
  position:absolute;
  margin-top:510px;
  margin-left:1430px
}
.titles{
  position:absolute;
  margin-left:580px;
  z-index:1;
}
#titleaquarium{
  position:absolute;
  margin-left:-615px;
  margin-top:10px;
}
#goldfishpixelgif{
  position:absolute;
  margin-top:-130px;
}
#welcome{
  position:absolute;
  margin-left:-75px;
}
.bubbles1{
  position:absolute;
  margin-left:10vh;
  margin-top:10vh;
  z-index:1;
}
.bubbles2{
  position:absolute;
  margin-left:180vh;
  margin-top:10vh;
  z-index:1;

}
.blinkies{
  position:absolute;
  margin-top:140px;
  background:#6c9fea48;
}
.waterstamps{
  position:absolute;
  margin-left:190px;
}
.goldfishtext{
  position:absolute;
  background-image:url("https://ughbees.neocities.org/Aquarium/Aqua/bubbles.png");
  height:300px;
  width:500px;
  overflow:hidden;
  margin-left:573px;
  margin-top:190px;
  border-radius: 15px 15px 15px 15px;
  border:5px #e6ece9 dotted;
  padding:10px;
  font-family:"Pixels";
}

#gflist{
  position:absolute;
  margin-left:1165px;
  margin-top:190px;
}
#gf1{
  position:absolute;
  margin-top:140px;
  margin-left:350px;
}

#gf2{
  position:absolute;
  margin-top:350px;
  margin-left:400px;
}

#gf3{
  position:absolute;
  margin-top:320px;
  margin-left:-10px;
  transform:rotate(20deg)
}

#gf4{
  position:absolute;
  margin-top:130px;
  margin-left:190px;
  transform:rotate(-30deg);
}

#gf5{
  position:absolute;
  margin-top:430px;
  margin-left:1050px;
}

#gf6{
  position:absolute;
  margin-top:150px;
}

#gf7{
  position:absolute;
  margin-top:120px;
  margin-left:1710px;
  transform:rotate(40deg);
}

#gf8{
  position:absolute;
  margin-top:430px;
  margin-left:563px;
}

#gf9{
  position:absolute;
  margin-top:480px;
  margin-left:230px;
  transform:rotate(-50deg);
}

#gf10{
  position:absolute;
  margin-top:-50px;
  margin-left:-40px;
}

#gf11{
  position:absolute;
  margin-top:170px;
  margin-left:1080px;
}
#gf12{
  position:absolute;
  margin-top:620px;
  margin-left:1250px;
  transform:rotate(45deg)
}
#gf13{
  position:absolute;
  margin-top:540px;
  margin-left:870px;
}
#gf14{
  position:absolute;
  margin-top:660px;
  margin-left:1185px;
  transform:rotate(40deg);
}

#tinygf1{
  position:absolute;
  margin-top:250px;
  margin-left:1105px;
}
#tinygf2{
  position:absolute;
  margin-top:320px;
  margin-left:1105px;
}
#gfcracker{
  position:absolute;
  margin-top:350px;
  margin-left:1750px;
}
#tinygf3{
  position:absolute;
  margin-top:380px;
  margin-left:1105px;
}
#tinygf4{
  position:absolute;
  margin-top:440px;
  margin-left:1105px;
}
#ponyo{
  position:absolute;
  margin-top:330px;
  margin-left:320px;
}
#tinywater{
  position:absolute;
  margin-top:70px;
  margin-left:510px;
}
#tinybubble{
  position:absolute;
  margin-top:310px;
  margin-left:30px;
}
#tinywave{
  position:absolute;
  margin-top:200px;
  margin-left:200px;

}

#gfstamp1{
  position:absolute;
  margin-top:570px;
  margin-left:1290px;
}
#gfstamp2{
  position:absolute;
  margin-top:495px;
  margin-left:10px;
}
#gfstamp3{
  position:absolute;
  margin-top:570px;
  margin-left:470px;
}
#gfstamp4{
  position:absolute;
  margin-top:560px;
  margin-left:1410px;
}
#gfstamp5{
  position:absolute;
  margin-top:530px;
  margin-left:930px;
}
#gfstamp6{
  position:absolute;
  margin-top:550px;
  margin-left:10px;
}
#gfstamp7{
  position:absolute;
  margin-top:530px;
  margin-left:820px;
}
#koistamp1{
  position:absolute;
  margin-top:410px;
  margin-left:1750px;
}
#koistamp2{
  position:absolute;
  margin-top:500px;
  margin-left:1290px;

}
#koistamp3{
  position:absolute;
  margin-top:490px;
  margin-left:1750px;

}
#gfenter{
  position:absolute;
  margin-top:559px;
  margin-left:1550px;
}
#gfsparkle{
  position:absolute;
  margin-top:680px;
  margin-left:10px;
}
#gfgif1{
  position:absolute;
  margin-top:760px;
  margin-left:710px;

}
#gfgif2{
  position:absolute;
  margin-top:560px;
  margin-left:480px;
  transform:rotate(20deg);
}
#gfsquare1{
  position:absolute;
  margin-top:640px;
  margin-left:750px;
}
#gfsquare2{
  position:absolute;
  margin-top:640px;
  margin-left:430px;
}
#gfkiss{
  position:absolute;
  margin-top:760px;
  margin-left:280px;
}
#gfdrawing{
  position:absolute;
  margin-top:750px;
  margin-left:1700px;
  z-index:8;

}
#gforb{
  position:absolute;
  margin-top:730px;
  margin-left:1380px;
  z-index:2;

}
#gfstuffed{
  position:absolute;
  margin-top:760px;
  margin-left:1580px;

}
#gfgifsquare{
  position:absolute;
  margin-top:679px;
  margin-left:255px;

}
#gfstickers{
  position:relative;
 float:right;
 margin-top:-55px;
 margin-right:-15px;

}
.ily{
  display:flex;
  position:absolute;

  margin-top:430px;
  margin-left:155px;
  transform:rotate(25deg);
  font-size:20px;
  color:chocolate;
}
#gfdiv{
  position:absolute;
  margin-top:745px;
  margin-left:900px;
  z-index:1;
}

.fishfacts{
  display:flex;
  position:absolute;
  flex-direction:column;
  outline:auto;
  z-index:10;
  overflow-x:hidden;
  overflow-y:scroll;
  height:300px;
  width:400px;
  margin-top:790px;
  margin-left:940px;
  background-image:url("https://ughbees.neocities.org/Aquarium/Aqua/water%20(2).jpg");
}







/* PANEL 2 */

#tube{
  position:absolute;
  margin-top:-10px;
  margin-left:260px;
}
#tube2{
  position:absolute;
  margin-top:-10px;
  margin-left:300px;
}
#clamnfish{
  position:absolute;
  margin-top:500px;
  margin-left:10px;
}
#lisafrank{
  position:absolute;
  margin-top:100px;
  margin-left:30px;
}
#fishbowl1{
  position:absolute;
  margin-top:440px;
  margin-left:10px;
}
#computer{
  position:absolute;
  margin-top:30px;
  margin-left:1600px;
}
#spinning{
  position:absolute;
  margin-top:290px;
  margin-left:1590px;
}
#fishbowl2{
  position:absolute;
  margin-top:440px;
  margin-left:70px;
}
#square{
  position:absolute;
  margin-top:20px;
  margin-left:1380px;
}
#fishbowl3{
  position:absolute;
  margin-top:440px;
  margin-left:130px;
}
#pixelartsquare{
  position:absolute;
  margin-top:90px;
  margin-left:130px;
}
#tube3{
  position:absolute;
  margin-top:-10px;
  margin-left:430px;
}


.aquariumfish img{
  position:absolute;
}
#angelfish1{
  margin-top:230px;
  margin-left:1400px;
}
#angelfish2{
  margin-top:330px;
  margin-left:1400px;
}
#beta{
  margin-top:230px;
  margin-left:1500px;
}
#betabag{
  margin-top:440px;
  margin-left:190px;
}
#fishheadon{
  margin-top:140px;
  margin-left:120px;
}
#squareangelfish{
  margin-top:320px;
  margin-left:1500px;
}
#guppie{
  margin-top:170px;
  margin-left:70px;
}
#kissfishes{
  margin-top:;
  margin-left:540px;
}
#movinfish{
  margin-top:230px;
  margin-left:10px;
}
#angel3{
  margin-top:440px;
  margin-left:1540px;
}


.dolphins img{
  position:absolute;
}
#ceramicd1{
  margin-top:220px;
  margin-left:425px;
}
#ceramicd2{
  margin-top:213px;
  margin-left:370px;
}
#dolphgif1{
  margin-top:230px;
  margin-left:1300px;
}
#lisafrankdolphin{
  margin-top:520px;
  margin-left:1780px;
}
#dolphindiv{
  margin-top:190px;
  margin-left:800px;
}


.sharks img{
  position:absolute;
}
#hammerhead{
  position:absolute;
  margin-top:500px;
  margin-left:440px;
  transform:rotate(-30deg);
  z-index:2;
}
#scollage{
  position:absolute;
  margin-top:60px;
  margin-left:550px;
}
#sharkgif1{
  position:absolute;
  margin-top:-35px;
  margin-left:620px;
}
#pixelshark{
  position:absolute;
  margin-top:190px;
  margin-left:410px;
}
#rotatingshark{
  position:absolute;
  margin-top:150px;
  margin-left:-10px;
}


.whalesetc img{
  position:absolute;
}
#dorca{
  margin-top:600px;
  margin-left:90px;
}
#orcagif1{
  margin-top:380px;
  margin-left:1150px;
}
#orcagif2{
  margin-top:200px;
  margin-left:750px;
}
#orcasquare{
  margin-top:630px;
  margin-left:1780px;
}
#swordfish{
  margin-top:150px;
  margin-left:940px;
}
#tuna1{
  margin-top:420px;
  margin-left:180px;
  transform:rotate(-20deg);
}
#tuna2{
  margin-top:330px;
  margin-left:1140px;
}
#turtle{
  margin-top:700px;
  margin-left:1100px;
  transform:rotate(-20deg);
  z-index:2;
}
#whale3d{
  margin-top:580px;
  margin-left:-20px;
  transform:rotate(40deg);
}
#whalememe{
  margin-top:550px;
  margin-left:1370px;
}
#whalepng1{
  margin-top:300px;
  margin-left:350px;
}
#whalepng2{
  margin-top:690px;
  margin-left:5px;
}
#whaleshark{
  margin-top:420px;
  margin-left:1340px;
}


.shellstiny img{
  position:absolute;
}


.shellrow{
  position:absolute;
  margin-top:760px;
  margin-left:50px;
}

.tinycrabs{
  display:flex;
  position:absolute;
  margin-top:900px;
  margin-left:800px;
}
#shell8{
  position:absolute;
  margin-top:760px;
  margin-left:250px;
}
#shell9{
  position:absolute;
  margin-top:760px;
  margin-left:580px;
}
#shell10{
  position:absolute;
  margin-top:720px;
  margin-left:650px;
}

#tinyshark1{
  margin-top:380px;
  margin-left:365px;
}
#tinyshark2{
  margin-top:590px;
  margin-left:385px;
}
#tinyshark3{
  margin-top:690px;
  margin-left:1220px;
}

#tinydolphin{
  margin-top:300px;
  margin-left:1370px;
}

#fishnbag1{
  position:absolute;
  margin-top:525px;
  margin-left:190px;
}
#fishnbag2{
  margin-top:580px;
  margin-left:190px;
}

#tinyangel{
  margin-top:400px;
  margin-left:1200px;
}
#tinysilly{
  margin-top:360px;
  margin-left:1080px;
}
#tinywhaleshark{
  margin-top:680px;
  margin-left:730px;
}

.p2stamps img{
  position:absolute;
}
#clownfishstamp{
  margin-top:120px;
  margin-left:1230px;}
#sharkstamp1{
  margin-top:370px;
  margin-left:270px;
}
#sharkstamp2{
  margin-top:740px;
  margin-left:1780px;
}
#dolphinstamp1{
  margin-top:600px;
  margin-left:1200px;
}
#dolphinstamp2{
  margin-top:800px;
  margin-left:1780px;
}
#coralstamp{
  margin-top:780px;
  margin-left:10px;
}
#orcastamp{
  margin-top:380px;
  margin-left:900px;
}

.p2misc img{
  position:absolute;
}
#ceramicfishp2{
  margin-top:740px;
  margin-left:400px;
}
#glassfish{
  margin-top:620px;
  margin-left:265px;
}
#swimmingfish3{
  margin-top:730px;
  margin-left:200px;
}

.donate{
  position:absolute;
  display:FLEX;
  background-image:url("https://ughbees.neocities.org/Aquarium/Aqua/water%20(3).jpg");
  margin-top:450px;
  margin-left:900px;
  width:290px;
  height:429px;
}







.lots0fish{
  position:absolute;
  margin-top:px;


}


.fishesgif img{
position:absolute;
}
#bluetang{
  margin-top:10px;
  margin-left:490px;
}
#bluetang2{
  margin-top:720px;
  margin-left:1330px;
}
#bluetang3{
  margin-left:1510px;
  margin-top:220px;
}
#many1{
  margin-top:330px;
  margin-left:760px;
}
#many2{
  margin-top:580px;
  margin-left:1240px;
}
#many3{
  margin-top:360px;
  margin-left:1420px;
}
#rainbowfish{
  margin-top:590px;
  margin-left:670px;
}
#seahorseblue{
  margin-top:230px;
  margin-left:1390px;
}
#swimmingfishyellow{
  margin-top:560px;
  margin-left:790px;
}
#swimmingfishzebra{
  margin-top:1000px;
  margin-left:1090px;
}
#fishreading{
  margin-left:1450px;
  margin-top:50px;
}
#fishrocks{
  margin-top:-30px;
  margin-left:350px;
}
#mermaidgrotto{
  margin-top:680px;
  margin-left:670px;
}
#oceanpixel1{
  margin-top:160px;
  margin-left:1640px;
}
#oceanpixel2{
  margin-top:610px;
  margin-left:10px;
}
#yellowfish{
  margin-top:800px;
  margin-left:200px;
}
.p3images img{
  position:absolute;
}
#fishmemep3{
  margin-top:300px;
  margin-left:1500px;
}
#exe{
  margin-top:500px;
  margin-left:1320px;
}
#win98{
  margin-top:130px;
  margin-left:340px;
}
#ciclid{
  margin-top:540px;
  margin-left:910px;
  transform:rotate(25deg);
}
#clownfish{
  margin-top:480px;
  margin-left:870px;
}
#colorful1{
  margin-left:600px;
}
#colorful2{
  margin-top:280px;
  margin-left:830px;
}
#colorful3{
  margin-top:120px;
  margin-left:730px;
}
#colorful4{
  margin-top:800px;
  margin-left:1410px;
  transform:rotate(20deg);
}
#colorful5{
  margin-top:840px;
  margin-left:120px;
}
#dory{
  margin-top:495px;
  margin-left:990px;
  transform:rotate(25deg);
}
#fishpaper1{
  margin-top:20px;
  margin-left:810px;
}
#fishpaper2{
  margin-top:20px;
  margin-left:930px;
}
#fishpaper3{
  margin-top:20px;
  margin-left:1060px;
}
#mahimahi{
  margin-left:1030px;
  margin-top:100px;
  transform:rotate(-20deg);
}
#parrot{
  margin-top:950px;
  margin-left:-80px;
}
#orangeseahorse{
  margin-top:300px;
  margin-left:1200px;
  transform:rotate(15deg);
}
#shrimpblue{
  margin-top:890px;
}
#yellowfishpng{
  margin-top:900px;
  margin-left:1090px;
  transform:rotate(15deg);
}
#zebrafish{
  margin-top:700px;
  margin-left:1050px;
  transform:rotate(20deg);
}


.p3stamps img{
  position:absolute;
}

#clownstamp{
  margin-top:480px;
  margin-left:660px;
}
#coral2stamp{
  margin-top:0px;
  margin-left:1640px;
}
#colorfulstamp{
  margin-top:790px;
  margin-left:20px;
}

#dancingshrimp{
  margin-top:700px;
  margin-left:1460px;
}



@font-face {
  font-family:"Pixeled";
  src:url("easvhs.ttf")
  format("truetype");
}
@font-face {
  font-family:"Dream";
  src: url("Daydream.ttf")
  format("truetype");
}




.p4gifs img{
  position:absolute;
}

#bbstamp {
  margin-left:29px;
  margin-top:80px;
}

#dg1{
  margin-top:500px;
  margin-left:40px;
}
#dg2{
  margin-top:500px;
  margin-left:1480px;
}
#dg3{
  margin-top:380px;
  margin-left:1779px;
}
#jelly1{
  margin-top:230px;
  margin-left:40px;
}
#jelly2{
  margin-top:230px;
  margin-left:260px;
  transform:rotate(45deg)
}
#jelly3{
  margin-top:390px;
  margin-left:310px;
}
#xrayfishstamp{
  margin-left:1779px;
  margin-top:40px;
}

.p4pngs img{
position:absolute;
}

#mermaid{
  margin-top:20px;
 margin-left:650px;
 transform:rotate(45deg);
}
#colacinth{
  margin-left:1360px;
  margin-top:300px;
}
#d1{
  margin-left:1360px;
  margin-top:500px;
}
#d2{
  margin-left:1360px;
  margin-top:600px;
}
#d3{
  margin-left:1360px;
  margin-top:700px;
}
#d5{
  margin-left:1360px;
  margin-top:20px;
}
#d6{
  margin-left:560px;
  margin-top:700px;
}
#d7{
  margin-left:560px;
  margin-top:560px;
}
#d8{
  margin-left:560px;
  margin-top:380px;
  transform:rotate(45deg)
}
#d9{
  margin-left:1490px;
  margin-top:180px;
}
#d10{
  margin-left:1690px;
  margin-top:280px;
}
#d11{
  margin-left:1590px;
  margin-top:230px;
}
#d12{
  margin-left:1590px;
  margin-top:30px;
}
#d13{
  margin-left:1470px;
  margin-top:30px;
}
#d14{
  margin-left:670px;
  margin-top:460px;
}
#ray{
  margin-top:100px;
  margin-left:1200px;
}
#squid1{
  margin-top:500px;
  margin-left:460px
}
#squid2{
  margin-top:30px;
  margin-left:260px
}
#squid3{
  margin-top:300px;
  margin-left:430px
}
#squid4{
  margin-top:190px;
  margin-left:550px;
  transform:rotate(20deg)
}



.p4wrap{
  position:absolute;
  margin-top:170px
}
























































































/* SCROLL BAR */

/* ===== Scrollbar CSS ===== */
  /* Firefox */
  * {
    scrollbar-width: auto;
    scrollbar-color: #6c9eea #07edc7;
  }

  /* Chrome, Edge, and Safari */
  *::-webkit-scrollbar {
    width: 10px;
  }

  *::-webkit-scrollbar-track {
    background: #07edc7;
  }

  *::-webkit-scrollbar-thumb {
    background-color: #6c9eea;
    border-radius: 1px;
    border: 1px solid #f2c0ed;
}


/* CURSOR */


/* Start https://www.cursors-4u.com */ * {cursor: url(https://cur.cursors-4u.net/nature/nat-8/nat710.cur), auto !important;} /* End https://www.cursors-4u.com */

