*{font-family:Nunito,serif;margin:0;padding:0}#root,*{box-sizing:border-box}#root{background:radial-gradient(153.15% 427.74% at 100% 98.61%,#024844 0,#09986d 100%);border:1px solid #000;box-shadow:0 4px 4px rgba(0,0,0,.25);height:100vh;position:absolute;width:100vw}a,button{cursor:pointer}#topBarWrap{background:none;display:flex;padding:20px 0;z-index:2}@media screen and (max-width:600px){#topBarWrap{align-items:center;flex-direction:column-reverse}#topBarWrap .invisible{display:none}#quote-section{margin-top:-20%}}@media screen and (min-width:601px){#topBarWrap{align-items:center;flex-direction:row;justify-content:left}.invisible{visibility:hidden}}.invisible{display:none}#topBarWrap a{align-items:center;background:none;border:1px solid #fff;color:#fff;display:flex;flex-direction:row;font-weight:700;gap:10px;height:40px;justify-items:center;letter-spacing:1px;margin:0 50px;overflow:hidden;padding:2px 10px;text-decoration:none;text-transform:uppercase;transition:all .35s;z-index:2}@media screen and (max-width:600px){#topBarWrap a{align-items:center;border-width:2px;flex-direction:column;font-size:2.5vh;height:7vh;justify-content:center;line-height:100%;padding:5px 10px;text-align:center;text-decoration:none;width:50%}#topBarWrap div#titleWrap{margin-bottom:20px}#topBarWrap a hr{display:none}}#topBarWrap a hr{height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;-webkit-transform:translate(102.5px);transform:translate(102.5px);transition:all .35s}#topBarWrap .sendPhrase:hover hr{border-radius:20px;height:20px;max-height:20px;max-width:1px;opacity:1;transition:all .35s;width:1px}#topBarWrap .sendPhrase:hover svg{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:rightArrowSendPhrase;animation-name:rightArrowSendPhrase;opacity:1}#topBarWrap .sendHome:hover,#topBarWrap .sendPhrase:hover{background:#fff;border-color:#000;color:#000;padding-right:40px}#topBarWrap a:hover{background:#fff;border-color:#000;color:#000}#topBarWrap a:active{background:#b4b4b4}#topBarWrap svg{height:20px;opacity:0;position:absolute;-webkit-transform:translate(90px);transform:translate(90px)}@-webkit-keyframes rightArrowSendPhrase{0%{-webkit-transform:translate(90px);transform:translate(90px)}to{-webkit-transform:translate(110px);transform:translate(110px)}}@keyframes rightArrowSendPhrase{0%{-webkit-transform:translate(90px);transform:translate(90px)}to{-webkit-transform:translate(110px);transform:translate(110px)}}#topBarWrap .sendHome hr{height:0;max-height:0;max-width:0;opacity:0;overflow:hidden;position:absolute;-webkit-transform:translate(60px);transform:translate(60px);transition:all .35s}#topBarWrap .sendHome:hover hr{border-radius:20px;height:20px;max-height:20px;max-width:1px;opacity:1;transition:all .35s;width:1px}#topBarWrap .sendHome svg{height:20px;opacity:0;position:absolute;-webkit-transform:translate(40px);transform:translate(40px)}#topBarWrap .sendHome:hover svg{-webkit-animation-duration:.35s;animation-duration:.35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:rightArrowSendHome;animation-name:rightArrowSendHome;opacity:1}@-webkit-keyframes rightArrowSendHome{0%{-webkit-transform:translate(40px);transform:translate(40px)}to{-webkit-transform:translate(67px);transform:translate(67px)}}@keyframes rightArrowSendHome{0%{-webkit-transform:translate(40px);transform:translate(40px)}to{-webkit-transform:translate(67px);transform:translate(67px)}}#topBarWrap #titleWrap{align-items:center;color:#fff;display:flex;flex-direction:column;margin:0 auto;z-index:2}#topBarWrap #titleWrap h1{font-size:15px;letter-spacing:2px}#topBarWrap #titleWrap p{font-size:13px;letter-spacing:1px;padding:0 10%;text-align:center}@media screen and (max-width:600px){#topBarWrap #titleWrap h1{font-size:3vh;letter-spacing:2px}#topBarWrap #titleWrap p{font-size:2vh;letter-spacing:1px}}#quote-section{align-items:center;display:flex;flex-direction:column;gap:40px 0;height:80vh;justify-content:center;z-index:2}#quote-section .text{color:#fff;text-align:center}@media screen and (min-width:601px){#quote-section .text #quote{padding:20px 200px}}#quote-section .text #quote{margin-bottom:10px}@media screen and (min-width:601px){#quote-section .text #quote{font-size:30px}}@media screen and (max-width:600px){#quote-section .text #quote{font-size:3vh}#sender{font-size:2vh}}#quote-section .text hr{margin-bottom:20px}#quote-section .options{align-items:center;display:flex;flex-direction:row;gap:30px;justify-content:center;z-index:2}#quote-section .newQuote{background:none;border:1px solid #fff;color:#fff;padding:10px;transition:all .35s;z-index:2}#quote-section svg{fill:#fff;cursor:pointer;height:30px;transition:all .35s;z-index:2}#quote-section svg:hover{-webkit-filter:drop-shadow(0 0 7px hsla(0,0%,100%,.5));transition:all .35s;z-index:2}#quote-section .newQuote:hover{background:#fff;color:#000;transition:all .35s;z-index:2}#quote,#sender{box-sizing:border-box;padding:0 5%}.hover-underline-animation-black{display:inline-block;position:relative;z-index:2}.hover-underline-animation-black:hover{color:#000;transition:color .5s ease-out}.hover-underline-animation-black:after{background-color:#000;bottom:0;content:"";height:2px;left:0;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:bottom right;transform-origin:bottom right;transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out;width:100%;z-index:2}.hover-underline-animation-black:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:bottom left;transform-origin:bottom left;z-index:2}.fade-in-text{animation:fadeIn 1s;-webkit-animation:fadeIn 1s;-moz-animation:fadeIn 1s;-o-animation:fadeIn 1s;-ms-animation:fadeIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-play-state:paused;animation-play-state:paused;opacity:0;z-index:2}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}audio{width:100%}#music-playing,audio{bottom:0;position:absolute}#music-playing{color:#fff;font-size:16px}.rnc__notification-container--bottom-center,.rnc__notification-container--bottom-full,.rnc__notification-container--bottom-left,.rnc__notification-container--bottom-right,.rnc__notification-container--center,.rnc__notification-container--top-center,.rnc__notification-container--top-full,.rnc__notification-container--top-left,.rnc__notification-container--top-right{min-width:325px;pointer-events:all;position:absolute}.rnc__notification-container--bottom-center,.rnc__notification-container--center,.rnc__notification-container--top-center{align-items:center;display:flex;flex-direction:column;justify-content:center;left:calc(50% - 175px);max-width:350px}.rnc__notification-container--center{height:100%;pointer-events:none;top:20px}.rnc__notification-container--bottom-full,.rnc__notification-container--top-full{min-width:100%;width:100%}.rnc__notification-container--bottom-full{bottom:0}.rnc__util--flex-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-width:325px;pointer-events:all}.rnc__notification-container--top-center{top:20px}.rnc__notification-container--bottom-center{bottom:20px}.rnc__notification-container--top-left{left:20px;top:20px}.rnc__notification-container--top-right{right:20px;top:20px}.rnc__notification-container--bottom-left{bottom:20px;left:20px}.rnc__notification-container--bottom-right{bottom:20px;right:20px}.rnc__notification-container--mobile-bottom,.rnc__notification-container--mobile-top{pointer-events:all;position:absolute}.rnc__notification-container--mobile-top{left:20px;right:20px;top:20px}.rnc__notification-container--mobile-bottom{bottom:20px;left:20px;margin-bottom:-15px;right:20px}.rnc__notification-item--default{background-color:#007bff;border-left:8px solid #0562c7}.rnc__notification-item--default .rnc__notification-timer{background-color:#007bff}.rnc__notification-item--default .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--default .rnc__notification-close-mark{background-color:#007bff}.rnc__notification-item--success{background-color:#28a745;border-left:8px solid #1f8838}.rnc__notification-item--success .rnc__notification-timer{background-color:#28a745}.rnc__notification-item--success .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--success .rnc__notification-close-mark{background-color:#28a745}.rnc__notification-item--danger{background-color:#dc3545;border-left:8px solid #bd1120}.rnc__notification-item--danger .rnc__notification-timer{background-color:#dc3545}.rnc__notification-item--danger .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--danger .rnc__notification-close-mark{background-color:#dc3545}.rnc__notification-item--info{background-color:#17a2b8;border-left:8px solid #138b9e}.rnc__notification-item--info .rnc__notification-timer{background-color:#17a2b8}.rnc__notification-item--info .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--info .rnc__notification-close-mark{background-color:#17a2b8}.rnc__notification-item--warning{background-color:#eab000;border-left:8px solid #ce9c09}.rnc__notification-item--warning .rnc__notification-timer{background-color:#eab000}.rnc__notification-item--warning .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--warning .rnc__notification-close-mark{background-color:#eab000}.rnc__notification-item--awesome{background-color:#685dc3;border-left:8px solid #4c3fb1}.rnc__notification-item--awesome .rnc__notification-timer{background-color:#685dc3}.rnc__notification-item--awesome .rnc__notification-timer-filler{background-color:#fff}.rnc__notification-item--awesome .rnc__notification-close-mark{background-color:#685dc3}@-webkit-keyframes timer{0%{width:100%}to{width:0}}@keyframes timer{0%{width:100%}to{width:0}}.rnc__base{height:100%;pointer-events:none;position:fixed;width:100%;z-index:9000}.rnc__notification-item{border-radius:3px;box-shadow:1px 3px 4px rgba(0,0,0,.2);cursor:pointer;display:flex;margin-bottom:15px;position:relative}.rnc__notification-container--bottom-full .rnc__notification-item,.rnc__notification-container--top-full .rnc__notification-item{border-radius:0;margin-bottom:0}.rnc__notification-container--bottom-full .rnc__notification,.rnc__notification-container--top-full .rnc__notification{width:100%!important}.rnc__notification-timer{margin-top:10px;width:100%}.rnc__notification-timer,.rnc__notification-timer-filler{border-radius:5px;height:3px}.rnc__notification-title{color:#fff;font-size:14px;font-weight:700;margin-bottom:5px;margin-top:5px}.rnc__notification-message{word-wrap:break-word;color:#fff;font-size:14px;line-height:150%;margin-bottom:0;margin-top:0;max-width:calc(100% - 15px)}.rnc__notification-content{display:inline-block;padding:8px 15px;width:100%}.rnc__notification-close-mark{border-radius:50%;display:inline-block;height:18px;position:absolute;right:10px;top:10px;width:18px}.rnc__notification-close-mark:after{color:#fff;content:"\D7";font-size:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-bottom .rnc__notification-item,.rnc__notification-container--mobile-top .notification,.rnc__notification-container--mobile-top .rnc__notification-item{max-width:100%;width:100%}.rnc__notification-container--bottom-right .notification,.rnc__notification-container--top-right .notification{margin-left:auto}.rnc__notification-container--bottom-left .notification,.rnc__notification-container--top-left .notification{margin-right:auto}.rnc__notification-container--mobile-bottom .notification,.rnc__notification-container--mobile-top .notification{margin-left:auto;margin-right:auto}.send-message{align-items:center;display:flex;flex-direction:column;justify-content:center}#message-input{background-image:linear-gradient(to bottom right,#ffebdb,#ffe0d0);border-radius:20px;border-style:none;font-size:25px;height:min(60vh,500px);padding:10px;resize:none;width:clamp(300px,50vw,1000px);z-index:2}#message-input:focus{outline-style:none}.submit-message{background:none;border:1px solid #fff;color:#fff;font-family:Nunito;font-size:15px;font-weight:700;letter-spacing:1px;margin-top:10vh;padding:8px 15px;transition:all .35s;z-index:2}@media screen and (max-width:600px){.submit-message{border-width:2px;font-size:3vh;margin-top:5vh}}.submit-message:hover{background-color:#fff;border-color:#000;color:#000;transition:all .35s;z-index:2}.submit-message:active{padding:5px 12px;transition:all .15s;z-index:2}
/*# sourceMappingURL=main.fbaa6ca5.css.map*/