html{
    background-color: rgb(0, 242, 255);
    background-image: url('smallblue.png');
    background-repeat: repeat;
}

body, html { 
    overflow: hidden; 
}

#banner{
    background-color: dodgerblue;
    width: 100%;
    height: 120px;
    z-index: 1;
}

#bannerlink{
    text-align: center;
    position: relative;
    justify-content: center;
    align-items: center;
    bottom: 130px;
    z-index: 4;
}

#bannerheading{
    font: bold;
    position: relative;
    bottom: 130px;
    color: rgb(15, 58, 231);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 2;
}

#indextxt{
    top: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#indeximg{
    top: -80px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#galleryheader{
    top: -130px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#gallerytitle{
    top: -150px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#gallery{
    top: -150px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#galleryfooter{
    top: -165px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#blogheader{
    top: -120px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#blogtitle{
    top: -160px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#blogfooter{
    top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#blognav{
    top: -230px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#video{
    top: -140px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#memes{
    top: -140px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
    column-gap: 20px;
}

#memefooter{
    top: -140px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
    column-gap: 20px;
}

#nyancat{
    top: -200px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#housebutton{
    top: -210px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#badges{
    top: -90px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
    column-gap: 10px;
}

#secret01{
    top: -40px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#secret01banner{
    top: -440px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}

#mhms{
    top: -130px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    z-index: 3;
    position: relative;
}