@-webkit-keyframes down-to-up{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}50%{opacity:1;-webkit-transform:translateY(-.8rem);transform:translateY(-.8rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes down-to-up{0%{opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem)}50%{opacity:1;-webkit-transform:translateY(-.8rem);transform:translateY(-.8rem)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}*,::after,::before{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}::-moz-selection{background-color:#7c203a;color:#fff}::selection{background-color:#7c203a;color:#fff}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body{font-size:inherit;width:100vw;overflow-x:hidden;font-family:Poppins,sans-serif}.main__header{font-family:Sacramento,cursive;font-size:8rem;letter-spacing:1px;text-align:center;margin:1rem 0;text-shadow:2px 2px 1px #000}.main__empty{justify-self:center;font-size:5rem;font-weight:100;text-transform:uppercase;letter-spacing:10px;text-align:center;-webkit-animation:down-to-up 1.5s ease;animation:down-to-up 1.5s ease}.main__social{color:#fff;margin-left:.4rem;margin-right:.6rem;font-size:1.8rem;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease}.main__social:hover{color:#ff9f68}.action__information{position:absolute;bottom:0;left:0;width:100%;background-color:#fff;color:#f85959;padding:1rem 1.2rem;font-size:1.5rem;font-style:oblique;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;opacity:0;visibility:hidden;text-align:center}.copied__notification{-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);transform:translate(-50%,-100%);background-color:#7c203a;padding:.55rem .75rem;font-size:1.35rem;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.copied__notification span{display:inline-block;margin-left:3px}.main__content{min-height:100vh;width:100%;background-image:-webkit-gradient(linear,left top,right bottom,from(#ff9f68),color-stop(#f85959),to(#7c203a));background-image:-o-linear-gradient(left top,#ff9f68,#f85959,#7c203a);background-image:linear-gradient(to right bottom,#ff9f68,#f85959,#7c203a);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#fff;padding:4rem 1rem;position:relative}.main__empty--container{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;width:90%}.main__box--container{width:85%;margin-top:3rem;display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;grid-row-gap:3rem;grid-column-gap:1rem;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;-webkit-transform:translateX(-150%);-ms-transform:translateX(-150%);transform:translateX(-150%);opacity:0;visibility:hidden}.main__box{background-color:transparent;padding:.5rem;min-width:20rem;width:20rem;text-align:center;-webkit-box-shadow:0 0 3px rgba(0,0,0,.6);box-shadow:0 0 3px rgba(0,0,0,.6);border-radius:2px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;position:relative;z-index:10}.main__box::after{content:"tap to copy";display:inline-block;position:absolute;left:50%;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#7c203a;z-index:-1;text-transform:uppercase;border-radius:3px;padding:2px 4px;font-size:1rem;font-weight:400;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;opacity:0;visibility:hidden}.main__box:hover::after{opacity:1;visibility:visible}.main__box:hover{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05);cursor:pointer;-webkit-box-shadow:0 0 3px rgba(0,0,0,.68);box-shadow:0 0 3px rgba(0,0,0,.68)}.main__box:active{-webkit-transform:scale(1.02);-ms-transform:scale(1.02);transform:scale(1.02);cursor:pointer}.main__box--name{display:inline-block;font-size:1.8rem;padding:1.2rem 0;font-weight:400;font-family:monospace;border-bottom:1px solid rgba(255,255,255,.25)}.main__box--value{font-size:2.2rem;padding:1rem 0;font-weight:600}.main__social--container{position:absolute;right:0;top:0;background-color:#7c203a;padding:1rem;border-bottom-left-radius:4px}.copy-notification-show{-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0)}.message-hide{-webkit-transform:translate(150%,-50%);-ms-transform:translate(150%,-50%);transform:translate(150%,-50%);opacity:0;visibility:hidden}.content-show{-webkit-transform:translate(0);-ms-transform:translate(0);transform:translate(0);opacity:1;visibility:visible}@media only screen and (min-width:118.75em){html{font-size:67%}.main__box{width:75%}}@media only screen and (min-width:106.25em){html{font-size:65%}}@media only screen and (max-width:87.5em){html{font-size:60%}}@media only screen and (max-width:75em){html{font-size:57%}}@media only screen and (max-width:62.5em){html{font-size:55%}}@media only screen and (max-width:50em){html{font-size:55%}.main__box--container{grid-template-columns:repeat(2,1fr)}.main__box{width:100%}.action__information{display:none}.main__header{padding:0 1rem;margin-top:3rem;font-size:6rem;letter-spacing:1px}}@media only screen and (max-width:37.5em){html{font-size:53%}.main__box--container{grid-template-columns:1fr}.main__box{padding-top:2rem;padding-bottom:2rem}}@media only screen and (max-width:25em){html{font-size:51%}}@media only screen and (max-width:18.75em){html{font-size:49%}}
