body{
margin:10px;
background-image:url(https://bennizone.net/funzone/dollz/bunnyzone/bg-hearts.gif);
font-family:MS UI GOTHIC;
}


.container {
vertical-align:top;
width:80%;
min-height: 95vh;
max-width:2000px;
  display: grid;
  grid-gap: 5px;
  grid-template:
    "header header"
     "buntitle buntitle"
    "bunny bunny"
    "rules1 rules2"
    "footer footer"
    /1fr 1fr;
}

header{
text-align:center;
grid-area: header;}


.buntopimg{
border-radius:10px 10px 0px 0px;
width:100%;}


bunny{
min-height:200px;
background:#f999ca;
border:2px solid black;
border-radius:10px;
vertical-align:top;
text-align:center;
grid-area: bunny;

}


rules1{
margin-top:10px;
grid-area: rules1;}
rules2{
margin-top:10px;
grid-area: rules2;}
footer{
margin-top:10px;
grid-area: footer;
}

buntitle{
text-align:center;
grid-area: buntitle;
font-family: Spirit;}

  

@font-face {
   font-family: Spirit;
   src: url(https://bennizone.net/zigzag/Spirit.ttf)
	 format(truetype);
 }

pretty{
font-family: Spirit;
font-size: 16px;
font-weight:normal;
    color: black;}

button{
font-family:"MS UI Gothic";
font-size:16px;
border:2px solid black;
border-radius:30px;
background:#f999ca;
padding:2px 5px 2px 5px;
}

button:hover{
background:lightblue;
color:white;
border:2px solid blue;
transform: scale(1.1);}

.style0 {
   padding:10px 6px 6px 6px;
   height:auto;
   min-height:200px;
   background:#f999ca;
   border-radius:10px;
}

.style1 {
  border-radius:10px;
  height:auto;
  min-height:200px;
  background-image:url(https://bennizone.net/funzone/bunny/bg_BEACH.png),url(https://bennizone.net/funzone/bunny/bg_BEACHrep.png),url(https://bennizone.net/funzone/bunny/bunbg_beach.png);
  background-position: right top, right top, left top;
  background-size:auto 90px, auto 90px, auto;
  background-repeat: no-repeat,repeat-x,repeat;
  padding-top:95px;
}

.style2 {
  border-radius:10px;
  height:auto;
  min-height:200px;
  background-image:url(https://bennizone.net/funzone/bunny/bg_ROOFfence.png),url(https://bennizone.net/funzone/bunny/bg_ROOF.png),url(https://bennizone.net/funzone/bunny/bg_ROOFrep.png),url(https://bennizone.net/funzone/bunny/bunbg_roof.png);
  background-position: right top, right top, right top, right top;
  background-size:auto 90px, auto 90px, auto 90px, auto;
  background-repeat: repeat-x,no-repeat,repeat-x,repeat;
  padding-top:95px;
}

.style3 {
  border-radius:10px;
  height:auto;
  min-height:200px;
  background-image:url(https://bennizone.net/funzone/bunny/bg_VIEW.png),url(https://bennizone.net/funzone/bunny/bg_VIEWrep.png),url(https://bennizone.net/funzone/bunny/bunbg_view.png);
  background-position: right top, right top, right top;
  background-size:auto 90px, auto 90px, auto;
  background-repeat: no-repeat,repeat-x,repeat;
  padding-top:95px;
}


.babecontainer{
padding:10px 6px 6px 6px;
min-height:200px;}

a{
color:black;}

ul.girls {
  list-style: square outside url("https://bennizone.net/funzone/dollz/bunnyzone/listsharpie.png");
  border: none;
  margin-left:-19px;
}

ul.girls li {
  border-bottom: 1px solid magenta;
}

.zoom:hover {
    transform: scale(2);
    image-rendering: pixelated;
    background-size:110% 110%;
}

.pinkbox{
background:lightpink;
border:2px solid black;
border-radius:10px;}

.bunnytitle {
display:inline-block;
}

.topbox {
padding-top:25px;
 border-image-slice: 126 111 135 118 fill;
border-image-width: 25.5px 25px 25.5px 25px;
border-image-outset: 0px 0px 0px 0px;
border-image-repeat: round round;
border-image-source: url("https://bennizone.net/funzone/bunny/frillbunborder.png");
border-style: solid; 
display:inline-block;
width:80%;
max-width:500px;
min-height:180px;
position:relative;
margin-bottom:10px}

.sharpipeek{
width:250px;
height:auto;
z-index:-2;
position:absolute;
margin-left:-375px;
margin-top:-125px;
}

.bnbs{
height:auto;
width:auto;
max-width:10%;
margin-right:-8px;}

.counter{
font-size:13px;
display:inline-block;
background:darkblue;color:lightpink;padding:2px;padding-left:4px;padding-right:4px;border:2px solid pink;border-radius:4px;}

.number{
background:lightpink;color:black;padding-left:3px;border-radius:2px;
}


.rulesinfo1{
padding:2px 10px 2px 10px;
margin:25px 25px 25px 25px;
 border-image-slice: 126 111 135 118 fill;
border-image-width: 25.5px 25px 25.5px 25px;
border-image-outset: 25.5px 25px 25.5px 25px;
border-image-repeat: round round;
border-image-source: url("https://bennizone.net/funzone/bunny/frillbunborderc.png");
border-style: solid;}

.rulesinfo2{
padding:2px 10px 2px 10px;
margin:25px 25px 25px 25px;
 border-image-slice: 126 111 135 118 fill;
border-image-width: 25.5px 25px 25.5px 25px;
border-image-outset: 25.5px 25px 25.5px 25px;
border-image-repeat: round round;
border-image-source: url("https://bennizone.net/funzone/bunny/frillbunborderc.png");
border-style: solid;}

.bases{
padding:2px 10px 2px 10px;
margin:25px 25px 25px 25px;
 border-image-slice: 126 111 135 118 fill;
border-image-width: 25.5px 25px 25.5px 25px;
border-image-outset: 25.5px 25px 25.5px 25px;
border-image-repeat: round round;
border-image-source: url("https://bennizone.net/funzone/bunny/frillbunborder.png");
border-style: solid;}

.bbg{
background:#B9EBF0;}

.scrollrules{
padding-right:10px;
width:100%;
height:250px;
overflow-y:auto;
overflow-x:none;}

.thankyou{
padding:5px;
background:#E6CCFF;
background-image:url(https://bennizone.net/funzone/bunny/bun-bases.gif);
background-size:100% 100%;
    width:100%;
    max-width:450px;
border:2px solid black;
border-radius:10px;
outline-top:10px solid transparent;
}
       
    
    
    @media (max-width: 750px) {
  .container {
  width:98%;
  grid-template:
    "header"
    "buntitle"
    "bunny"
    "rules1"
    "rules2"
    "footer"
    /1fr;}
   
       .topbox{
width:100%;}
    
 .sharpipeek{
   display:none;
   }

}