.hidden{display:none!important}*{margin:0;padding:0;box-sizing:border-box}body{background-image:url(QuizBackground.7b7635da.png);background-repeat:no-repeat;background-size:cover;min-height:100vh}#app-structure,#swquiz-app{min-height:100%}.wrapper{display:flex;flex-direction:row}.header{display:flex;flex-direction:column;justify-content:space-around;padding:2%;width:35%;overflow:hidden}.logo,.logo-a{width:100%}.interactive{padding:2%;width:65%}#swquiz-game-intro,.interactive{display:flex;flex-direction:column}#swquiz-game-intro{justify-content:space-around}#swquiz-game-btns{margin:3%;display:flex;flex-direction:row;justify-content:space-between}:root{--black-font:#222;--grey-font:#aaa;--nav-bg:#fff;--internal-dark-shadow:rgba(0,0,0,0.25);--external-red-shadow:rgba(255,0,0,0.9);--nav-underline:rgba(255,0,0,0.5);--modal-darkness:rgba(0,0,0,0.7)}.gameButton{box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:16px;width:49%;height:100px;cursor:pointer;font-family:Montserrat,sans-serif;font-size:24px;text-align:center;border:none}.gameButton:active{transform:scale(.99)}.gameButton_play{background:rgba(255,0,0,.8);color:#fff;text-transform:uppercase}.iconButton{background:#fff;border:none;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25);font-size:24px;text-align:center;position:relative;width:49%;height:100px;font-family:Montserrat,sans-serif}.iconButton:hover{cursor:pointer}.iconButton:active{transform:scale(.99)}.iconButton span{color:#000;background-size:cover;height:30px;width:30px;line-height:51.2px;text-align:center;position:absolute;top:24px;left:20px}.rank{width:60vw;height:60vh;max-height:350px;display:flex;flex-direction:column;background:var(--nav-bg);border-radius:16px;overflow:auto}.rank .header__rank{width:100%;margin-top:20px;height:54px;display:flex;flex-direction:row;align-items:center;justify-content:center}.rank .header__rank h1{font-family:Montserrat,sans-serif;color:var(--black-font);font-size:2.5rem;font-weight:500;padding:0 40px}.rank .header__rank span{background:url(icon-contacts_24px.36009697.png);background-size:cover;font-weight:700;width:42px;height:50px}.rank .user_list__rank{display:grid;grid-template-columns:1fr 3fr 2fr}.rank .user_list__rank .user_list_item{padding:40px 60px}.rank .user_list__rank h2{font-weight:600;font-family:Montserrat,sans-serif;font-size:2rem}.rank .user_list__rank p{font-family:Montserrat,sans-serif;font-weight:500;font-size:2rem;margin:10px 0}.q-panel{margin:5% auto;height:100px;font-family:Montserrat,sans-serif;font-style:normal;font-weight:600;font-size:32px;line-height:100px;text-align:center;color:var(--black-font)}.navigation,.q-panel{border-radius:16px;width:100%;background-color:var(--nav-bg);box-shadow:0 4px 4px var(--internal-dark-shadow),4px 4px 40px var(--external-red-shadow)}.navigation{display:flex;justify-content:space-around;height:180px}.navigation .nav-btn{margin:15px auto;height:60%;background-color:var(--nav-bg);font-size:32px;line-height:150px;font-family:Montserrat,sans-serif;font-weight:700;color:var(--grey-font);cursor:pointer;transition:.3s}.navigation .clicked{border-bottom:10px solid var(--nav-underline);box-shadow:0 4px 6px -6px var(--external-red-shadow),0 4px 6px -6px var(--internal-dark-shadow);border-radius:4px;line-height:140px;color:var(--black-font)}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:3%;border-radius:16px;width:80%;height:80%;background-color:var(--nav-bg);box-shadow:0 4px 4px var(--internal-dark-shadow),4px 4px 40px var(--external-red-shadow);text-align:center;line-height:100%}.modalEffect{background-color:var(--modal-darkness);filter:blur(3px)}.timer-txt{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);font-family:Montserrat,sans-serif;font-weight:800;font-style:normal;font-size:42px;line-height:51px;text-shadow:0 4px 4px var(--internal-dark-shadow),4px 4px 40px var(--external-red-shadow);color:rgba(255,0,0,.8)}.rules{margin-top:2rem;background:#fff;box-shadow:0 4px 4px rgba(0,0,0,.25);border-radius:16px;font-size:1.75rem;padding:2rem}.rules__icon{width:64px;height:64px;margin:auto 10px}.header>h2{margin:40px 0}.rules__header{display:flex;justify-content:center}.peopleImage{width:30vw;height:40vw;background-size:cover;border-radius:16px;box-shadow:0 4px 4px rgba(0,0,0,.25),0 4px 40px rgba(255,0,0,.9)}
/*# sourceMappingURL=styles.77698ffb.css.map */