@font-face {
    font-family: creepster;
    src: url(ass/Creepster.ttf);
}


body{
    
    background-color: white;
    background-image:url(ass/moreshrimp.jpg);
    
}

header{
   width: 100%;}
   
    
    h1{
          font-family: "Slackey", sans-serif;
        color:rgb(255, 103, 69);
    text-align: center; } 
    
     #banner{
        margin-left: 10%;
        height: 20%;
    width: 70%;
    margin-bottom: 1;
    }
    
     #shwimp {
       width: 24.5%;
height: 100px;
margin: 0px;

 }


.container{
    
    background-image:url(ass/shrimpdancefloor.jpg);
    background-size: cover;
    width: 60%;
    margin: auto;
    margin-top: 1px;
    padding: 5px;
    overflow: hidden;
    color: aliceblue;
    border: 50px solid transparent; 
border-image: url('ass/testborder.png') 50 round;
background-clip: padding-box;



}

 #edward{
    width: 20%;

}









.sidebox{
 
    background-color:rgb(221, 153, 121);
    width: 200px;
    float: left;
    margin: 20px;
    margin-left: 100px;
     border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: black; }

     #waffle{
        border: black;
        border-radius: 10px;
         border-style: solid;
    border-width: 1px;
    width: 100%;
    height: 200px;}

    h3{
        text-align: center;
    }

    
    


.photobox{
    margin: 20px;
    padding: 0%;


}




    
#smallshwimp{
    width: 13%;
    margin: 5px;
}
#smallshwimp1{
     width: 13%;
    margin: 5px;
}
#smallshwimp2{
   width: 13%;
    margin: 5px;
}
#smallshwimp3{
    width: 13%;
    margin: 5px;
}
#smallshwimp4{
   width: 13%;
    margin: 5px;
}




a{
     color: brown;
}
a:hover {
    color: rgb(248, 208, 246);
}


ul li::marker { 
      
    content:"♥ ";
}

ul{
    font-family: "Slackey", sans-serif;
    color: brown;
    padding: 20px;
}
li { 
    
    line-height: 30px;
}



p3{
    font-size: 20px;
}