@charset "utf-8";
html {-webkit-user-select: none; -ms-user-select: none; user-select: none; overflow-x: hidden; overflow-y: scroll;}
body {margin: 0 auto; font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial", "sans-serif";}
.mobheader {z-index: 20; background-image: repeating-radial-gradient(#E7F2C7 5%, gold 20%, #F2C7EE 10%); border: 5px red solid; border-top: 0px; border-radius: 0px 0px 15px 15px; width: calc(95% - 20px);}
.header {min-width: 1000px; margin: 0px auto; width: 95%; padding: 10px 10px 10px 10px; background-image: repeating-radial-gradient(#E7F2C7 5%, gold 20%, #F2C7EE 10%); border: 5px red solid; border-top: 0px; border-radius: 0px 0px 15px 15px;}
.webbutton {display: inline-block; background-color: #f5f593; padding: 45px 0px 0px 0px; box-shadow: 3px -3px 1px 1px orange; margin: 0px 2px 0px 0px; cursor: pointer; border: purple 3px solid; border-radius: 15px 15px 15px 15px; width: 50px; height: 90px; text-align: center; }
.mobbutton {display: inline-block; background-color: #f5f593; padding: 0px 0px 0px 0px ; box-shadow: 3px -3px 1px 1px orange; margin: 0px 0px 0px 0px; cursor: pointer; border: purple 3px solid; border-radius: 15px 15px 15px 15px; width: 95%; text-align: center; }
.webbutton:active { border: green 3px solid; box-shadow: 0px -3px 1px 1px orange;}
.mobbuttonb {display: inline-block; background-color: #f5f593; padding: 15px 10px 15px 10px; box-shadow: 3px -3px 1px 1px orange; margin: 0px 2px 0px 0px; cursor: pointer; border: purple 3px solid; border-radius: 15px 15px 15px 15px; text-align: center;}
.mobmenu {margin: 0 auto; display: none; z-index: 19; width: 80%; margin: 0px 15px 0px 25px; position: absolute; padding: 10px 10px 10px 10px; background-image: repeating-radial-gradient(#E7F2C7 5%, gold 20%, #F2C7EE 10%); border: 5px red solid; border-top: 0px; border-radius: 0px 0px 15px 15px; text-align: center;}
.mobhead {display: none;}
.head {display: none;}
.boxinner {margin: 0 auto; border: 3px red solid; }
.mobilediv {width: calc(100%-20px); padding: 0px 10px 0px 10px }
.button {display: inline-block; background-color: #f5f593; padding: 5px 20px 5px 20px; box-shadow: 5px -5px 1px 1px orange; border: 4px red solid; border-radius: 10%; cursor:pointer; }
.button:hover { background-color: #f5e16e; border: 4px solid #2765F5; box-shadow: 5px -5px 1px 1px #5A660A;}
.button:active { background-color: #89FA78; border: 2px solid #2765F5;box-shadow: 2px -2px 1px 1px #5A660A;}
.boxfoot {height: 35px; text-align: right; padding: 10px; }
.boxbody {border-bottom: 3px red solid; font-size: 20px; padding: 15px 10px 20px 10px;}
.boxhead {border-bottom: 3px red solid; font-size: 28px; padding: 10px; background-image: repeating-radial-gradient(#E7F2C7 5%, gold 20%, #F2C7EE 10%);}
.full {display: none; min-width: 1050px; max-width: 1020px; margin: 0px auto; width: 95%; padding: 10px 10px 10px 10px;}
.mobfull {display: none; margin: 0px auto; width: calc(100% - 20px); padding: 10px 10px 10px 10px;}
.Playerbut {display: inline-block; background-color: #f5f593; padding: 10px 0px 0px 0px;  box-shadow: 5px -5px 1px 1px orange; border: 5px orange solid; border-radius: 10%; width: 100%; height: 30px;cursor:pointer; margin-bottom: 10px;}
.mobPlayerbut {font-size: larger; display: inline-block; background-color: #f5f593; margin-right: 5px; padding: 10px 0px 10px 0px; box-shadow: 3px -3px 1px 1px orange; border: 2px red solid; border-radius: 10%; width: 25%; cursor:pointer; margin-bottom: 10px;}
.Playerbut:hover { background-color: #f5e16e;}
.Playerbut:active { background-color: #82f56e; }
.playercont { position: absolute; padding: 10px; width: 100%; background-color: grey; margin-top: 435px; opacity: 0.7;}

#mobile {display:none;}  #web {display:block;}
@media screen and (max-device-width: 900px) {#mobile {display:block;} #web {display:none;}}