@import url(https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap);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}.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;background-color:#282c34;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)}}.mainCont2{margin-bottom:16px;position:relative;width:auto}.mainCont2,.navheader{box-sizing:border-box;display:flex;height:-webkit-max-content;height:max-content;justify-content:center}.navheader{background:radial-gradient(#b1aead85,#6b716f7a);flex-direction:row;flex-wrap:wrap;padding:10px 6px;width:100%}.navLogo{display:flex;margin:auto 19px auto 0;text-align:left!important;width:auto}.navLogo img{height:2.12em;text-align:left;width:auto}.navHeading{align-items:center;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Chelsea Market,cursive;font-size:2em;font-weight:bolder;justify-content:center!important;letter-spacing:1px;margin:auto;text-shadow:2px 10px 3px rgba(64,62,62,.789);text-transform:uppercase;width:auto}@media(max-width:555px){.navHeading{font-size:large}.navLogo img{height:7vh}}button{cursor:pointer}.home{background-color:#252627;height:60vh}#container{flex-direction:column;height:100%;margin:auto;max-width:800px}#container,.row{display:flex;justify-content:center}.row{flex-direction:row;flex-wrap:wrap;padding:2px}.row-child{margin-bottom:15px;width:30%}.row-child,.square{display:flex;justify-content:center}.square{align-items:center;background-color:#7a7877;border:3px solid #fff;border-radius:20%;flex-direction:column!important;height:140px;margin:1.66%;text-align:center;transition:background .5s;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;width:140px}@media (max-width:530px){.square{align-items:center;background-color:#7a7877;border:3px solid #fff;border-radius:20%;display:flex;flex-direction:column!important;height:140px;justify-content:center;margin:1.66%;text-align:center;transition:background .5s,box-shadow .5s;-webkit-transition:background .5s,box-shadow .5s;-moz-transition:background .5s,box-shadow .5s;-o-transition:background .5s,box-shadow .5s;width:140px}.square:hover{box-shadow:0 8px 15px -8px hsla(0,0%,100%,.5),inset 0 0 5px 5px hsla(0,0%,100%,.5),inset 0 0 6px 6px rgba(0,0,0,.5)}@media (max-width:530px){.square{height:15vh;width:25vw}}.square p{color:#fff;font-size:50%;font-weight:700;margin:0;padding:0;text-align:center}.square button{background-color:hsla(0,0%,100%,.333);border:none;border-radius:13px;box-shadow:1px 4px 1px 0 rgba(82,82,82,.37);color:#fff;font-size:80%;height:-webkit-max-content;height:max-content;height:15vh;padding:6px 8%;-webkit-user-select:none;user-select:none;width:25vw}}.square p{color:#fff;font-size:50%;font-weight:700;margin:0;padding:0;text-align:center}.square button{background-color:hsla(0,0%,100%,.333);border:none;border-radius:13px;box-shadow:1px 4px 1px 0 rgba(82,82,82,.37);color:#fff;font-size:80%;height:-webkit-max-content;height:max-content;padding:6px 8%}.square button:focus{background-color:rgba(60,59,59,.544);border:1px solid #fff!important}h1{background:linear-gradient(270deg,rgba(254,236,97,.925),rgba(88,202,88,.879),rgba(122,122,245,.873),hsla(0,86%,73%,.888));color:#fff;font-size:1.5em;margin:0;padding:15px 0;text-align:center;text-transform:capitalize}#rgbdisplay{font-size:1em}#color-display{display:block;font-size:2em}.clickText{align-items:center;-webkit-animation:shake 1s ease-in;animation:shake 1s ease-in;color:#fff;display:block;display:flex;font-size:medium;font-weight:350;justify-content:center;letter-spacing:1px;margin:0 0 6px}@-webkit-keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg);transform:translate(-1px,-2px) rotate(-2deg)}20%{-webkit-transform:translate(-3px) rotate(3deg);transform:translate(-3px) rotate(3deg)}30%{-webkit-transform:translateY(2px) rotate(0deg);transform:translateY(2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-2deg);transform:translate(2px,1px) rotate(-2deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(4deg);transform:translate(-1px,-1px) rotate(4deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg);transform:translate(2px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@keyframes shake{0%{-webkit-transform:translate(2px,1px) rotate(0deg);transform:translate(2px,1px) rotate(0deg)}10%{-webkit-transform:translate(-1px,-2px) rotate(-2deg);transform:translate(-1px,-2px) rotate(-2deg)}20%{-webkit-transform:translate(-3px) rotate(3deg);transform:translate(-3px) rotate(3deg)}30%{-webkit-transform:translateY(2px) rotate(0deg);transform:translateY(2px) rotate(0deg)}40%{-webkit-transform:translate(1px,-1px) rotate(1deg);transform:translate(1px,-1px) rotate(1deg)}50%{-webkit-transform:translate(-1px,2px) rotate(-1deg);transform:translate(-1px,2px) rotate(-1deg)}60%{-webkit-transform:translate(-3px,1px) rotate(0deg);transform:translate(-3px,1px) rotate(0deg)}70%{-webkit-transform:translate(2px,1px) rotate(-2deg);transform:translate(2px,1px) rotate(-2deg)}80%{-webkit-transform:translate(-1px,-1px) rotate(4deg);transform:translate(-1px,-1px) rotate(4deg)}90%{-webkit-transform:translate(2px,2px) rotate(0deg);transform:translate(2px,2px) rotate(0deg)}to{-webkit-transform:translate(1px,-2px) rotate(-1deg);transform:translate(1px,-2px) rotate(-1deg)}}@-webkit-keyframes blink{50%{border-color:transparent}}@keyframes blink{50%{border-color:transparent}}#stripe{background:#fff;color:#000;height:30px;text-align:center}#btn1{font-weight:600!important;height:100%}#btn1,#endbtn{text-decoration:underline}#endbtn{background-color:initial!important;color:#fff!important;font-size:small;font-weight:200!important}#endbtn:hover{font-size:bolder;letter-spacing:2px}#stripe button{align-items:center;background-color:#fff;border:none;color:#000;display:flex;font-family:Raleway,Sans-serif;font-size:medium;justify-content:center;outline:none;text-align:center;text-transform:capitalize;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;width:100%}#clickimg{margin-right:3px;text-align:center;width:20px}#btn1:hover{background-color:initial;box-shadow:0 0 10px 0 #fff;color:#000;font-size:bolder;letter-spacing:2px}.footer{background-color:#32363d;bottom:0;color:#555;left:0;margin-top:.5rem;position:fixed;text-align:center;width:100%}.btn:focus,.btn:hover{box-shadow:0 54px 55px rgba(0,0,0,.25),0 -12px 30px rgba(0,0,0,.12),0 4px 6px rgba(0,0,0,.12),0 12px 13px rgba(0,0,0,.17),0 -3px 5px rgba(0,0,0,.09);cursor:pointer;outline:none;-webkit-transform:translateY(-.25em);transform:translateY(-.25em)}
/*# sourceMappingURL=main.bb4992b7.css.map*/