@import url(https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed:wght@600;700&display=swap);body{margin:0;padding:0;box-sizing:border-box;background:radial-gradient(circle,#1f3756,#141539);font-family:"Barlow Semi Condensed",sans-serif}.App{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;color:#fff}button{font-family:"Barlow Semi Condensed",sans-serif}.triangle-down,.triangle-up{display:-webkit-flex;display:flex}.triangle-down{-webkit-justify-content:center;justify-content:center}.image{background-color:#fff;margin:15px}.image>img{height:56px}.start-image{width:5rem;height:5rem;border-radius:100%;display:-webkit-flex;display:flex;cursor:pointer;-webkit-align-self:center;align-self:center;position:relative}.start-image:hover{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite}@-webkit-keyframes pulse{0%{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 50px transparent}to{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 0 transparent}}@keyframes pulse{0%{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 0 rgba(0,0,0,.7)}70%{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 50px transparent}to{-webkit-transform:scale();transform:scale();box-shadow:0 0 0 0 transparent}}.start{top:50%}.result,.start{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.result{top:52.1%}.rules{color:#fff}.paper{border-radius:50%;border:15px solid #4664f4}.paper,.rock{height:50px;width:50px;background-size:50%;padding:20px}.rock{border-radius:50%;border:15px solid #db2e4d}.scissors{height:50px;width:50px;border-radius:50%;border:15px solid #eb9f0e;background-size:50%;padding:20px}.icons{display:-webkit-flex;display:flex}@media screen and (min-width:1366px){.start{top:55%}.result,.start{position:absolute;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.result{top:52%}.paper{border:30px solid #4664f4}.paper,.rock{height:150px;width:150px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0}.rock{border:30px solid #db2e4d}.scissors{height:150px;width:150px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;border:30px solid #eb9f0e;padding:0}.image>img{height:80px}}.who-win-text{text-align:center;text-transform:uppercase;font-size:3rem;margin-top:25px}.new-game-wrapper{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;margin-top:25px}.new-game-button{padding:12px 50px;border:none;border-radius:10px;text-transform:uppercase}.house-picked,.you-picked{text-align:center;text-transform:uppercase}.header{margin-top:25px;border:2px solid hsla(0,0%,60.8%,.7);border-radius:5px;padding:20px;width:300px;-webkit-justify-content:space-between;justify-content:space-between;text-transform:uppercase}.game-name,.header{display:-webkit-flex;display:flex}.game-name{-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.game-name div{font-size:1.2rem}.score{border:1px solid #fff;border-radius:5px;padding:5px 15px;background-color:#fff;color:#2a46c0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1rem}.score-number{font-size:2rem;color:#3b4363}@media screen and (min-width:1366px){.header{width:600px}.game-name div,.header{font-size:1.5rem}.score{border:1px solid #fff;border-radius:5px;padding:10px 35px;background-color:#fff;color:#2a46c0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;font-size:1rem}.score-number{font-size:3rem;color:#3b4363}}.rules-button{position:absolute;bottom:5%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:2rem;padding:10px 30px;font-size:1rem;text-transform:uppercase;background-color:transparent;color:#fff;border:1px solid #fff;border-radius:8px}.modal{color:#000;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:100%;width:100%;background-color:#fff}.modal,.modal-content{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.modal-content{-webkit-flex-direction:column;flex-direction:column}.modal-content>h2{text-transform:uppercase}.rules-image{margin:100px 0}@media screen and (min-width:1366px){.rules-button{bottom:0}}
/*# sourceMappingURL=main.51c64f23.chunk.css.map */