@font-face{font-family:"Nunito";src:url("../font/NunitoSans_7pt-Regular.ttf") format("truetype")}*{box-sizing:border-box}*::-webkit-scrollbar{width:5px;border-radius:5px}*::-webkit-scrollbar-track{background:rgba(0,0,0,0)}*::-webkit-scrollbar-thumb{background-color:#222;border-radius:5px}body,html{background:#004040;color:#bfbe9c;font-family:Nunito;padding:0;margin:0}a{color:#00bfae}main{display:flex}.menu-btn{box-shadow:inset 0 1px 0 0 #caefab;background:#77d42a linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);border-radius:42px;border:1px solid #268a16;display:inline-block;cursor:pointer;color:#306108;font-family:Arial,sans-serif;font-size:2.5vh;font-weight:bold;padding:6px 24px;text-decoration:none;text-shadow:0 1px 0 #aade7c;margin-bottom:15px}.menu-btn:hover{background:#5cb811 linear-gradient(to bottom, #5cb811 5%, #77d42a 100%)}.menu-btn:active{position:relative;top:1px}html.splash{width:100%;height:100%}html.splash body{width:100%;height:100%;background:url("../img/splash.jpg") no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;flex-direction:column}html.splash .logo{width:60%;margin-top:40px}html.splash h2{color:#fff;text-shadow:0 0 10px #000;font-size:2.7vh;margin-top:0;margin-bottom:40px}html.splash footer{position:absolute;right:10px;bottom:10px}html.splash footer a{color:#fff;font-size:2.5vh}html.play{height:100%;height:100%;width:100%}html.play body{height:100%;width:100%;background:url("../img/bg2.jpg") no-repeat;background-size:cover}#board{width:56%;padding:2%;position:relative;margin-right:auto;margin-left:18%}#board div[class^=chessboard],#board div[class*=" chessboard"]{position:relative}#board.party [data-square][class*=" black"]{background:red;animation:party 5s infinite}#board.party [data-square][class*=" white"]{background:red;animation:party2 5s infinite}#board.vomit [data-piece]{animation:rotation 3s infinite linear}#board.angle{transform:rotate(90deg)}#board.ackboo div[class^=chessboard]::after,#board.ackboo div[class*=" chessboard"]::after{position:absolute;background:url("../img/ackboo.jpg");background-size:cover;left:0;top:0;right:0;bottom:0;content:"";opacity:.35;pointer-events:none}.sidebar{width:26%;padding:2% 2% 2% 0}.sidebar .menu{position:absolute;left:2%;padding-top:1%;top:2%;display:flex;flex-direction:column}.sidebar .menu a{display:inline-block;margin-bottom:8px;box-shadow:inset 0 1px 0 0 #caefab;background:#77d42a linear-gradient(to bottom, #77d42a 5%, #5cb811 100%);border-radius:42px;border:1px solid #268a16;cursor:pointer;color:#306108;font-family:Arial,sans-serif;font-size:2.2vh;font-weight:bold;padding:8px 20px;text-decoration:none;text-shadow:0 1px 0 #aade7c;text-align:center}.sidebar .menu a:hover{background:#5cb811 linear-gradient(to bottom, #5cb811 5%, #77d42a 100%)}.sidebar .menu a:active{position:relative;top:1px}.card{width:16%;top:25%;right:5%;aspect-ratio:1;position:absolute;transition:right .5s ease-out,top .5s ease-out,transform .5s ease-out,box-shadow .2s linear;perspective:500px;box-sizing:content-box;pointer-events:none}.card.removed{display:none}.card.drawing{right:40%;top:15%;transform:scale(1.7)}.card.drawing.w-turn{top:55%}.card .card-content{box-sizing:content-box;border-radius:5px;position:absolute;width:calc(100% - 20px);height:calc(100% - 20px);transition:transform 1s;transform-style:preserve-3d}.card.flip .card-content{transform:rotateY(180deg);transition:transform 1s}.card .front,.card .back{box-sizing:content-box;position:absolute;height:100%;width:100%;background:#fff;backface-visibility:hidden;border:5px solid #fff;border-radius:1.3vh;overflow:hidden}.card .back{background:#fff url("../img/card/bg3.jpg") no-repeat;border-radius:1.3vh;background-size:cover;color:#000;transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center}.card h3{font-size:1.9vh;margin:0 22px 22px 22px;color:#000}.card p{font-size:1.5vh;margin:0 22px 0 22px;color:#000}.card small{margin:1.1vh 22px 0 22px;font-size:.9vh;color:gray}.card img{max-width:100%;max-height:100%;width:100%;height:100%}#history{position:absolute;padding:2% 2% 2% 0;bottom:0;right:0;height:40%;width:26%;overflow-y:auto;font-size:1.3vh;-webkit-mask-image:linear-gradient(to bottom, black 0%, black 50%, transparent 100%)}#history .entry{background:#fff;color:#222;border-radius:8px;margin-bottom:8px;padding:10px}#history .entry.black{background:#000;color:#eee}#history h4{margin-top:0;margin-bottom:3px}#history p{margin-bottom:2px;margin-top:0}#history span.color{font-size:10px;font-weight:bold}#history .entry.error strong{color:#be1616}#status{font-size:2vh;padding:15px;font-weight:bold;background:#fff;color:#555;border-radius:8px;box-shadow:0 2px 2px 1px rgba(0,0,0,.3)}html.credits{padding:0;margin:0;width:100%;height:100%}html.credits body{padding:2%;width:100%;height:100%;background:url("../img/bg2.jpg") no-repeat;background-size:cover;color:#444;font-size:1.4vh}html.credits .person img{max-width:85%;border-radius:10px}html.credits a{color:#004040}html.credits .left-side{width:45%;margin-right:2%;display:flex}html.credits .right-side{margin-right:10%;background:rgba(255,255,255,.7);padding:2%;border-radius:10px}html.credits .menu-btn{margin-top:5%}html.credits .go-back{text-align:center}@keyframes party{0%{background-color:red}25%{background-color:orange}50%{background-color:pink}75%{background-color:aqua}100%{background-color:red}}@keyframes party2{0%{background-color:pink}25%{background-color:aqua}50%{background-color:red}75%{background-color:green}100%{background-color:pink}}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}/*# sourceMappingURL=app.css.map */