@import url(https://fonts.googleapis.com/css?family=Londrina+Solid|Nunito:400,300);

body {font-display: swap; font-family: "Londrina Solid", cursive; background-position: center; height: 100%;text-align: center;font-size: 18px; }

.control {margin: 0 0 10px;padding: 10px;font-size: 20px; border-radius: 5px; background: rgba(255,255,255,0.5);width: 100%;z-index: 2;position:relative;}
.control h1 { font-size: 40px; }
.control h2 { font-size: 25px; }
.control .instructions { font-size: 20px; font-weight: 500;}

.control.popup {background: rgba(255,255,255,0.9); width:50%; padding: 20px;text-align: center;border-radius: 25px; position: relative;border: 10px solid rgba(0,0,0,0.3);height: fit-content;}
.control.popup h1 { font-size: 50px; }
.control.popup h2 { font-size: 40px; }
.control.popup .instructions { font-size: 30px; font-weight: 500;color:#333;}
.control.popup button {font-family: "Londrina Solid", cursive; font-size: 30px; font-weight: 500; padding:20px;border-radius: 15px;background: aqua;}
.control.popup button:hover {background: #05e8e8; cursor: pointer;}
.control.popup button#close { background: transparent;padding: 10px;cursor: pointer;border:0;border-radius: 50%;}
.control.popup button#close:hover { background: #05e8e8;}
.control.popup button#close:active { border: 0;}

@media screen and (max-width:767px) {
 .desktop {display: none;}
 .mobile {display: block;}
 .control.popup { width:70%; }
}

.control.leaderboard {text-align: left;}
.control.leaderboard table{width: 100%;}
.control.leaderboard .title {color:#000; text-align: center;}
.control.leaderboard .rank {color:#555;}
.control.leaderboard .rank .score {text-align: right;}
.control.leaderboard .rank span {margin-right: 10px;}
.control.leaderboard .rank.you {color:#9c27b0; font-weight: bold;}
.control.leaderboard .sep {color:#999;}

.version button {font-family: "Londrina Solid", cursive; font-size: 30px; font-weight: 500; padding:20px;border-radius: 15px;background: aqua;cursor: pointer;}
.version button:hover { background:#ffeb3b; }
button.gameOver {font-family: "Londrina Solid", cursive; font-size: 30px; font-weight: 500; padding:20px;border-radius: 15px;background: aqua;cursor: pointer;}
button.gameOver:hover { background:#ffeb3b; }