@import"https://fonts.googleapis.com/css2?family=Dancing+Script:wght@700&display=swap";body{margin:0}.App{text-align:center;font-family:Dancing Script,cursive}.white{color:#fff}.gray{color:gray}.green{color:#0f0}@media screen and (max-width:400px){.name-input{width:100px;font-size:20px}.reset-btn{font-size:20px;margin:0 5px;cursor:pointer;width:130px;height:30px;transition:all .5s}.editor-wrapper{font-size:20px;padding-bottom:20px}.wish,.date-time{font-size:20px;line-height:20px}}@media screen and (max-width:600px){.name-input{width:140px;font-size:25px}.reset-btn{display:flex;font-size:25px;margin:0 5px;cursor:pointer;width:140px;height:35px;transition:all .5s}.editor-wrapper{font-size:25px;padding-bottom:25px}.wish{font-size:25px;line-height:25px}.timer{font-size:25px;line-height:25px;min-width:130px}.date-time{font-size:25px;line-height:25px}.quotes-collection-option{width:90vw}}@media screen and (max-width:1000px){.app-name{display:none}.name-input{width:200px;font-size:25px}.reset-btn{font-size:25px;margin:0 5px;cursor:pointer;width:150px;height:35px;transition:all .5s}.editor-wrapper{font-size:25px;padding-bottom:25px}.wish{font-size:30px;line-height:30px}.timer{font-size:30px;line-height:30px;min-width:210px}.date-time{font-size:30px;line-height:30px}}@keyframes slideUp{0%{font-size:"20px";transform:translateY(100px)}to{font-size:"30px";transform:translateY(0)}}@keyframes slideUpss{0%{font-size:"30px";opacity:1;transform:translateY(100px)}to{opacity:.1;font-size:"20px";transform:translateY(0)}}@keyframes popIn{0%{transform:scale(0)}60%{transform:scale(1.05)}80%{transform:scale(.95)}to{transform:scale(1)}}.typing-game-container{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:space-between;overflow:hidden}.type-text-view{border:1px solid transparent;position:relative;font-size:40px;font-weight:700;text-align:left}.slide-up{animation:slideUp .75s ease both}.text-wrapper{max-width:1000px;margin-top:140px}.text-preview{opacity:.1;font-size:25px}.slide-up-{animation:slideUpss .75s ease both}.pop-in{animation:popIn 1s ease both}.typing-area{min-width:90vw;max-width:1000px;font-size:40px;font-family:Dancing Script;padding:10px 10px 40px;border:none;outline:none;box-shadow:none;resize:none;background-color:#000;color:gray;border-radius:5px}.date-time-wrapper{display:flex;flex-wrap:wrap;justify-content:space-between;min-width:100%;padding:10px;position:fixed;top:0;z-index:9}.left{display:flex;flex-direction:column;text-align:left}.wish{font-size:40px;font-weight:700;line-height:40px;margin:0;padding:0}.pointer{cursor:pointer}.date-time{font-size:40px;font-weight:700;line-height:40px;margin:0;padding:0}.app-name{color:#0f0;font-size:40px;text-shadow:2px 2px #ff0000;font-weight:700}.timer{font-size:40px;font-weight:700;line-height:40px;width:300px;margin:0;padding:0}footer{background:#1b242f;padding:70px 0 40px;position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column}.editor-wrapper{font-size:40px;padding-bottom:40px}select{appearance:none;outline:0;border:0;box-shadow:none;flex:1;padding:5px 10px;color:#fff;font-size:25px;font-weight:700;background-color:#161414;background-image:none;cursor:pointer;font-family:Dancing Script}select::-ms-expand{display:none}.quotes-collection-option{position:relative;display:flex;width:20em;height:2em;border-radius:.25em;overflow:hidden}.quotes-collection-option:after{content:"▼";position:absolute;top:0;right:0;padding:.5em;background-color:#34495e;transition:.25s all ease;pointer-events:none}.quotes-collection-option:hover:after{color:#0f0}.p-0{padding:0;margin:0}.counter-wrapper{display:flex;justify-content:center;align-items:center}.reset-btn{border:2px solid #0f0;background-color:transparent;color:red;outline:none;font-size:30px;margin:0 10px;cursor:pointer;width:200px;height:40px;transition:all .5s}.reset-btn:hover{border:2px solid #0f0;color:#0f0;background-color:red;transition:all .5s}.name-input{width:300px;font-size:40px;background-color:transparent;border:2px solid #f00;font-family:Dancing Script;color:#fff}footer .mdi-chevron-double-up{background:#d60059;cursor:pointer;font-size:30pt;height:40px;left:0;line-height:40pt;margin:0 auto;position:absolute;right:0;top:-25px;transition:background .5s;width:47px}footer .mdi-chevron-double-up:hover{background:#eb0b68}footer .icon-wrap .icon{background:#adc3da;cursor:pointer;font-size:18pt;height:55px;margin:0 15px;overflow:hidden;position:relative;text-align:center;transition:background .3s,color .3s,box-shadow .3s,transform .3s,border-radius .3s;width:55px}footer .icon-wrap{display:flex;flex-direction:row}.center{display:flex;align-items:center;justify-content:center}footer .icon-wrap .mdi{color:#cc0808;text-align:center}footer .icon-wrap .mdi.mdi-codepen{font-size:20pt}footer .icon-wrap .icon:hover{background:#04c2c9;box-shadow:0 0 0 3px #045ec91a;border-radius:50%;transition:border-radius .3s;transform:scale(.9)}footer .icon-wrap .icon:hover .mdi{color:#000}footer .icon-wrap .icon:hover .mdi{-webkit-animation:toBottomFromTop .3s forwards;-moz-animation:toBottomFromTop .3s forwards;animation:toBottomFromTop .3s forwards}footer .footnote{color:#007dfa;font-size:10pt;margin-top:35px;opacity:.6}footer .footnote .highlight{color:#dd005c;font-family:Open Sans}