@font-face{font-family:'Pixeloid';src:url("../fonts/pixeloidsans-webfont.woff2") format("woff2"),url("../fonts/pixeloidsans-webfont.woff") format("woff");font-weight:normal;font-style:normal}body{background-color:#3a4238;background-image:url(../img/bg.jpg);background-size:cover;background-position:center}.games-snake-article{padding:0}.games-snake-article section{margin:0}.games-snake-article section header.flex{width:100%;margin-bottom:-13px;padding:0 20px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1}@media only screen and (max-width: 769px){.games-snake-article section header.flex{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}}.games-snake-article section header.flex *{font-family:'Pixeloid';font-size:1.75rem;color:#F6F9CE;text-shadow:-3px -3px 0 #5B6147,0 -3px 0 #5B6147,3px -3px 0 #5B6147,3px 0 0 #5B6147,3px 3px 0 #5B6147,0 3px 0 #5B6147,-3px 3px 0 #5B6147,-3px 0 0 #5B6147}.games-snake-article section header.flex .lives .heart{background-image:url(../img/heart-active.svg);background-size:contain;background-repeat:no-repeat;background-position:center;width:1.75rem;height:1.75rem;margin-left:10px}.games-snake-article section header.flex .lives .heart.lost{background-image:url(../img/heart-lost.svg)}.games-snake-article section header.flex .lives .heart.hard.hide{display:none}.games-snake-article .controls{margin-top:-50px}.games-snake-article .controls .row .button{background-color:#8B966E;width:20vw;height:20vw;margin:10px;padding:20px;border:4px solid #5B6147;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:'Pixeloid';font-size:2rem;color:#F6F9CE;text-shadow:-2px -2px 0 #5B6147,0 -2px 0 #5B6147,2px -2px 0 #5B6147,2px 0 0 #5B6147,2px 2px 0 #5B6147,0 2px 0 #5B6147,-2px 2px 0 #5B6147,-2px 0 0 #5B6147}.field-container{background-color:#5B6147;padding:8px;border-radius:16px;-webkit-box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);box-shadow:0 2px 5px 2px rgba(0,0,0,0.1);position:relative;overflow:hidden}.field-container .snake-menu{background-color:rgba(0,0,0,0.1)}.field-container .snake-menu.disable{display:none}.field-container .snake-menu div{background-color:#8B966E;padding:20px 40px;border:4px solid #5B6147;border-radius:15px}.field-container .snake-menu div *{font-family:'Pixeloid';font-size:1.5rem;color:#F6F9CE;text-shadow:-3px -3px 0 #5B6147,0 -3px 0 #5B6147,3px -3px 0 #5B6147,3px 0 0 #5B6147,3px 3px 0 #5B6147,0 3px 0 #5B6147,-3px 3px 0 #5B6147,-3px 0 0 #5B6147}.field-container .snake-menu div h2{width:100%;padding-bottom:20px;border-bottom:2px solid #5B6147;font-size:1.75rem;font-weight:300;text-align:center}.field-container .snake-menu div nav{margin-top:15px;padding-bottom:15px;border-bottom:2px solid #5B6147}.field-container .snake-menu div ul{padding:0;list-style:none}.field-container .snake-menu div ul li{margin:0 5px;padding:5px 25px;border:3px solid transparent;border-radius:10px;font-size:1rem;text-shadow:-2px -2px 0 #5B6147,0 -2px 0 #5B6147,2px -2px 0 #5B6147,2px 0 0 #5B6147,2px 2px 0 #5B6147,0 2px 0 #5B6147,-2px 2px 0 #5B6147,-2px 0 0 #5B6147;cursor:pointer}.field-container .snake-menu div ul li.active{background-color:#5B6147;border-color:#5B6147}.field-container .snake-menu div ul li:hover:not(.active){-webkit-transform:translateY(2px);transform:translateY(2px)}.field-container .snake-menu div input{background:transparent;width:100%;margin-top:15px;padding:5px 10px;border:none;font-size:1rem;color:#F6F9CE;text-align:center;text-shadow:-2px -2px 0 #5B6147,0 -2px 0 #5B6147,2px -2px 0 #5B6147,2px 0 0 #5B6147,2px 2px 0 #5B6147,0 2px 0 #5B6147,-2px 2px 0 #5B6147,-2px 0 0 #5B6147}.field-container .snake-menu div input::-webkit-input-placeholder{color:#F6F9CE;text-shadow:-0 -0 0 #5B6147,0 -0 0 #5B6147,0 -0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,-0 0 0 #5B6147,-0 0 0 #5B6147}.field-container .snake-menu div input:-ms-input-placeholder{color:#F6F9CE;text-shadow:-0 -0 0 #5B6147,0 -0 0 #5B6147,0 -0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,-0 0 0 #5B6147,-0 0 0 #5B6147}.field-container .snake-menu div input::-ms-input-placeholder{color:#F6F9CE;text-shadow:-0 -0 0 #5B6147,0 -0 0 #5B6147,0 -0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,-0 0 0 #5B6147,-0 0 0 #5B6147}.field-container .snake-menu div input::placeholder{color:#F6F9CE;text-shadow:-0 -0 0 #5B6147,0 -0 0 #5B6147,0 -0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,0 0 0 #5B6147,-0 0 0 #5B6147,-0 0 0 #5B6147}.field-container .snake-menu div input.disable{display:none}.field-container .snake-menu div .start{margin-top:15px}.field-container .snake-menu div span{margin-top:10px;cursor:pointer;font-size:1rem;text-shadow:-2px -2px 0 #5B6147,0 -2px 0 #5B6147,2px -2px 0 #5B6147,2px 0 0 #5B6147,2px 2px 0 #5B6147,0 2px 0 #5B6147,-2px 2px 0 #5B6147,-2px 0 0 #5B6147}.field-container .snake-menu div span:hover{-webkit-transform:translateY(2px);transform:translateY(2px)}.field-container .snake-menu .leaderboard{margin-left:20px}.field-container .snake-menu .leaderboard.disable{display:none}.field-container .snake-menu .leaderboard p{margin-bottom:20px;text-align:center}.field-container .snake-menu .leaderboard table{width:100%}.field-container .snake-menu .leaderboard table td{font-size:1rem;text-shadow:-2px -2px 0 #5B6147,0 -2px 0 #5B6147,2px -2px 0 #5B6147,2px 0 0 #5B6147,2px 2px 0 #5B6147,0 2px 0 #5B6147,-2px 2px 0 #5B6147,-2px 0 0 #5B6147}.field-container .snake-menu .leaderboard table td:last-child{padding-left:20px;text-align:right}.field-container .snake-menu .leaderboard table td.loading{padding:0;text-align:center}.field-container .field-box{background-color:#8B966E;padding:14px;border-radius:10px;border:4px solid #AEB991}.field-container .field-box .field{background-color:#AEB991;padding:8px;border:4px solid #5B6147}.field-container .field-box .field .line{display:-webkit-box;display:-ms-flexbox;display:flex}.field-container .field-box .field .line .cell{background-color:#C4D0A2;width:30px;height:30px;border:2px solid #AEB991;position:relative}.field-container .field-box .field .line .cell.food{overflow:hidden}.field-container .field-box .field .line .cell.food::before{background-image:url(../img/skins/default/food.png);background-size:100% 100%;position:absolute;top:0;right:0;bottom:0;left:0;content:''}.field-container .field-box .field .line .cell.head::before,.field-container .field-box .field .line .cell.body::before{background-image:url(../img/skins/default/body.png);background-size:100% 100%;position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;content:''}
/*# sourceMappingURL=snake.css.map */