*,*::before,*::after{box-sizing: border-box;}html{font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}body{color: #212529; background-color: #eaeaff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 1rem; font-weight: normal; line-height: 1.35; margin: 0;}#bubble_dip{height: 100vh; width: 100%;}.center_piece,.lev_bg1, .lev_bg2, .lev_bg4{fill: #fafbfb;}.center_piece, .ring, .spinner,.lev1, .lev2, .lev3, .lev4, .lev5,.lev_bg1, .lev_bg2, .lev_bg3, .lev_bg4, .lev_bg5{clip-rule: evenodd; fill-rule: evenodd; stroke: #c6c6c8; stroke-miterlimit: 8; stroke-width: 0.75;}.credits{background-color: #dfdfdf; border-top: 1px solid #ccc; margin: 30px 0 0 0; margin-right: auto; margin-left: auto; padding: 16px; text-align: center; width: 100vw; width: 100%;}.credits h2{font-size: 1rem; margin-bottom: 0;}#donut{-webkit-animation: donut_go 10s linear infinite; -moz-animation: donut_go 10s linear infinite; -o-animation: donut_go 10s linear infinite; animation: donut_go 5s linear infinite;}@-webkit-keyframes donut_go{0%{-webkit-transform: rotate(360deg); -webkit-transform-origin: 50% 50%;}50%{-webkit-transform: rotate(0deg); -webkit-transform-origin: 50% 50%;}100%{-webkit-transform: rotate(360deg); -webkit-transform-origin: 50% 50%;}}@-moz-keyframes donut_go{0%{-moz-transform: rotate(360deg); -moz-transform-origin: 50% 50%;}50%{-moz-transform: rotate(0deg); -moz-transform-origin: 50% 50%;}100%{-moz-transform: rotate(360deg); -moz-transform-origin: 50% 50%;}}@-o-keyframes donut_go{0%{-o-transform: rotate(360deg); -o-transform-origin: 50% 50%;}50%{-o-transform: rotate(0deg); -o-transform-origin: 50% 50%;}100%{-o-transform: rotate(360deg); -o-transform-origin: 50% 50%;}}@keyframes donut_go{0%{transform: rotate(360deg); transform-origin: 50% 50%;}50%{transform: rotate(0deg); transform-origin: 50% 50%;}100%{transform: rotate(360deg); transform-origin: 50% 50%;}}.face{position: absolute; left: 0; top: 0; z-index: 1;}.final_screen{fill: #0f1d33; opacity: 70%;}.final_score_label, .final_score_text,.matches_label, .matches_text,.misses_label, .misses_text,.picks_label, .picks_text{fill: #fff; font: 11px sans-serif;}#game_board{width: 100%; height: 100vh; position: absolute; left: 0; top: 0; z-index: -999;}.game_container{height: 100vh; width: 100%;}.bonus_text,#finalScreen,.game_over, .hide_object, .lev_no,.lev1, .lev2, .lev3, .lev4, .lev5{display: none; visibility: hidden;}.lev1{fill: #c3d69b;}.lev2{fill: #b7dee8;}.lev3{fill: #95b3d7;}.lev4{fill: #4f81bd;}.lev5{fill: #9bbb59;}.lev1:hover, .lev2:hover, .lev3:hover, .lev4:hover, .lev5:hover{fill: #cc0000;}.play_again_box{fill: #333;}.play_again_text, .play_text{fill: #6bb36f; font: bold 15px sans-serif; text-anchor: middle;}.ring{fill: #dad9d9;}.score_text{font: bold 16px sans-serif; text-anchor: end;}.score_title{font: bold 6px sans-serif;}.scoreboard{stroke: #333; stroke-width: .25; fill: #dadada;}.show_object{display: block; visibility: visible;}small{font-size: 80%;}svg{overflow: hidden; vertical-align: middle;}svg text{-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}svg text::selection{background: none;}.lev_bg3, .lev_bg5, .spinner{fill: #f1f0f0;}