body,html{height:100vh;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:url(/static/media/Doodle8.dce65d1e79ce6ead8f68.jpg);background-position:50%;background-repeat:repeat;background-size:contain;font-family:ReithSerif,Helvetica,Arial,freesans,sans-serif}#root{display:flex;flex-direction:column;height:100vh}main{flex-grow:1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.header-div{background:linear-gradient(0deg,#267cabe6,#3496cbcc);background-blend-mode:overlay;border-bottom-left-radius:7px;border-bottom-right-radius:7px;box-shadow:0 2px 6px #0009;margin:0;position:sticky;top:0;transition:all .3s ease;z-index:1000}.header-hidden{top:-100px}.header-div:hover{top:0}.header1,.header2{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center}h1,h3{text-align:center}h1{font-size:1.8rem;margin-bottom:0}.welcome-registration{color:#fff;font-family:Libre Franklin,sans-serif;font-size:18px;font-weight:600;letter-spacing:.3px;padding-bottom:20px}.flex-div-reg{align-items:center;display:flex;flex-wrap:wrap;height:100%;justify-content:center}.registration-form{background:linear-gradient(0deg,#267cabe6,#3496cbcc);background-blend-mode:overlay;border-radius:5px;box-shadow:2px 2px 2px #a2a2a2;font-family:Open Sans,sans-serif;margin:100px 0;width:50%}.registration-label-a{padding-top:20px}.registration-label-b{padding-top:0}.username{align-items:center;color:#6d6c6c;display:flex;font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:600}.input-username{background-color:#c9eafb;border-radius:3px;border-style:none;font-family:Nunito Sans,sans-serif;font-size:16px;font-size:.9rem;margin-bottom:40px;margin-top:15px;padding:8px;width:145px}.avatar-select,.input-username{background:linear-gradient(0deg,#9ed7f5e6,#e9f3fbcc);background-blend-mode:overlay}.avatar-select{border:2px #fff;border-radius:3px;display:flex;justify-content:space-between;margin:20px 20px 0;padding:5px 0}.avatar-item{display:inline-block;text-align:center}.avatar-item input{display:none}.avatar-image{border:2px solid #0000;border-radius:50%;cursor:pointer;margin:7px;transition:border .3s ease;width:60px}.flex-message .avatar-image,.who-wrote .avatar-image{width:60px}.avatar-image:hover{transform:scale(1.1)}.selected{border:3px solid #8d8d9e;box-shadow:0 0 10px #6c6c7480;transform:scale(1.15)}.flexbox-baseline{align-items:center;color:#145eb9;color:#fff;display:flex;flex-direction:column;flex-wrap:wrap;font-size:1rem;font-weight:600;justify-content:center}.chatroom-label,.room-select{margin-top:20px}.room-select{font-family:Open Sans,sans-serif}.custom-select .custom-select-prefix__control,.room-select,.room-select option{background:linear-gradient(0deg,#9ed7f5e6,#e9f3fbcc)}.custom-select .custom-select-prefix__control{border-radius:3px;font-family:Open Sans,sans-serif;font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:400;margin-top:20px;padding:0}.custom-select .custom-select-prefix__menu{background:#e9f3fb;font-size:14px}.custom-select .custom-select-prefix__option{background-color:#b7e3f8e6;color:#333;font-family:Nunito Sans,sans-serif;font-size:14px;font-size:.8rem;padding:5px}.custom-select .custom-select-prefix__option--is-focused{background-color:#a8d0e6;color:#333}.custom-select .custom-select-prefix__value-container{padding:0 3px}.custom-select .custom-select-prefix__input-container{margin:0;padding:0}.css-1xc3v61-indicatorContainer{color:#908f8fd6}.loader-animation{align-items:center;display:flex;justify-content:center}.lottie{height:20%;width:20%}.members-count-countainer{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;margin-top:20px}.members-count{background:linear-gradient(0deg,#267cabe6,#3496cbcc);background-blend-mode:overlay;border-radius:10px;color:#fff;display:inline-block;font-family:Inter,sans-serif;font-size:.9rem;font-weight:600;padding:10px 15px;text-align:center}.members-online-list{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:space-around;margin:10px 20% 20px;padding:0;text-align:center}.member-item{list-style:none}.member-item .avatar-image{height:50px;width:50px}.date-header{color:#6d6c6c;font-family:Nunito Sans,sans-serif;font-size:.8rem;font-weight:600;margin-top:20px}.list-username{color:#6d6c6c;font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:600}.input-down,.list-username{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.input-down{margin-bottom:20px;margin-right:0;width:40%}.messages-input-div{align-items:center;display:flex;flex-direction:column;justify-content:center}.messages-list{align-items:flex-start;background-color:rgba(165,221,249,.573);background:linear-gradient(90deg,rgba(246,249,250,.381),rgba(188,227,248,.432));background-blend-mode:overlay;border-radius:10px;box-shadow:.3em .3em .7em #53505099;flex-wrap:wrap;list-style-type:none;margin-bottom:40px;max-width:60%;min-width:40%;padding-bottom:50px}.list-item-right,.messages-list{display:flex;flex-direction:column}.list-item-right{align-items:flex-end;align-self:flex-end;text-align:right}.list-item-right,.list-item-right .gif-message{margin-right:40px}.list-item-right .who-wrote{align-items:center;display:flex;flex-direction:row-reverse;gap:7px;justify-content:flex-end}.list-item-right .avatar-image{margin:7px 0 7px 7px}.message-input{align-items:center;background-color:rgba(165,221,249,.573);background:linear-gradient(90deg,rgba(246,249,250,.381),rgba(188,227,248,.432));background-blend-mode:overlay;border-radius:10px;box-shadow:.3em .3em 1em #53505099;color:rgba(52,150,203,.758);display:flex;flex-direction:column;flex-wrap:wrap;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:.8rem;max-height:500px;max-width:100%;min-height:60px;min-width:100px;padding:10px;resize:vertical}.input-text{background:#0000;font-family:Rubik,sans-serif;font-family:Rubik,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,EmojiOne Color,Android Emoji,sans-serif;font-size:.85rem;margin-bottom:5px;outline:none;padding:5px;resize:none;scrollbar-color:#197bb4 #fafafa90;scrollbar-width:thin}.input-text,hr{border:none;width:100%}hr{background-color:rgba(52,150,203,.758);height:1px}.input-button,.registration-button{border:none;border-radius:5px;box-shadow:2px 2px 2px #0a3b6c;color:#fff;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;margin:30px 0;padding:10px 15px}.logout-button,.registration-button{background-color:#0aa1dd;background:linear-gradient(0deg,#39b4cde6,#8acdf1cc);background-blend-mode:overlay;border:none;padding:3px 40px}.logout-div,.room-logout-div{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;width:100%}.logout-button{align-self:flex-end;border-radius:5px;box-shadow:2px 2px 2px #0a3b6c;color:#fff;font-family:Open Sans,sans-serif;font-size:1rem;font-weight:600;margin-bottom:10px;margin-right:30px}.room-button{margin-left:30px}.room-button span{color:#155e85e6}.input-button:hover,.logout-button:hover,.registration-button:hover{background-color:#59beec;background:linear-gradient(0deg,#1fb4cfe6,#bdebf8cc);background-blend-mode:overlay;color:#fff;cursor:pointer;font-size:17px;transform:scale(1.1)}.buttons{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.file-button,.send-button,.smiley-button{background-color:#197bb4;background:linear-gradient(0deg,#1e6f9be6,#3496cbcc);background-blend-mode:overlay;border-color:#74a5c100;border-radius:50%;border-radius:10px;box-shadow:none;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:100;height:30px;margin:10px 0 0;padding:5px}.file-button{margin:10px 0 0 10px}.send-button{align-self:flex-end;height:35px;margin-left:10px;margin-right:10px;padding:2px;width:35px}.smiley-button{align-self:flex-start}.file-button:hover,.smiley-button:hover{font-size:13px;transform:scale(1.02)}.emoji-picker-container{margin-left:150px}.epr-main{background-color:rgba(165,221,249,.573)!important;border-color:rgba(52,150,203,.758)!important}.epr-main input{border-color:rgba(52,150,203,.758)!important}.epr-main h2,.epr-main input{font-family:Nunito Sans,sans-serif;font-size:.8rem}.epr-main h2{color:rgba(52,150,203,.758)!important}.epr_-99h9r1.epr_-egzoqq{font-family:Nunito Sans,sans-serif;font-size:.8rem}.gif-search-input{background-color:rgba(165,221,249,.573)!important;border:1px solid #ccc;border-color:rgba(52,150,203,.758)!important;border-radius:4px;font-family:Rubik,sans-serif;font-size:.85rem;margin-bottom:20px;margin-left:250px;padding:8px;width:20%}.gif-loading,.giphy-grid{margin-left:150px}.no-gifs-found{color:#6d6c6c;font-family:Rubik,sans-serif;font-size:.85rem;margin-left:250px}.add-files{display:none}.file-link,.file-link-supabase{color:#197bb4;font-family:Rubik,sans-serif;text-decoration:none!important}.file-link{color:#000}.file-link-supabase:hover{color:#093e5d}.message-from-me .file-link{color:#fff}.message-from-me .file-link-supabase{color:#a8d9f7}.send-button:hover{font-size:14px;transform:scale(1.1)}.input-name{color:#8a8a8a;color:#6d6c6c;font-family:Nunito Sans,sans-serif;font-size:.9rem;font-weight:600}.my-avatar-name{margin-bottom:20px;text-align:center}.registration-button{margin:30px}.flex-registration{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap}.flex-message{justify-content:center;margin-bottom:20px;margin-top:20px;width:100%}.flex-message .avatar-image{margin-left:0}.flex-registration{justify-content:center}.timestamp{color:#8a8a8a;color:#6d6c6c;font-size:.7rem;margin-top:10px}.user-joined,.user-left{border-radius:5px;display:inline-block;font-size:.75rem;font-weight:600;margin:25px 40px 5px;padding:5px 10px}.user-joined{color:#008060}.user-joined,.user-left{font-family:Inter,sans-serif}.user-left{color:#ac3737}.user-message{word-wrap:break-word;background-color:rgba(168,212,250,.486);background:linear-gradient(180deg,#fff,#c2e4f7cc);border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-right-radius:10px;box-shadow:2px 2px 2px #bfbfbf;color:#000;display:inline-block;font-family:Rubik,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,EmojiOne Color,Android Emoji,sans-serif;font-size:.85rem;margin-left:40px;margin-right:40px;margin-top:5px;max-width:80vw;overflow-wrap:break-word;padding:10px;word-break:break-all}.gif-message{margin-left:40px;max-width:50%}.message-from-me{background:linear-gradient(0deg,#267cabe6,#45aae0cc);background-blend-mode:overlay;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-top-left-radius:10px;border-top-right-radius:0;color:#fff}.who-wrote{align-content:end;align-items:left;display:flex;flex-direction:row;flex-wrap:wrap;margin-top:20px}.who-wrote .avatar-image{border:0;margin-left:0}.scroll-to-bottom,.scroll-to-top{text-align:center}.scroll-button{background-color:#197bb4;background:linear-gradient(0deg,#1e6f9be6,#3496cbcc);background-blend-mode:overlay;border-color:#fff;border-radius:10px;border-style:none;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px;margin-bottom:10px;padding:5px 10px}.scroll-button:hover{background-color:#59beec;background:linear-gradient(0deg,#1fb4cfe6,#bdebf8cc);background-blend-mode:overlay;cursor:pointer}.footer{align-items:center;background-color:#197bb4;background:linear-gradient(0deg,#267cabe6,#3496cbcc);background-blend-mode:overlay;color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;font-family:Rubik,sans-serif;font-size:.8rem;justify-content:space-between;padding-bottom:10px;padding-top:10px;text-align:left}.scaledrone-icon{display:inline-block;margin-left:5px}.scaledrone-icon img{height:20px;width:20px}.scaledrone-link{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-left:20px}.scaledrone-link a{font-size:.8rem;text-decoration:none}.scaledrone-title{color:#fff;padding-left:5px;transition:color .3s ease,transform .3s ease}.scaledrone-title:hover{color:#7bccf2;transform:scale(1.1)}.social-links{display:inline-block;margin:10px}.social-links a{color:#fff;font-size:1.2rem;margin:0 10px;text-decoration:none;transition:color .3s ease,transform .3s ease}.social-links a:hover{color:#7bccf2;transform:scale(1.1)}.author{margin-left:100px}@media (max-width:1450px){.avatar-image{width:9%}.messages-list{max-width:50%}}@media (max-width:1250px){.avatar-image{width:10%}.welcome-registration{margin-bottom:30px}.registration-form{margin:30px 0 100px}.messages-list{max-width:60%}.input-down{width:50%}}@media (max-width:991px){.registration-button{margin-left:20px}.registration-form{margin:50px 0 100px;width:80%}.messages-list{max-width:70%}.input-down{width:60%}}@media (max-width:800px){.gif-search-input{margin-left:200px;width:15%}.giphy-grid{margin-left:150px}.no-gifs-found{margin-left:200px}}@media (max-width:730px){.message-input{margin-right:0}.avatar-image{width:14%}.input-down{width:70%}}@media (max-width:674px){.emoji-picker-container{margin-left:10px}.giphy-grid{margin-left:40px}}@media (max-width:600px){.avatar-image{width:14%}h1{font-size:1.6rem}.author{margin-left:30px}.gif-search-input{margin-left:100px;width:20%}.no-gifs-found{margin-left:100px}}@media (max-width:575px){.footer{flex-direction:column}.input-down{width:80%}}@media (max-width:500px){.buttons{flex-direction:row}}@media (max-width:450px){.emoji-picker-container{margin-left:30px}}@media (max-width:400px){.avatar-image{width:18%}h1{font-size:1.4rem}.author{margin-top:15px}.file-button{margin:10px 0 0 5px}.emoji-picker-container{margin-left:10px}.gif-search-input{margin-left:50px;margin-left:100px;width:25%;width:20%}.input-down{width:90%}}@media (max-width:291px){.file-button{margin:10px 0 0 5px}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{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}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.d89f27f0.css.map*/