body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(#1f3756,#141539);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}nav{background-color:#0a103a;border-bottom:1px solid #fff;display:flex;height:70px;justify-content:space-around;left:0;top:0;width:100%;z-index:1}nav a{color:#f0f8ff;font-size:20px;font-weight:600;margin-right:20px;margin-top:20px;text-decoration:none;transition:.5s}nav a:hover{color:#7c8af5;text-shadow:1px 1px #ecedf9}nav a.active,nav a:hover{cursor:pointer;transition:.5s}nav a.active{border-bottom:6px solid #f9f9fc;margin-bottom:14px}.header{border:1px solid #fff;border-radius:15px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:70px;padding:20px 40px;width:60%}.score{background-color:#f0f8ff;border-radius:5px;color:#0d1344;float:right;padding:0 10px}.score h1,.score h3{margin-bottom:5px;margin-top:15px}.footer{margin-left:auto;margin-right:8%;margin-top:30px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.rulesPage{background-color:#50557bae;border-radius:10px;height:100%;left:0;position:absolute;top:0;width:100%}.rulesPage .rulesimg{-webkit-animation:rules .5s ease-in-out;animation:rules .5s ease-in-out;background-color:#0a103a;border:1px solid #fff;border-radius:10px;color:#f0f8ff;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:200px auto 20%;padding:20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@-webkit-keyframes rules{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes rules{0%{-webkit-transform:scale(0);transform:scale(0)}to{-webkit-transform:scale(1);transform:scale(1)}}.rulesPage .close{float:right;margin:-10px -10px 20px 0}.rules{background-color:#0a103a;border-radius:10px;color:#f0f8ff;height:auto;padding:8px 35px}.rules .rulesm{width:120%}.rules:hover{background-color:#070924;color:#f0f8ff;cursor:pointer;transition:all .5s ease-in-out}.start{grid-gap:100px 100px;background-image:url(/stone-paper-scissors/static/media/bg-triangle.77c6ca418d3751d8f717.svg);background-position:50%;background-repeat:no-repeat;display:grid;gap:100px 100px;grid-template-columns:auto auto;margin:70px auto;width:380px}.start.Hard{background-image:url(/stone-paper-scissors/static/media/bg-pentagon.1ad6d36532b75eb7d82c.svg)}.start div{height:80px;padding-left:28px;padding-top:28px;width:80px}.start div,.start.Hard div{background-color:#f0f8ff;border-radius:50%;transition:.75s}.start.Hard div{height:63px;padding-left:18px;padding-top:18px;width:63px}.play{grid-gap:100px 100px;display:grid;gap:100px 100px;grid-template-columns:auto auto auto;grid-template-rows:auto auto;margin:70px auto 30px;width:100%}.play div{background-color:#f0f8ff;border-radius:50%;height:80px;padding-left:28px;padding-top:28px;transition:.75s;width:80px}.play div:hover{cursor:pointer;scale:1.1;transition:.5s}.start div:hover{background-color:#fff;box-shadow:5px 5px 40px 10px #ffffff83;cursor:pointer;-webkit-transform:rotate(180deg);transform:rotate(180deg);transition:.5s}.shadow div{border-radius:100%;bottom:0;box-shadow:0 0 80px hsla(0,0%,100%,.8);height:20%;left:10%;right:10%;width:80%}.paper{border:20px solid #001eff}.scissors{border:20px solid #ffd500}.rock{border:20px solid red;grid-column:1/span 2;margin-left:auto;margin-right:auto}.liz{border:15px solid #b700ff}.spock{border:15px solid #00ffe1}.start.Hard div img{height:50px;width:45px}.start.Hard div{border-width:13px}.start.Hard{gap:5px 150px;height:415px;width:400px}.start.Hard .liz{margin-left:40px}.start.Hard .spock{margin-left:-45px}.gameStart{-webkit-column-gap:normal;column-gap:normal;display:flex;flex-direction:row;justify-content:center;margin:auto}@media screen and (max-width:680px){.gameStart{width:100%}}@media screen and (min-width:680px){.gameStart{width:60%}}.mychoice{width:50%}.mychoice h1,.mychoice h3,h2{color:#f0f8ff;margin-bottom:20px;margin-top:20px;text-align:center}.mychoiceimg .play{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto}.mychoiceimg .play div{height:100px;padding-left:45px;padding-top:45px;width:100px}.computerChoice{width:50%}.result{align-items:center;background-color:#ecedf9;border:1px solid #fff;border-radius:15px;color:#f0f8ff;color:#070924;display:flex;flex-direction:column;margin:auto;text-align:center;transition:.7s;width:250px}.result h1{margin-bottom:10px;margin-top:0}.result div{width:49%}.result button{background-color:#0a103a;border:1px solid #fff;border-radius:10px;color:#f0f8ff;margin-bottom:10px;margin-top:10px;padding:10px;transition:.5s}.result button:hover{background-color:#070924;color:#f0f8ff;cursor:pointer;scale:1.1;transition:.5s}.result:hover{scale:1.2;transition:.6s}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
/*# sourceMappingURL=main.164d6359.css.map*/