body,html{height:100vh;width:100vw;margin:0;padding:0;font-family:Open Sans Condensed,Thasadith,sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center;background-size:cover;background-repeat:no-repeat;background-position-x:85%;background-color:#000}.theGrid{display:grid;grid-template-columns:1fr 2fr 2fr 1fr;grid-template-rows:1fr 2fr 2fr 1fr;justify-items:center;width:100vw;height:98vh;overflow:hidden;margin:0}.clock{width:80vw;z-index:1}.clock,.clock img{grid-row:2/4;grid-column:2/4}.clock img{position:absolute;top:30%;width:auto;width:80vw;height:60%}.hour{z-index:3}.min{z-index:5}.sec{z-index:4}.crown{z-index:6;cursor:pointer}.countdown{color:#fff;text-transform:uppercase;justify-content:center;display:flex;padding:2px;position:absolute;top:50%;left:50%;top:85%;margin-top:1px;margin-bottom:1px;-webkit-transform:translate(-50%,-15%);transform:translate(-50%,-15%);text-shadow:1px 1px 1px #000}.countdown span{padding:0 14px;font-size:1rem}.countdown span div{font-size:3rem}.App-link{color:#61dafb}.countdown-test{display:grid;grid-template-columns:30vw 10vw 10vw 10vw 10vw;grid-template-rows:10vw 7vw;grid-column-gap:1vw;color:#fff;background-color:rgba(0,0,0,.68);border-radius:80vw 0 0 80vw;text-transform:uppercase;text-shadow:1px 1px 1px #000;position:absolute;right:0;bottom:2vh;z-index:7}.countdown-test #kh3logo{grid-column:1/1;grid-row:1/span 2}.countdown-test .kh3logo{height:100%;width:auto;height:auto;max-width:35vw;max-height:13vw;position:relative;left:0;top:0;padding:2vw;align-self:center}.countdown-test #amazon{grid-column:2/span 4;grid-row:2/2}.countdown-test .amzbutton{width:auto;height:auto;max-width:30vw;max-height:5vw;align-self:center;position:relative;left:0;top:5%;cursor:pointer}.countdown-test #kh3logo-complete{grid-column:1/1;grid-row:1/span 2}.countdown-test .kh3logo-complete{height:100%;width:auto;height:auto;max-width:35vw;max-height:13vw;position:relative;left:0;top:0;padding:2vw;align-self:center}.countdown-test #amazon-complete{grid-column:2/span 4;grid-row:1/span 2}.countdown-test .amzbutton-complete{width:auto;height:auto;max-width:30vw;max-height:15vw;align-self:center;position:relative;left:0;top:10%;padding:2vw;cursor:pointer}.countdown-test #count{font-size:4rem}.countdown-test #days{grid-column:2/2;grid-row:1/1}.countdown-test #hours{grid-column:3/3;grid-row:1/1}.countdown-test #minutes{grid-column:4/4;grid-row:1/1}.countdown-test #seconds{grid-column:5/5;grid-row:1/1}.countdown-test div{font-size:5vw;align-self:auto}.countdown-test span{display:block;font-size:2vw}@media screen and (min-width:600px){.countdown-test{grid-template-columns:15vw 15vw 5vw 5vw 5vw 5vw 15vw 15vw;grid-template-rows:10vw;grid-gap:0;border-radius:60vw 60vw 0 0;position:absolute;left:10vw;right:10vw;bottom:0}.countdown-test #kh3logo{grid-column:1/span 3;grid-row:1;display:block;margin:auto}.countdown-test .kh3logo{width:auto;height:auto;max-width:30vw;max-height:8vw;position:relative;left:0;top:0;padding:1%;align-self:center}.countdown-test #amazon{grid-column:7/span 9;grid-row:1;display:block;margin:auto}.countdown-test .amzbutton{width:auto;height:auto;max-width:30vw;max-height:6vh;align-self:center;position:relative;left:0;top:5%;cursor:pointer}.countdown-test #count{font-size:4rem}.countdown-test #days{grid-column:3}.countdown-test #hours{grid-column:4}.countdown-test #minutes{grid-column:5}.countdown-test #seconds{grid-column:6}.countdown-test div{font-size:5vw;align-self:auto}.countdown-test span{display:block;font-size:2vw}.countdown-test #kh3logo-complete{grid-column:1/5;grid-row:1;display:block;margin:auto}.countdown-test .kh3logo-complete{width:auto;height:auto;max-width:30vw;max-height:8vw;position:relative;left:0;top:0;padding:1%;align-self:center}.countdown-test #amazon-complete{grid-column:5/span 9;grid-row:1;display:block;margin:auto}.countdown-test .amzbutton-complete{width:auto;height:auto;max-width:30vw;max-height:6vh;align-self:center;position:relative;left:0;top:5%;cursor:pointer}}iframe{width:100%;position:absolute;z-index:8;left:0}.made{bottom:1rem}.by,.made{color:#fff;text-shadow:1px 1px 1px #000;font-size:1rem;align-content:center;position:absolute;left:0;z-index:8}.by{bottom:0}a:link{color:#fff}a:visited{color:#bebebe}a:hover{color:teal}
/*# sourceMappingURL=main.b82918b1.chunk.css.map */