html{
    position: relative;
}
body{
    background-color: #09004f;
    max-width: 1920px;
    margin: auto;
    background-image: url(colonthrees1.gif);
   /* font-family: "goon";*/
   font-family: "impact";
    image-rendering: pixelated;
    color:#d2cdfc;
}

.PHr{
    border:#347cde 6px solid;
}

.cent{
margin: auto;
}

#siteTop{
    /*border: orange solid 4px;*/
    position: relative;
    max-width: 1500px;
    margin: auto;
    padding: 40px 0px 40px 0px;
    margin-top: 20px;

}

#moreFun{
    font-size: 400%;
    width: 600px;
    height: 100px;
    text-align: center;
    margin: 60px auto 60px auto
}

#siteBelow{
    /*border: rgb(92, 145, 23) solid 4px;*/
    position: relative;
    padding: 40px 0px 40px 0px;
    max-width: 1500px;
    height: 600px;
    margin: auto;

}

.welcomeBox{
    width: 700px;
    height: 100px;
    text-align: center;
    font-size: 300%;
    border: transparent 20px solid;
    border-image: url(bordye2.png) 70 round;
    overflow: hidden;

}

.welcomeBox div{
    margin-top: 0px;
    height: 100%;
    background-color: #3d0032;
    padding: 25px;
    
}

#wormSide, #tapeSide{
    border:#72a4e7 6px solid;
    background-color: #11046e;
    width:250px;
    height: 300px;
    position: absolute;
    top: 140px;
    background-blend-mode: hard-light;
    background-image: url(wormsblue.png);
    background-color: #09004f;
}

#wormSide{

    right: 40px;



}
#tapeSide{
    left: 40px;
}

#introHi{
    border: transparent 20px solid;
    border-image: url(bordye2.png) 70 round;

    width: 780px;
    min-height: 400px;
    margin-top: 35px;
    font-size: 150%;
}
#introHi div{
       background-color: #3d0032;
        
    padding: 25px;
}
#TVcont{
    width:600px;
    height: 500px;
    margin: auto;
    position: relative;
}


#TVi{
    position: absolute;
    right: 100px;
    top:75px;

    width:400px;
    height: 350px;
    display: inline-block;
    border: red solid 2px;
}

#remote{
    border:rgb(13, 0, 49) solid 6px;
    width: 325px;
    height: 400px;
    padding: 3px;
    margin: auto;
    margin-top: 50px;
    text-align: center;

}

#remote a{
    background-color: red;
    border: blue solid 5px;
    height: 40px;
    font-size: 150%;
    padding: 8px;
    color:white;
    text-decoration:wavy underline overline blue 2px;
    line-height: 3;
    letter-spacing: 2.4px;
    margin: 0px 4px;
}


.belowLink{
    width: 200px;
    height: 200px;
    position: absolute;
}


#BL1{
bottom:300px;
left:110px; 
}
#BL2{
bottom:300px;
right:110px;
}
#BL3{
bottom:20px;
left:110px;
}
#BL4{
bottom:20px;
right:110px;
}