.modal{display:none;align-items:center;justify-content:center;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;transition:all .3s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.modal-content{border-radius:8px;background-color:#fafafa;margin:15% auto;padding:20px;max-width:80%;transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94)}.full-modal{width:80%}.modal-opening{transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:scale(1);opacity:1}.modal-closing{transition:all .2s cubic-bezier(0.25, 0.46, 0.45, 0.94);transform:scale(0.8);opacity:0}.default-modal-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.game-container{height:100vh;width:100vh;display:flex;align-items:center;justify-content:center}#dart-board{height:90vh;width:auto}#center{position:absolute}.game-button{position:absolute;height:9vh;width:9vh;border:4px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;transition:all .2s ease;background-color:#000}.game-button:hover:not(.used){cursor:pointer;transform:scale(0.9);transition:all .2s ease;border:4px solid #fff}.game-button p{font-size:2.5em;margin:0;color:#fff}.game-button:hover>p{color:#fff}.used{background-color:#000;border:4px solid #000}.used>p{opacity:.5}.default-modal-container p,.default-modal-container button{transition:all .2s ease}.hidden-answer{opacity:0;transition:all .2s ease}.hidden-option{display:none;transition:all .2s ease}.answer-container{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}.button{color:#fff;font-weight:lighter;font-size:1.2em;padding:2px 16px;border:none;border-radius:6px;transition:all .3s ease;margin:16px 0}.button:hover{cursor:pointer;transition:all .3s ease}.button:focus{outline:none}.input{border:1px solid #fff;font-size:1.2em;color:#fff;border-radius:6px;padding:2px 4px;background-color:rgba(255,255,255,.2);transition:all .3s ease}.input:focus{outline:none;border:1px solid #46c93a;transition:all .3s ease}.icon-button{transition:all .3s ease}.icon-button:hover{cursor:pointer;transition:all .3s ease;transform:scale(0.9)}.primary-bg{background-color:#1f74ff}.primary-bg:hover{box-shadow:0 8px 25px -8px #1f74ff}.success-bg{background-color:#46c93a}.success-bg:hover{box-shadow:0 8px 25px -8px #46c93a}.error-bg{background-color:#ff4757}.error-bg:hover{box-shadow:0 8px 25px -8px #ff4757}.warning-bg{background-color:#ffba00}.warning-bg:hover{box-shadow:0 8px 25px -8px #ffba00}.game-options{width:100vw;height:100vh;display:flex;align-items:center;justify-content:space-between;color:#fff}.game-options-info{display:flex;flex-direction:column;margin:0 8vw;padding:40px;border-radius:10px;background-color:rgba(0,0,0,.5);max-width:40%}.game-options-content{display:flex;flex-direction:column;margin-right:8vw;padding:40px;border-radius:10px;background-color:rgba(0,0,0,.5)}.option-title{margin:0;font-size:1.6em}.team-name{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.team-name p{margin:0 2px;font-size:1.3em}.mode-select{display:flex;flex-direction:row;align-items:center}.mode-select div{display:flex;flex-direction:row;align-items:center;justify-content:center}.mode-select div p{margin:0}.side-content{color:#fff;display:flex;flex-direction:column;margin:8vw 40px 0 0;padding:40px;border-radius:10px;background-color:rgba(0,0,0,.5);min-width:300px}.team-stats{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.team-stats p{font-size:1.4em;margin:4px 0}html,body{margin:0;padding:0;font-family:"PT Serif",serif}.container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;width:100vw;height:100vh;background-image:url("assets/bg.jpg");background-position:left;background-size:cover}