body{
    background-image: url(ocean.jpg);
    
    background-attachment: fixed;
    background-position: center;
    
    font-family:"Courier Prime";
}
a{
    color: rgb(116, 92, 66);
}

.Box1{
    margin-left: 80px;
    margin-top: 30px;
    position: relative;
    display: block;
    background-color: rgb(247, 210, 165);
    width: fit-content;
    height: 460px;
    width: 340px;
    border: 2px rgb(119, 156, 174) solid;
    font-size: 14px;
    border-radius: 10px;
    
}

.Box1body{
    position: relative;
    margin-left: 2%;
    color: rgb(116, 92, 66);;
}


.Box1head{
position: relative;
background-color: rgb(135, 178, 136);
width: fit-content;
font-size: 15px;
width: 340px;
border-bottom: 3px rgb(119, 156, 174) solid;
line-height: 1px;
padding-top: 3px;
padding-bottom: 1px;

color: rgb(68, 74, 117);
height: 20px; 
}

.Homelinks1{
    position: relative;
   
    border: 3px rgb(167, 106, 106, 05) dotted;
    width: 300px;
    margin-left: 1%;
    color: rgb(56, 56, 73);
    background-color: rgb(249, 216, 175);;
    border: 2px rgb(200, 170, 134) dotted;
    bottom: 7px;
    justify-content: space-between;
    
}


.Box2{
    position: relative;
    background-color: rgb(249, 216, 175);
    border: 2px rgb(119, 156, 174) solid;
    width: 600px;
    left: 450px;
    bottom: 463px;
    padding-left: 20px;
    height: 350px;
    border-radius: 10px;
 
    
}

#SiteTitle{
    position: relative;
    left: 9px;
    bottom: 5px;
}

.Box2HeadIcon{
    position: relative;
    left: 8px;
    top: 3px;
}

.sitetags2{
    position: relative;
    left: 540px;
    bottom: 48px;
}

.Box2head{
    position: relative;
    background-color: rgb(135, 178, 136);
    display: inline block;
    bottom: 0px;
    padding-top: 1px;
    padding-bottom: 1px;
    height: 25px;
    right: 20px;
    text-indent: 5px;
    width: 620px;
    border-bottom: 3px rgb(119, 156, 174) solid;
    color: rgb(68, 74, 117);

}

#Box2Title{
    position: relative;
    left: 25px;
    bottom: 10px;
}

#rei{
    position: relative;
    right: 10px;
    border: 3px rgb(119, 156, 174) solid;

}

#Box2Introtext{
    position: relative;
    font-size: 30px;
    overflow: hidden;
    color: rgb(56, 56, 73);
    background-color: rgb(249, 216, 175);;
    border: 2px rgb(200, 170, 134) dotted;
    bottom: 7px;


}

.Seaportlinks{
    position: relative;
    border: 3px rgb(167, 106, 106, 05) dotted;
    width: 280px;
    margin-left: 1%;
    color: rgb(56, 56, 73);
    background-color: rgb(249, 216, 175);;
    border: 2px rgb(200, 170, 134) dotted;
    top: 5px;
    
}


.albums{
    position: absolute;
    color: rgb(56, 56, 73);
    background-color: rgb(249, 216, 175);;
    border: 3px rgb(135, 178, 136) solid;
    top: 900px;
    left: -43px;
    width: 400px;
    margin-left: 130px;
    height: 200px;
    text-align: center;
    overflow: scroll;
    
}

#albumshead{
    position: relative;
    background-color: antiquewhite;
    padding-top: 3px;
    bottom: 17px;
    height: 19px;


    
    border-bottom: 3px rgb(135, 178, 136) solid;
}

.covers:hover{
    background-color: aqua;
}

.movies{
    position: relative;
    color: rgb(56, 56, 73);
    background-color: rgb(249, 216, 175);
    border: 3px rgb(119, 156, 174) solid;
    
    left: 500px;
    width: 530px;
    text-align: center;
    bottom: 816px;
    left: 1100px;
    height: 280px;
    
    
}

#movieshead{
    position: relative;
    background-color: rgb(135, 178, 136);
    border-bottom:3px rgb(119, 156, 174) solid;
    bottom: 16px;
    height: 13px;
    
    padding-top: 9px;
    height: 25px;
    
}

.moviesheadicon{
    position: relative;
    bottom: 60px;
    right: 250px;

}

.moviesheadicon2{
    position: relative;
    bottom: 81px;
    left: 230px;

}

.movieposters{
    position: relative;
    bottom: 50px;
}

.sitetags{
    position: relative;
    bottom: 33px;
    left: 260px;
}

.tunes{
    position: relative;
    background-color: rgb(216, 242, 239);
    width: 500px;
    left: 80px;
    padding-left: 40px;
    border: 3px rgb(101, 138, 156) solid;
    bottom: 625px;
    height: 350px;

}

.tuneshead{
    position: relative;
    left: -40px;
    border-bottom: 3px rgb(101, 138, 156) solid;
    height: 23px;
    padding-top: 3px;
    background-color:rgb(135, 178, 136);
    width: 540px;
    margin-bottom: 3%;
    text-indent: 10px;
    font-size: 15px;
    
}

#tunesheadtext{
    position: relative;
    bottom: 12px;
    left: 10px;
}

.tuneshead img{
    position: relative;
    bottom: 45px;
}

.homegif1{
    position: relative;
    bottom: 1096px;
    left: 450px;
}

.homegif2{
    position: relative;
    bottom: 1201px;
    left: 774px;
}


.tvscreen{
    position: relative;
    bottom: 1370px;
    left: 576px;
    
}

.tvinside{
    position: relative;
    bottom: 1750px;
    left: 663px;
    border-radius: 20%;
    object-fit: cover;
    
}

.tvinside img{
    border-radius: 14%;
    width: 326px;
    height: 223px;
    border: 5px rgb(192, 221, 215) solid;
}

.tvscreen p{
    position: relative;
    left: 300px;
    top: 200px;
}

.youtubevid{
    position: relative;
    bottom: 2235px;
    left: 1099px;
    background-color: rgb(216, 242, 239);
    border: 3px rgb(101, 138, 156) solid;
    text-align: center;
    width: 400px;
}

.youtubevid iframe{
    text-align: center;
}

.youtubehead{
    background-color: rgb(135, 178, 136);
    padding-top: 5px;
    padding-bottom: 5px;
    height: 20px;
    margin-bottom: 3%;
    border-bottom: 3px rgb(101, 138, 156) solid;
}

.sitetags3{
    position: relative;
}

#youtubeheadtext{
    position: relative;
    bottom: 11px;
}