@import url('https://fonts.googleapis.com/css?family=Lobster|Pacifico');@import url("https://fonts.googleapis.com/css?family=Bad+Script|Caveat");body{width:100%;height:100%;background:url("./img/BGBody.jpg");margin:10px auto;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-y:hidden;overflow-x:hidden;}.redLine{border-right:3px solid red;width:95%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-ms-flex-wrap:wrap;flex-wrap:wrap;}.wraps{background:url("./img/BGWraps.png"),#ececec;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:95%;-ms-flex-pack:distribute;justify-content:space-around;}#zag,#HgameOver{letter-spacing:5px;background:url("/img/bombatopmenu.png") no-repeat left,url("/img/bombatopmenu.png") no-repeat right,#ffe341;border:3px solid #24722a;width:100%;border-radius:35%;text-shadow:1px 3px 3px rgba(0,0,0,.5);margin:5px auto;}#zag span:nth-child(odd),#HgameOver span:nth-child(odd),#Myscore{color:#da03b6;font-family:Lobster;font-size:45px;border-bottom:#da03b6 3px solid;font-weight:500;}#zag span:nth-child(even),#HgameOver span:nth-child(even),#scores{color:#2104c4;font-family:Pacifico;font-size:38px;font-weight:600}#scores{display:block;background:url("./img/appletopmenu.png") no-repeat;width:150px;text-align:right;font-size:25px;font-family:Lobster;line-height:35px;text-transform:uppercase;}#Myscore{width:150px;background:url("./img/appletopmenu.png") no-repeat right;text-align:left;font-size:45px;text-shadow:1px 3px 3px rgba(0,0,0,.4);font-family:Caveat;line-height:35px;}.list{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;background:repeating-linear-gradient(transparent,transparent 14px,#acacff3b 22px),repeating-linear-gradient(90deg,transparent,transparent 14px,#acacff3b 22px);}#mycanvas,.description{border:5px #24722a solid;border-radius:10px;background-color:#ffe341;}.pencil{display:block;width:24px;height:505px;background:url("./img/pencil.png");margin:auto 0;}#crayonPinc{background:url("./img/CrayonPink.png");width:67px;height:265px;}#crayonBlue{background:url("./img/CrayonBlue.png");width:31px;height:264px;margin:auto;}#crayonGreen{background:url("./img/CrayonGreen.png");width:266px;height:54px;}#menu{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;margin:15px;min-height:250px;text-align:center;justify-content:space-around;align-content:space-around;}button{margin-bottom:15px;width:55%;height:50px;border:#ffe341 3px double;border-radius:45%;background:#24722a url("./img/appletopmenu.png") 45px no-repeat;color:#ffe341;font-family:"Caveat";font-weight:bolder;font-size:23px;cursor:url("./img/finger.png"),pointer;}button:hover{animation:buttonAnim ease .3s forwards;}#soundBG,#musicBG,#langBG,#gamePauseBG{width:30px;height:30px;background-repeat:no-repeat;}#topMenu{width:500px;height:45px;display:flex;justify-content:space-between;align-items:center;margin:auto;}#langBG{background-image:url("./img/eng.png");}#musicBG{background-image:url("./img/musicOn.png");}#soundBG{background-image:url("./img/soundOn.png");}#gamePauseBG{background-image:url("./img/gamePause.png");}@keyframes buttonAnim{0%{box-shadow:none;background:url("./img/appletopmenu.png") 45px no-repeat,url("./img/Hsnake.png") 365px no-repeat #24722a;color:#ffe341;border:#ffe341 3px double;scale:1.0;border-radius:45%}100%{background:url("./img/bombatopmenu.png") 65px no-repeat,url("./img/Hsnake.png") 265px no-repeat,#ffe341;color:#24722a;box-shadow:3px 3px 3px 3px rgba(0,0,0,.4) inset;border:#24722a 3px solid;scale:.95;border-radius:35%;transform:rotate(2deg)}}.ShowDesc{animation:ShowDesc ease 1s;}@keyframes ShowDesc{0%{opacity:0}100%{opacity:1}}#gameOver,#redLineGameOver,#BGgamoOver,#wrapdescription{height:100%;position:absolute;top:0;left:0;right:0;bottom:0;z-index:99999;display:none;text-align:center;align-items:center;justify-content:center;}#wrapdescription{opacity:0;}#Hdescription{font-family:Caveat;color:#da03b6;font-weight:bolder;font-size:30px;border-bottom:3px solid #da03b6;background:url("./img/bombatopmenu.png") no-repeat left,url("./img/bombatopmenu.png") no-repeat right;width:75%;text-shadow:1px 3px 3px rgba(0,0,0,.4);}#Pdescription{font-family:"Bad Script";color:#2104c4;font-weight:bolder;font-size:20px;letter-spacing:3px;padding:10px}#gameOver,#redLineGameOver,#wrapdescription{background:repeating-linear-gradient(transparent,transparent 14px,#acacff3b 22px),repeating-linear-gradient(90deg,transparent,transparent 14px,#acacff3b 22px),#ececec;}.description{width:95%;margin:15px auto;text-align:center;display:flex;flex-wrap:wrap;justify-content:center;background:url("./img/appletopmenu.png") no-repeat top left,url("./img/appletopmenu.png") no-repeat top right,url("./img/appletopmenu.png") no-repeat bottom left,url("./img/appletopmenu.png") no-repeat bottom right,#ffe341;}#close{margin:15px;width:35%;}#description{width:100%;height:100%;background:url("./img/BGWraps.png");}#gameOver,#BGgamoOver{width:100%;}#redLineGameOver{width:95%;border-right:3px solid red;}#BGgamoOver{background:url("./img/bombBGGameOver.png") no-repeat left top,url("./img/appleBGGameOver.png") no-repeat right bottom,url("./img/snakeBGGameOver.png") no-repeat left bottom,url("./img/snakeBGGameOver2.png") no-repeat right top;}@media screen and (min-width:1590px){#crayonGreen{display:none}}@media screen and (max-width:1324px){.pencil,#crayonBlue{display:none}}@media screen and (max-width:1271px){.wrapsMenu{width:50%}button{background:#24722a}@keyframes buttonAnim{0%{box-shadow:none;background:#24722a;color:#ffe341;border:#ffe341 3px double;scale:1.0;border-radius:45%}100%{background:#ffe341;color:#24722a;box-shadow:3px 3px 3px 3px rgba(0,0,0,.4) inset;border:#24722a 3px solid;scale:.95;border-radius:35%;transform:rotate(2deg)}}}@media screen and (max-width:1130px){.redLine{width:100%}.wrapsMenu{width:35%}#zag{width:70%;background:#ffe341}#zag span:nth-child(2n+1),#zag span:nth-child(2n){font-size:25px}button{width:100%}}