body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}*{margin:0;padding:0}body{background-color:#282c34;color:#fff;font-family:Anton,sans-serif;font-family:Roboto,sans-serif;font-family:Titillium Web,sans-serif;height:100%}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.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)}}.nav-block{background-color:#343d4b;height:40px}.top-heading{display:flex;justify-content:center;list-style-type:none}.eachEll{font-size:larger;margin-right:20px;margin-top:5px}.NavBar-item{color:wheat}@media (max-width:768px){.nav-block{height:auto;padding:10px 0}.top-heading{flex-wrap:wrap;justify-content:center}.eachEll{font-size:medium;margin-right:15px;margin-top:0}}@media (max-width:480px){.eachEll{font-size:small;margin-right:10px}}.home-container{background:#343d4b;color:#fff;display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:40px}.home-main{background:#2f3640;border-radius:12px;overflow:hidden;padding:40px;position:relative;width:90%}.left-text-block{width:50%}.bottom-card{background:#ffffff15;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin-top:50px;padding:20px}.right-title{position:absolute;right:280px;text-align:center;top:180px}.right-title .main-title{font-size:42px;font-weight:600}.right-title .sub-title{border-top:1px solid #aaa;font-size:24px;margin-top:10px;padding-top:10px}.png-image{border-radius:50%;height:650px;overflow:hidden;position:absolute;right:-130px;top:80px;width:650px}.header-home,.home-text{display:flex;justify-content:center}.home-text{margin-bottom:30px}.el-proj,.f-proj,.logo-container{display:flex;justify-content:center}.f-proj{margin-bottom:5px;margin-top:30px;text-decoration:underline}.CardPortfolio ul{display:flex;flex-wrap:wrap;justify-content:space-around}.EachCard{display:flex;flex-direction:column;height:340px;justify-content:space-between;margin:10px;min-width:345px;overflow:hidden;position:relative}.EachCard:hover .EchCardImage{-webkit-transform:scale(1.2);transform:scale(1.2)}.EchCardImage{background-size:cover;transition:all 1.1s}@media (max-width:768px){.home-text{margin-bottom:20px}.f-proj{margin-top:20px}.CardPortfolio ul{justify-content:center}.EachCard{height:320px;margin:8px;min-width:300px}}@media (max-width:480px){.home-text{margin-bottom:15px;padding:0 10px}.f-proj{font-size:18px;margin-top:15px}.CardPortfolio ul{padding:0 10px}.EachCard{height:300px;margin:5px;min-width:280px}}@media (max-width:768px){.home-container,.home-main{padding:20px}.home-main,.left-text-block{width:100%}.png-image,.right-title{display:none}.bottom-card{margin-top:100px}}@media (max-width:480px){.home-container{padding:10px}.home-main{padding:15px}.bottom-card{margin-top:150px}.png-image{display:none}}.cat-container{text-align:center}.cat-img{height:100%;width:100%}.cat-img-cont{display:flex;justify-content:center}.cat-card{background-color:#fff;border-radius:10px;box-shadow:5px 5px 15px grey;margin:16px;max-width:400px;padding:16px}.cat-container h2{background-color:#222;border-radius:10px;color:#fff;font-size:32px;margin-bottom:24px;padding:10px;text-align:center}.colour{color:#49a6e9}.cat-btn{background-color:#ccc;border:2px solid #222;border-radius:5px;color:#222;cursor:pointer;font-size:16px;letter-spacing:1.5px;margin-bottom:20px;outline:none;padding:8px}.cat-btn:hover{background-color:#222;color:#fff;transition:all .275s ease-in}@media (max-width:768px){.cat-card{margin:12px;max-width:350px;padding:12px}.cat-container h2{font-size:28px;margin-bottom:20px}.cat-btn{font-size:14px;padding:6px}}@media (max-width:480px){.cat-card{margin:10px auto;max-width:90%;padding:10px}.cat-container h2{font-size:24px;margin-bottom:16px}.cat-btn{font-size:12px;margin-bottom:15px;padding:5px}}.all-page-rps{-webkit-backdrop-filter:grayscale(50%);backdrop-filter:grayscale(50%);background-image:url("/All-JavaScript-Proj/static/media/peakpx%20(24)back.57bff77e5d015c9ce6a1.jpg")}.header-rps{-webkit-text-stroke:1px #000;display:flex;font-family:BoldenVan;justify-content:center;margin-left:20%}.info-btn{background-color:blue;border:1px solid red;border-radius:10px;height:40px;margin-right:5px;width:40px}.info-btn:hover{cursor:pointer}.info-blur{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(0,0,0,.2);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%}.info-container{background-color:#131111;height:40%;left:20%;padding:10px 60px;position:absolute;top:20%;width:60%}.info-rules{margin-bottom:50px;margin-top:50px}.info-close-btn{border-radius:10px;margin-left:90%;padding:5px 7px;position:absolute}.info-close-btn:hover{cursor:pointer}.btn-container{display:flex;justify-content:flex-end;margin-right:20px}.mainInfo-container{display:flex;justify-content:space-between}.container{display:flex;margin-top:-60px}.clickMe-blink{animation:blink-animation .7s steps(5,start) infinite;-webkit-animation:blink-animation .7s steps(5,start) infinite;margin-bottom:20px}@keyframes blink-animation{to{visibility:hidden}}@-webkit-keyframes blink-animation{to{visibility:hidden}}.flexbox-leftside{flex-basis:25%}.RPS-btn{background:wheat;border-radius:50%;height:150px;margin-right:10px;width:150px}.btn-options{background-color:#991d1d;margin-top:-50px;width:80px}@-webkit-keyframes slidein{0%{margin-left:-100%}to{margin-left:0}}.pic-container{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slidein;animation-name:slidein;display:flex;flex-direction:column;justify-content:center}@keyframes slidein{0%{margin-left:-100%}to{margin-left:0}}.epty-batlefield{background-image:url(https://img.freepik.com/premium-vector/red-blue-comic-background_678781-406.jpg);background-size:900px;border:2px solid;color:pink;height:500px;width:900px}.battle-field,.epty-batlefield,.pre-battle-field{display:flex;flex-direction:row;justify-content:space-around;margin-top:20px}.myEllement{margin-top:150px}.lose,.win{margin-left:-500px}.draw,.end-container,.lose,.win{position:absolute}.end-container{background-color:#ccc;border-radius:10px;color:#000;margin-top:50px;padding:30px 20px;width:500px}.end-container button{margin-left:40%;margin-top:10px;padding:10px 20px}.oppEllement{margin-left:280px}.oppEllement,.preEllement1,.preEllement2{margin-top:150px}.preEllement2{margin-left:280px}.pre-battle-field-change{margin-top:20px}.battle-field-change,.pre-battle-field-change{background-image:url(https://img.freepik.com/premium-vector/red-blue-comic-background_678781-406.jpg);background-size:900px;border:2px solid;color:pink;display:flex;flex-direction:row;height:500px;justify-content:space-around;justify-content:center;width:900px}.vs{margin-top:50px;padding:5px 10px;position:absolute}.pre-ellement1{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@-webkit-keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes mover{0%{-webkit-transform:translateY(0);transform:translateY(0)}5%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}10%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}15%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}20%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10%);transform:translateY(10%)}30%{-webkit-transform:translateY(20%);transform:translateY(20%)}35%{-webkit-transform:translateY(10%);transform:translateY(10%)}40%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}55%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}60%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(10%);transform:translateY(10%)}70%{-webkit-transform:translateY(20%);transform:translateY(20%)}75%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translateY(0);transform:translateY(0)}85%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}95%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.pre-ellement2{-webkit-animation:mover 1s infinite alternate;animation:mover 1s infinite alternate}@-webkit-keyframes mover2{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-30px);transform:translateY(-30px)}}@keyframes mover2{0%{-webkit-transform:translateY(0);transform:translateY(0)}5%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}10%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}15%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}20%{-webkit-transform:translateY(0);transform:translateY(0)}25%{-webkit-transform:translateY(10%);transform:translateY(10%)}30%{-webkit-transform:translateY(20%);transform:translateY(20%)}35%{-webkit-transform:translateY(10%);transform:translateY(10%)}40%{-webkit-transform:translateY(0);transform:translateY(0)}45%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}50%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}55%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}60%{-webkit-transform:translateY(0);transform:translateY(0)}65%{-webkit-transform:translateY(10%);transform:translateY(10%)}70%{-webkit-transform:translateY(20%);transform:translateY(20%)}75%{-webkit-transform:translateY(10%);transform:translateY(10%)}80%{-webkit-transform:translateY(0);transform:translateY(0)}85%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}95%{-webkit-transform:translateY(-10%);transform:translateY(-10%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@media (max-width:768px){.header-rps{font-size:24px;margin-left:10%}.info-container{height:50%;left:10%;padding:10px 20px;width:80%}.btn-container{margin-right:10px}.mainInfo-container{flex-direction:column}.container{margin-top:-40px}.RPS-btn{height:120px;width:120px}.epty-batlefield{background-size:cover;height:400px;width:100%}.myEllement{margin-top:100px}}@media (max-width:480px){.header-rps{font-size:20px;margin-left:5%}.info-container{height:60%;left:5%;padding:10px 15px;width:90%}.info-rules{margin-bottom:30px;margin-top:30px}.RPS-btn{height:100px;margin-right:5px;width:100px}.epty-batlefield{height:300px;width:100%}.myEllement{margin-top:80px}}
/*# sourceMappingURL=main.df2b9b31.css.map*/