@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800;900&display=swap);.card{border:2px solid #000;border-radius:8px;cursor:pointer;padding:1.5rem 2.5rem;transition:background-color .2s}.card:hover{background-color:#fdfd8d}.card-desc{font-weight:400;margin-bottom:3rem;margin-top:0}.card-desc-streamer{color:#646464;font-size:1.3rem;font-weight:100;margin-top:0;text-align:center}.card-title{margin-bottom:1rem}.card-title-streamer{font-size:2.5rem;margin-bottom:1rem;text-align:center}.card-disable{border:2px solid #919191;color:#626262;cursor:no-drop}.card-disable,.card-disable:hover{background-color:#b7b7b7}@media (max-width:27.5em){.card-title{font-size:3rem}.card-desc{font-size:1.2rem}}.home-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr 1fr 1fr;margin-inline:auto;margin-top:1.5rem;max-width:80%}.home-container-not-login{margin-inline:auto;margin-top:6rem;max-width:80%}@media (max-width:97.5em){.home-container{grid-template-columns:1fr 1fr 1fr}}@media (max-width:75em){.home-container{grid-template-columns:1fr 1fr}}@media (max-width:55em){.home-container{grid-template-columns:1fr}}.streamer-quest{background-color:#cacaca;border-radius:5px;cursor:pointer;margin-inline:auto;max-width:80%;padding:.15rem;text-align:center;transition:background-color .15s}.streamer-quest:hover{background-color:#a8a8a8}.margintop{margin-top:6rem}.invicible{position:absolute;visibility:hidden}.streamer-modal{background-color:pink;margin:auto;padding:1.5rem;width:80%;z-index:3}.blur-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#000;background-color:rgba(0,0,0,.4);height:100%;left:0;overflow:auto;padding-top:100px;position:fixed;top:0;width:100%;z-index:1}.streamer-choice{display:flex;font-size:2rem;justify-content:space-between;margin-inline:auto;margin-top:2rem;width:50%}.streamer-option{background-color:#ffa1b1;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;margin-inline:2.5rem;padding:.4rem;text-align:center;transition:background-color .2s;width:100%}.streamer-option:hover{background-color:#fd6e86}@media (max-width:56.25em){.streamer-option{margin-inline:2rem}}@media (max-width:46.875em){.streamer-option{margin-inline:1rem}}@media (max-width:34.375em){.streamer-option{margin-inline:.5rem}.streamer-choice{width:100%}}.home-search{align-items:center;display:flex;margin-inline:auto;margin-top:1.5rem;max-width:80%}.home-button-search{background-color:#eabbfa;border:none;border-radius:5px;cursor:pointer;font-weight:500;height:100%;padding:.2rem .7rem;transition:background-color .15s}.home-button-search:hover{background-color:#ca79e4}.home-text-search{color:grey;font-size:1.3rem;margin-left:1.5rem}.home-result-search{color:#000;font-size:2rem;margin-left:.5rem}@media (max-width:36.875em){.home-search{display:block}.home-button-search{width:100%}.home-text-search{display:block;margin-left:0;margin-top:.3rem}}@media (max-width:30.625em){.home-result-search{font-size:1.3rem}}@media (max-width:27.3125em){.home-result-search{margin-left:0}}.nav{align-items:center;display:flex;height:4.5rem;justify-content:space-between;list-style-type:none;margin-inline:auto;max-width:80%;padding:0}.nav-container{left:0;margin-inline:auto;position:fixed;top:0;transition:.5s;width:100%}.nav-active{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:hsla(0,0%,100%,.553);border-bottom:1px solid hsla(0,0%,50%,.281);transition:background .5s ease,-webkit-backdrop-filter .5s ease;transition:background .5s ease,backdrop-filter .5s ease;transition:background .5s ease,backdrop-filter .5s ease,-webkit-backdrop-filter .5s ease}.nav li a{border-radius:8px;color:#000;display:block;padding:.3rem .7rem;text-decoration:none;transition:background-color .2s}.nav li a:hover{background-color:#eabbfa;border-radius:8px}.signout{cursor:pointer}.two-left{align-items:center;display:flex;justify-content:space-between}.nav-right{justify-content:flex-end}.nav-input{background-color:transparent;border:none;left:30px;outline:none;position:relative;top:1px;width:150px}.nav-search{background-color:#eabbfa;border-radius:60px;height:30px;left:17%;position:fixed;top:22px;transition:.3s ease-in-out;width:30px;z-index:1000}@media (max-width:93.75em){.nav-search{left:18%}}@media (max-width:84.375em){.nav-search{left:19%}}@media (max-width:75em){.nav-search{left:20%}}@media (max-width:65.625em){.nav-search{left:21%}}@media (max-width:59.375em){.nav-search{left:23%}}@media (max-width:46.875em){.nav-search{left:25%}}@media (max-width:40.625em){.nav-search{left:28%}}.nav-search .nav-icon{cursor:pointer}.nav-search .nav-icon:before{border:2px solid #000;border-radius:50%;content:"";height:10px;position:absolute;-webkit-transform:translate(7px,7px);transform:translate(7px,7px);width:10px}.nav-search .nav-icon:after{background-color:#000;content:"";height:7px;position:absolute;-webkit-transform:translate(19px,17px) rotate(315deg);transform:translate(19px,17px) rotate(315deg);width:2px}.nav-search-active{width:200px}.nav-search-clear{cursor:pointer;height:15px;position:absolute;right:4px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:15px}.nav-search-clear:before{-webkit-transform:translate(7px,2px) rotate(45deg);transform:translate(7px,2px) rotate(45deg)}.nav-search-clear:after,.nav-search-clear:before{background-color:#414141;content:"";height:12px;position:absolute;width:1px}.nav-search-clear:after{-webkit-transform:translate(7px,2px) rotate(315deg);transform:translate(7px,2px) rotate(315deg)}.nav-burger{visibility:hidden}.navbar{position:relative}@media (max-width:31.25em){.nav{visibility:hidden}.nav-search{left:10%}.nav-burger{font-size:1.3rem;position:fixed;right:10%;top:22px;visibility:visible;z-index:101}.nav-mobile-active{display:block;transition:.5s;visibility:visible}.nav-mobile-active ul{margin-top:5rem}.nav-mobile-active li{padding-bottom:1rem}.nav-mobile-active-fixed{background-color:#caffc8;padding-bottom:3rem}}.nav-sign{align-items:center;display:flex;height:4.5rem;justify-content:flex-end;list-style-type:none;margin-inline:auto;max-width:80%;padding:0}.nav-sign a{border-radius:8px;color:#000;display:block;padding:.3rem .7rem;text-decoration:none;transition:background-color .2s}.nav-sign a:hover{background-color:#eabbfa;border-radius:8px}.sidebar-container ul li{list-style-type:none;margin-inline:auto;margin-right:2rem;margin-top:2rem}.sidebar-nav a{background-color:#e69bfe;border-radius:8px;box-shadow:7px 7px #691f82;color:#000;display:block;padding:1rem;text-decoration:none;transition:background-color .2s,box-shadow .2s;width:100%}.sidebar-nav a:hover{background-color:#eabbfa;box-shadow:7px 7px #da97f0}.sidebar-active a{background-color:#7a488a;border-radius:8px;box-shadow:7px 7px #3f0054;color:#3f0054;cursor:not-allowed;display:block;padding:1rem;text-decoration:none;width:100%}@media (max-width:43.75em){.sidebar-container{margin-bottom:3rem}}.notipin-container{display:grid;grid-template-columns:.3fr 1fr;margin-inline:auto;margin-top:6rem;max-width:80%}.notipin-form{margin-inline:auto;width:80%}.notipin-input{border:1px solid rgba(0,0,0,.5);font-family:Poppins,sans-serif;height:33px;margin-bottom:3rem}.notipin-input,.text-area{border-radius:6px;padding:.3rem .5rem;width:100%}.text-area{height:50%}.notipin-submit{background-color:#e294fd;border:none;border-radius:5px;cursor:pointer;font-weight:600;letter-spacing:.07rem;margin-bottom:3rem;padding:.5rem;transition:background-color .2s;width:100%}.notipin-submit:hover{background-color:#eab1fd}@media (max-width:43.75em){.notipin-container{grid-template-columns:1fr;margin-top:6rem}}.auth-label{font-size:1.3rem;margin-left:.3rem}.auth-input{border:1px solid rgba(0,0,0,.5);border-radius:6px;display:block;font-family:Poppins,sans-serif;height:33px;padding:.3rem .5rem;width:100%}.button-pass{cursor:pointer;font-size:1rem;position:absolute;right:3%;top:67%}@media (max-width:28.75em){.auth-input{width:80%}.button-pass{right:23%}}.auth-firstName{grid-area:firstName}.auth-lastName{grid-area:lastName}.auth-email{grid-area:email}.auth-password{grid-area:password;position:relative}.auth-confirmPass{grid-area:confirmPass;margin-bottom:1rem}.auth-container{grid-gap:.5rem;display:grid;grid-template-areas:"firstName lastName" "email email" "password password" "confirmPass confirmPass" "button button" "google google" "isSignUp isSignUp";margin-bottom:3rem;margin-inline:auto;margin-top:6rem;max-width:25rem}.auth-button{background-color:#6b6b6b;border:none;border-radius:5px;color:#fff;cursor:pointer;grid-area:button;padding:.4rem;transition:background-color .2s;width:100%}.auth-button:hover{background-color:#232323}.auth-google{background:none;border:none;grid-area:google;margin-inline:auto}.auth-issignup{background-color:transparent;border:none;cursor:pointer;grid-area:isSignUp;margin-right:.5rem;margin-top:.5rem;text-align:right}.auth-issignup:hover{color:#ca79e4}@media (max-width:28.75em){.auth-container{grid-template-areas:"firstName firstName" "lastName lastName" "email email" "password password" "confirmPass confirmPass" "button button" "google google" "isSignUp isSignUp";margin:1rem}.auth-button{width:80%}.auth-issignup{margin-right:22%}}.videoni-container{display:grid;grid-template-columns:.3fr 1fr;margin-inline:auto;margin-top:6rem;max-width:80%}.videoni-form{margin-inline:auto;width:80%}.videoni-input{border:1px solid rgba(0,0,0,.5);border-radius:6px;font-family:Poppins,sans-serif;height:33px;margin-bottom:3rem;padding:.3rem .5rem;width:100%}.videoni-setting{grid-gap:2rem;display:grid;grid-template-columns:1fr 1fr}.videoni-submit{background-color:#e294fd;border:none;border-radius:5px;cursor:pointer;font-weight:600;letter-spacing:.07rem;margin-bottom:3rem;padding:.5rem;transition:background-color .2s;width:100%}.videoni-submit:hover{background-color:#eab1fd}@media (max-width:43.75em){.videoni-container{grid-template-columns:1fr;margin-top:1rem}}@media (max-width:49.375em){.videoni-setting{grid-gap:0;grid-template-columns:1fr}.videoni-container{margin-top:6rem}}.result-container{display:grid;grid-template-columns:.3fr 1fr;margin-bottom:5rem;margin-inline:auto;margin-top:1rem;max-width:80%}@media (max-width:43.75em){.result-container{grid-template-columns:1fr}}.result-outer{display:flex;flex-direction:column-reverse;width:100%}.result-box{border:2px solid #000;margin-inline:auto;margin-left:5rem;margin-top:5rem;padding:2rem;width:80%}.result-creator,.result-message{margin:0}.result-moment{color:grey;font-size:1rem;font-weight:100;margin:0}.result-url{cursor:pointer;font-size:1.3rem}.result-url:hover{color:#ca79e4}.result-setting{color:#4f4f4f;display:inline;font-size:1rem;margin-right:2rem}.popup-container{background-color:#ca79e4;border:2px solid #000;border-radius:8px;box-shadow:10px 10px #3b3b3b;margin:1rem 2rem;max-height:490px;padding:.5rem}.popup-text{font-size:3.5rem;text-align:center}.popup-message{font-size:2.5rem;line-height:1.2;margin-bottom:.5rem}.popup-span{color:#63237c}.popin{-webkit-animation:popIn .5s 1;animation:popIn .5s 1;position:relative}.audio{visibility:hidden}.video{aspect-ratio:16/9;display:flex;margin-inline:auto;width:90%}@-webkit-keyframes popIn{0%{top:-600px}to{top:0}}@keyframes popIn{0%{top:-600px}to{top:0}}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;scroll-behavior:smooth}.account-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-inline:auto;max-width:80%}@media (max-width:55em){.account-container{grid-template-columns:1fr}}.dashboard-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:5rem;margin-inline:auto;max-width:80%}@media (max-width:55em){.dashboard-container{grid-template-columns:1fr}}.link-container{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr;margin-bottom:5rem;margin-inline:auto;margin-top:1rem;max-width:80%}.link-box{text-align:center}.link-text{font-size:1.6rem;margin-top:1.5rem}.link-putbut{height:2rem}.link-input{border:2px solid #000;border-bottom-left-radius:10px;border-bottom-right-radius:0;border-right:none;border-top-left-radius:10px;border-top-right-radius:0;width:80%}.link-button,.link-input{height:100%;padding:0 .5rem}.link-button{background-color:#eabbfa;border:2px solid #000;border-bottom-left-radius:0;border-bottom-right-radius:10px;border-left:none;border-top-left-radius:0;border-top-right-radius:10px;cursor:pointer;font-weight:500;transition:background-color .15s}.link-button:hover{background-color:#ca79e4}.link-span{color:#535353;font-size:1rem}@media (max-width:84.375em){.link-container{grid-template-columns:1fr}}
/*# sourceMappingURL=main.3f34b8bd.css.map*/