@import url(https://fonts.google.com/specimen/Barlow+Semi+Condensed);@import url(https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed&display=swap);.Modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center}.Modal__container{position:relative;top:5rem;background-color:#fff;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;-webkit-animation-name:enterModal;animation-name:enterModal;-webkit-animation-duration:1s;animation-duration:1s;border-radius:7px}.Modal__close-button{position:absolute;top:0;right:0;border:0;background-color:#f5f5f5;padding:.5rem 1rem;border-radius:7px}.Modal__close-button:focus{outline:none}@-webkit-keyframes enterModal{0%{position:fixed;opacity:1%}}@keyframes enterModal{0%{position:fixed;opacity:1%}}.ModalRules__Title{font-family:"Barlow Semi Condensed";font-size:30px;font-weight:700}.ModalRules__img{border-radius:7px;-webkit-tap-highlight-color:rgba(0,0,0,0)}:focus{outline-color:transparent;outline-style:none}.ModalDashboard{width:200px}.ModalDashboard__Content__Item p,.ModalDashboard__Title h1{font-family:"Barlow Semi Condensed"}.ModalDashboard__Content__Item p{font-size:20px;font-weight:700}.ModalOnline__Title{font-weight:900;font-size:20px}.ModalOnline{width:300px}.ModalOnline__Users__Container{margin-top:40px;width:200px;font-size:18px}.ModalOnline__Login input{width:100%;height:30px;border:solid transparent}.ModalOnline__Login button{margin-top:5px;background:transparent;border:1px solid #9acd32;height:30px;width:90px;border-radius:5px}.Login__Message{color:red}h2,p{font-family:"Barlow Semi Condensed"}.PlayWith{display:flex;justify-content:space-between;align-items:center}.PlayWith__Button{max-height:30px;background:transparent;border:1px solid #9acd32;border-radius:5px}.Button__WannaPlay,.PlayWith__Button{font-family:"Barlow Semi Condensed";font-size:15px;font-weight:700}.Button__WannaPlay{height:35px;width:80px;color:#fff;border:none;border-radius:5px}.Button__Accept{background-color:#19d169}.Button__Reject{background-color:#f13e41}.ModalWannaPlay__Buttons{display:flex;justify-content:space-evenly}.Header{font-family:"Barlow Semi Condensed",sans-serif;width:100%;display:flex;justify-content:center}.Header__Container{display:flex;max-width:700px;min-width:700px;max-height:141px;justify-content:space-between;border:3px solid #606e85;border-radius:15px}.Header__Text{padding:20px 0 20px 20px}.Header__Score{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:20px 20px 20px 0;width:130px;border-radius:8px;background:#fff;color:#2a46c0;text-transform:uppercase;letter-spacing:4px;font-size:10px;font-weight:bolder}.Header__Score h1{font-size:3pc;font-weight:bolder;color:#606e85}.Header__Score h1,.Header__Score h2{padding:0;margin:0}.Options__Container{padding-right:120px;display:grid;background-image:url(/static/media/bg-triangle.1fd44bdf.svg);background-repeat:no-repeat;background-position:50%;grid-template-columns:150px 150px 150px;grid-template-rows:200px 200px 20px;grid-column-gap:0;-webkit-column-gap:0;column-gap:0}.Option__Container{background:#fff;height:150px;width:150px;-moz-border-radius:50%;-webkit-border-radius:50%;border:20px solid;border-radius:50%}.Option__Container:hover{height:180px;width:180px}.Option__Container img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Scissors__Container{grid-column:3}.Rock__Container{grid-row:2;grid-column:2}.Options__Container img{height:70px;max-width:120px}.No_Selected{display:none}.Game__Container{margin-top:40px;background:none;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:50px 300px;width:800px}.User__Option{grid-row:2;grid-column:1}.Computer__Option{grid-row:2;grid-column:3}.Winner__Phrase{margin-bottom:150px;color:#fff;font-size:3rem}.Play__Again__Button,.Winner__Phrase{grid-column:2;grid-row:2;justify-self:center;align-self:center;font-family:"Barlow Semi Condensed",sans-serif;font-weight:700}.Play__Again__Button{height:40px;width:180px;text-transform:uppercase;letter-spacing:2px;border-radius:5px;border:transparent}.Play__Again__Button:hover{color:red}.Option__Game__Container{display:flex;justify-content:center;align-items:center;background:#fff;height:170px;width:170px;-moz-border-radius:50%;-webkit-border-radius:50%;border:20px solid;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@-webkit-keyframes transparent{0%{opacity:0}to{opacity:1%}}@keyframes transparent{0%{opacity:0}to{opacity:1%}}.Options__Container__Plus{padding-right:120px;display:grid;background-image:url(/static/media/bg-pentagon.aced7052.svg);background-repeat:no-repeat;background-position:50%;grid-template-columns:150px 150px 150px;grid-template-rows:200px 200px 20px;grid-column-gap:0;-webkit-column-gap:0;column-gap:0}.Option__Container,.Option__Container__Plus{display:flex;justify-content:center;align-items:center}.Option__Container__Plus{background:#fff;height:110px;width:110px;-moz-border-radius:50%;-webkit-border-radius:50%;border:15px solid;border-radius:50%}.Option__Container__Plus:hover{height:130px;width:130px}.Option__Container__Plus img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.Scissors__Container__Plus{grid-column:2;margin-left:60px;align-self:stretch}.Paper__Container__Plus{grid-column:3;margin-top:80px;margin-left:70px}.Spock__Container__Plus{grid-column:1;margin-top:80px;margin-left:60px}.Rock__Container__Plus{grid-row:2;grid-column:1;margin-top:80px;margin-left:90px}.Lizard__Container__Plus{grid-row:2;grid-column:3;margin-top:80px;margin-right:90px}.Paper__Border{border-color:#4865f4}.Scissors__Border{border-color:#ec9e0e}.Rock__Border{border-color:#dc2e4e}.Spock__Border{border-color:#40b9ce}.Lizard__Border{border-color:#834fe3}.Options__Container__Plus img{height:60px;max-width:120px}button{cursor:pointer}.body{font-family:"Barlow Semi Condensed"}.Main__Options{width:100%;display:flex;justify-content:center}.Main__Container{display:flex;flex-direction:column;align-items:center}.Main__Header{display:flex}.switch__button{font-family:"Barlow Semi Condensed";margin-left:20px;margin-top:50px;color:#fff}.Main__Footer{width:100%;display:flex;justify-content:space-around}.Main__Footer button{font-family:"Barlow Semi Condensed";font-weight:600;height:40px;width:120px;text-align:center;letter-spacing:2px;text-transform:uppercase;display:flex;justify-content:center;font-size:15px;color:#f5f5f5;background:transparent;border:2px solid #606e85;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;border-radius:8px}.Main__Footer button:focus{outline:none}.Dashboard__Button{margin-left:50px}.Rules__Button{margin-right:50px}.toggle input{display:none}.toggle{position:relative;display:inline-block;width:68px;height:30px}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#aeb3cb;border:1px solid #aaa;border-radius:30px}.slider,.slider:before{position:absolute;transition:all .4s}.slider:before{content:"";width:24px;height:24px;left:2px;top:2px;background-color:#eee;border-radius:24px}input:checked+.slider{background:linear-gradient(#378fe6,#3eda82);border-color:#1e202a}input:checked+.slider:before{-webkit-transform:translateX(37px);transform:translateX(37px)}body{background:radial-gradient(circle,#1f3756,#141539);margin:0;padding:0}
/*# sourceMappingURL=main.814a6101.chunk.css.map */