.Header{
    position: relative;
    width: 100%;
    height: 400px;
    background-color: rgb(8, 163, 163);
}
button{
    position: relative;
    width: 200px;
    height: 100px;
    top: 250px;
    left: 245px;
    border-radius: 20px;
    background-color: rgb(131, 15, 15);
    color: rgb(255, 255, 255);
    font-size: 30px;
}
.BlockyperpPfp{
    position: relative;
    width: 200px;
    height: 200px;
    left: 800px;
    bottom: 70px;
}
.Homepage{
    position: relative;
    left: 400px;
}
.Homepage h1{
    position: relative;
    left: 200px;
    font-size: 55px;
    color: rgb(253, 253, 253);
}
.Homepage p {
    position: relative;
    font-size: 30px;
    text-align: center;
    width: 700px;
    left: 150px;
    color: rgb(255, 255, 255);
}
.HomeBody{
    width: 100%;
    height: 100%;
    background-size: 100% 67%;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-attachment: fixed;
    background-image: url(/Users/Blockyperp/Desktop/Stuff/Blockyperp\ Website/src/assets/images/Wellcome.png);}
    .Sub button{
        background-color: rgb(135, 3, 3);
        color: rgb(223, 223, 223);
        position: relative;
        left: 1500px;
    }
    .Sub iframe {
        position: relative;
        width: 500px;
        height: 300px;
        left: 1090px;
    } 
    .Videos{
        position: relative;
        left: 100px;
display: grid;
grid-template-rows: repeat(24,25%);
grid-template-columns: repeat(2,50%);
width: 100%;
height: 90%;
row-gap: 9px;
    }
    .Videos iframe{
        width: 700px;
        height: 400px;
    }
    .VideosBody h1{
        position: relative;
        left: 450px;
        font-size: 60px;
    }
    .VideosBody{
        width: 100%;
        height: 100%;
        background-image: url(/Users/Blockyperp/Desktop/Stuff/Blockyperp\ Website/src/assets/images/Videos\ Background\ image.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .Photosh1 {
        position: relative;
        left: 35%;
        top: 50%;
    }
    .PhotosBody {
        width: 100%;
        height: 100%;
        background-image: url(/Users/Blockyperp/Desktop/Stuff/Blockyperp\ Website/src/assets/images/Sunrise.png);
        background-repeat: no-repeat;
        background-size: cover;

    }
    .Photos {
        display: grid;
        grid-template-rows: repeat(4,25%);
        grid-template-columns: repeat(2,50%);
        row-gap: 2%;
        position: relative;
        left: 5%;
    }
    .Photos img{
        width: 80%;
    }
    .Downloadsh1 {
        position: relative;
        left: 32%;
        color: rgb(255, 255, 255);
    }
    .Downloads
    {
    display: grid;
    grid-template-rows: repeat(2,50%);
    grid-template-columns: repeat(4,25%);
    position: relative;
    right: 10%;
    row-gap: 10%;
    }
    .Download h2{
        position: relative;
        top: 200%;
        left: 76%;
        font-size: 150%;
        color: rgb(255, 255, 255);

    }
.Download button{
    width: 70%;
    height: 60%;
    bottom: 100%;
    position: relative;
}
.Download{
    width: 70%;
    height: 50%;
}
.DownloadsBody{
    width: 100%;
    height: 100%;
    background-image: url(/Users/Blockyperp/Desktop/Stuff/Blockyperp\ Website/src/assets/images/Downloads\ Background.png);
    background-repeat: no-repeat;
    background-size: cover;

}
.About{
background-color: rgba(110, 13, 13, 0.795);
width: 50%;
position: relative;
left: 25%;
top: 200px;
height: 900px;
border-radius: 15px;
}
.AboutBody{
    height: 100%;
    background-image: url(/Users/Blockyperp/Desktop/Stuff/Blockyperp\ Website/src/assets/images/About\ Pic.png);
    background-repeat: no-repeat;
    background-size: cover;

}
.info{
    position: relative;
    left: 27%;
    top: 15%;
    width: 55%;
    height: 55%;
}

.Links{
    position: relative;
    left: 33%;
}
.sdfghg{
    width: 200px;
    height: 200px;
}
}