.uk-grid>div{padding-bottom:30px}@media only screen and (max-width: 640px){.board-grid{margin-left:-15px}.board-grid>div{padding-bottom:15px;padding-left:15px}}@media only screen and (min-width: 1200px){.uk-grid>div{padding-bottom:40px}}.header{padding:30px 0}.header img{height:100px}.header h1{font-size:2.75rem;color:var( --tn-secondary)}.header h2{font-size:1.75rem;margin:0;color:var(--tn-primary)}.box-shadow-hover:hover{box-shadow:0 28px 100px 25px #000;transition:.2s ease-in-out}.rotate:hover{-webkit-transform:rotateZ(-30deg);-ms-transform:rotateZ(-30deg);transform:rotate(-30deg)}@media only screen and (min-width: 640px){.header h1{font-size:3.5rem}.header h2{font-size:2.5rem}}@media only screen and (min-width: 768px){.header h1{font-size:3.75rem}.header h2{font-size:2.75rem}}.scene{perspective:600px;height:150px}.card{position:relative;background-color:var(--tn-lighter-main);height:100%;border-radius:10px;border:2px solid var(--tn-primary);box-shadow:0 10px 30px 5px #000;transition:1s;transform-style:preserve-3d;transform-origin:center right;cursor:pointer}.card:hover{box-shadow:0 0 300px 50px #000;border-color:#681dfd}.card-img{position:relative;z-index:-1;object-fit:cover;width:100%;height:100%;border-radius:10px;border:5px solid var(--tn-lighter-main)}.card-face{backface-visibility:hidden;position:absolute;width:100%;height:100%}.card-front-face{height:100%;display:flex;justify-content:center;align-items:center}.card-front-face img{height:60px}.card-back-face{transform:rotateY(180deg)}.card.is-flipped{transform:translate(-100%) rotateY(-180deg)}.card.is-inactive{opacity:0}@media only screen and (min-width: 768px){.scene{perspective:600px;height:250px}.card-front-face img{height:100px}}.control-btn{border:2px solid var(--tn-primary);padding:5px 15px;border-radius:5px;font-weight:600;color:var(--tn-primary);transition:var(--tn-tansition);background-color:transparent;font-size:large}.control-btn:hover{outline:none;box-shadow:3px 3px 0 0 var(--tn-primary);transform:translate(-4px,-4px);color:var(--tn-primary)}.control-heading{color:var(--tn-secondary);font-weight:500;font-size:x-large}.control-heading>span{color:var(--tn-primary)}.uk-modal-dialog{background-color:var(--tn-lighter-main);border:2px solid var(--tn-primary);border-radius:10px}.uk-modal-title{font-size:3rem;margin:0;color:var(--tn-primary)}.uk-modal-title>span{color:var(--tn-secondary)}.uk-modal-dialog>p{color:var(--tn-secondary);font-size:large}.uk-modal-dialog>p>span{color:var(--tn-primary);font-weight:500}body{background-image:url(/react-memory-game/assets/grain-background-48f48d93.png);background-color:#000!important;min-height:100vh}:root{--tn-lighter-main: #323232;--tn-primary: #8c52ff;--tn-secondary: #fff;--tn-mid-grey: #666;--tn-light-grey: #bbb;--tn-lighter-grey: #edeef5;--tn-main-bg-color: #1c1c1c;--tn-menu-bg-color: #101010;--tn--bg--light: #ffffff;--tn-text-color: #b4b4b4;--tn--text--light: #1b232a;--box--shadow--large: 0px 0px 50px 25px black;--box--shadow--small: 0 10px 30px 5px black;--tn-tansition: all .25s cubic-bezier(.645,.045,.355,1);--tn-hover-overlay-light: rgba(85, 92, 105, .3);--tn-hover-overlay-dark: #1c1c1c91}