body {
       font-family: 'MS UI Gothic';
       margin: 0;
       background-color: #cdd1b6;
       color: black;
}


* {
  box-sizing: border-box;
}             
          
           
.boxy{
color:black;
padding:5px;
margin-left:5px;
margin-right:5px;
background:url(https://bennizone.net/0archival/FUN/worms/gridbg.png);
border:3px solid #5974E7;
border-radius:10px;
}

.boxy2{
color:white;
padding:10px;
margin-left:10px;
margin-right:10px;
background:url(https://bennizone.net/0archival/FUN/worms/bg.jpg);
border:3px solid darkblue;
border-radius:10px;
}          


i {
font-weight:normal;}


ul.square {
  text-align:left;
  list-style: inside url("https://bennizone.net/graphix/newlayout/li-square.png");
  border: none;
  margin:0;
  padding:0;
  margin-left:10px;
  margin-top:-10px;
}

ul.circle {
  text-align:left;
  list-style: inside url("https://bennizone.net/graphix/newlayout/li-circle.png");
  border: none;
  margin:0;
  padding:0;
  margin-left:10px;
  margin-top:-10px;
}

ul.cone {
  text-align:left;
  list-style: inside url("https://bennizone.net/graphix/newlayout/li-cone.png");
  border: none;
  margin:0;
  padding:0;
  margin-left:10px;
  margin-top:-10px;
}

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

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



a:link {
  text-decoration: underline;
  color:blue;
}

a:visited {
  text-decoration: underline;
  color:blue;
}

a:hover {
  color:green;
  text-decoration: underline;
}

a:active {
  color:yellow;
  text-decoration: none;
}



.container {
width:98%;
max-width:2000px;
background-image:url(https://bennizone.net/graphix/newlayout/tilebg_01.GIF);
border-top:4px outset magenta;
border-left:4px outset green;
border-right:4px outset brown;
border-bottom:4px outset red;
  margin:12px;
  padding:5px;
  display: grid;
  grid-gap: none;
  grid-template:
    "menu main"
    "footer footer"
    /150px 1fr;
}

.topper{
width:98%;
max-width:2000px;
margin:12px;
padding-left:5px;
padding-right:5px;
text-align:right;
color:blue;
background-image: url(https://bennizone.net/0archival/FUN/worms/gridbg.png);
border-top:4px outset red;
border-left:4px outset green;
border-right:4px outset orange;
border-bottom:4px outset purple;
}

.logo{
width:110%;
display:inline-block;
}

menu { grid-area: menu;
margin:5px;
height:100%;
width:100%;
vertical-align:top;
text-align:center;
}
.menumove{margin-left:-45px;}


main { grid-area: main;
margin:5px;
padding:2px;
border-top:4px outset darkgrey;
border-left:4px outset red;
border-right:4px outset blue;
border-bottom:4px outset brown;
background-image:url(https://bennizone.net/graphix/layout/bg1.png);}

footer { grid-area: footer;
height:30px;
margin:5px;
margin-top:0px;
padding:2px;
border-top:4px outset yellow;
border-left:4px outset blue;
border-right:4px outset green;
border-bottom:4px outset grey;
background-image:url(https://bennizone.net/graphix/newlayout/wall_concrete.png);}








@media (max-width: 650px) {
  .container {
  width:98%;
    grid-template:
      "menu"
      "main"
      "footer";}
    .topper{
    display:none;
    }
    .logo{
    width:100%;
    max-width:300px;
    height:auto;
    position:static;
    top:0;
    transform:none;
    margin:0px;}
    menu{
    margin:5px;}
    .menumove{margin-left:-40px;}
}