*{font-family:East Sea Dokdo,cursive;margin:0;padding:0}body{background-image:url(/static/media/background1.866b12a0db34535f4166.jpg);background-position:50%;background-size:cover;height:100vh;position:relative}#root,.app{height:100%;width:100%}nav{background-color:#000;background-image:linear-gradient(90deg,#000,#282828);box-shadow:0 .25em 10px 0 #000;color:#fff}.bar-container{position:absolute;right:1em;top:1em}@media screen and (min-width:400px){.bar-container{display:none}}.bar-container:hover{cursor:pointer}.bar{background-color:#fff;height:.35em;margin:.5em 0;width:2.5em}nav ul{display:flex;flex-direction:column;height:100%}@media screen and (min-width:400px){nav ul{align-items:center;display:flex;flex-direction:row;height:100%}}nav ul li{font-size:2rem;list-style-type:none}@media screen and (min-width:400px){nav ul li{margin:0 1em}}@media screen and (max-width:400px){nav ul li.mobile-hidden{display:none}}nav ul li:hover{background-color:#fff;color:#000;cursor:pointer;position:relative}@media screen and (min-width:400px){nav ul li.nav-item:hover{background-color:initial;color:#fff}nav ul li.nav-item:hover:after{background:#fff;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}}nav ul li.logo{background:#fff;border-radius:.1rem;margin:0;width:2em}.nav-item{border-top:2px solid #fff;text-align:center;width:100%}@media screen and (min-width:400px){.nav-item{border-top:none;width:auto}.nav-item:nth-child(2){margin-left:auto}.nav-item:last-child{margin-right:auto}}.cards-page{flex-direction:column}.cards-container,.cards-page{align-items:center;display:flex;height:90%;justify-content:center;width:100%}.cards-container{flex-wrap:wrap}@media screen and (max-width:700px){.cards-container,.cards-page{height:auto}}img{max-height:100%;max-width:100%}.card-image img,.card-image video{border-radius:1rem;max-height:100%;max-width:100%}.audiocard-image,.card-image,.videocard-video{background-size:cover;height:60%}.audiocard-image{max-height:300px}.videocard-video video{border:.25rem solid #fff;border-radius:.5rem;max-height:100%;max-width:100%}.audiocard-image.hide,.videocard-video.hide{display:none}.audiocard-image img{border:.25rem solid #fff;border-radius:.5rem}.audiocard-content{align-items:center;display:flex;flex-direction:column;height:40%;justify-content:space-evenly;width:100%}.card-author,.card-title{margin-bottom:auto;text-align:center}.card{align-items:center;background-color:#000;background-image:linear-gradient(90deg,#000,#282828);border-radius:1em;box-shadow:.25em .25em 10px 0 #000;color:#fff;display:flex;flex-direction:column;font-size:1.5rem;height:35%;margin:1em;position:relative;width:70%}.card-delete,.card-listen{display:none;z-index:1}.card:hover .card-delete{border:2px solid #fff;border-radius:1em 1em 0 0;height:20%}.card:hover .card-delete,.card:hover .card-listen{align-items:center;background:#000;color:#fff;display:flex;justify-content:center;opacity:.8;position:absolute;width:100%}.card:hover .card-listen{border:2px solid #fff;border-radius:0 0 1rem 1rem;font-size:2rem;height:40%;top:20%}.card:hover .card-listen-small{font-size:1.5rem;height:20%;top:40%}.card-delete-confirmation,.card:hover .card-delete-confirmation{display:none;z-index:1}.card:hover .card-delete-confirmation-active{align-items:center;background:#000;border:2px solid #fff;border-radius:1rem 1rem 0 0;color:#fff;display:flex;flex-direction:column;font-size:2rem;height:40%;justify-content:center;opacity:.8;position:absolute;width:100%}.card:hover .delete-buttons{align-items:center;border-top:2px solid #fff;display:flex;height:100%;width:100%}.card:hover .delete-buttons .yes{border-right:2px solid #fff}.card:hover .delete-buttons .no,.card:hover .delete-buttons .yes{margin:0 auto;text-align:center;width:50%}.card-delete:hover,.card-listen:hover,.no:hover,.yes:hover{cursor:pointer;text-decoration:underline}.card-disappear{-webkit-transform:scale(0);transform:scale(0);transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s}.card:hover .hide{display:none}.card:hover{bottom:-1em;position:relative}@media screen and (min-width:450px){.card{font-size:1.5rem;width:50%}}@media screen and (min-width:700px){.card{width:40%}}@media screen and (min-width:960px){.card{font-size:1.5rem;width:20%}}@media screen and (min-width:1400px){.card{width:15%}}.audiocard-container{height:90%;justify-content:center;width:100%}.audiocard,.audiocard-container{align-items:center;display:flex;flex-direction:column}.audiocard{background-color:#000;background-image:linear-gradient(90deg,#000,#282828);border-radius:1em;box-shadow:.25em .25em 10px 0 #000;color:#fff;font-size:2rem;margin:1em auto;min-height:50%;position:relative;width:90%}.audio-bar{background:#fff;cursor:pointer;height:.5rem;margin:.25rem 0;width:100%}.audio-bar-progress{background:#b9314f;height:100%;pointer-events:none;width:0}.volume-container{background-color:#000;background-image:linear-gradient(90deg,#000,#282828);border-radius:1em;bottom:-5rem;box-shadow:.25em .25em 10px 0 #000;color:#fff;font-size:1rem;height:4rem;opacity:1;position:absolute;transition:opacity .25s;width:100%;z-index:0}.volume-container.hide{opacity:0;z-index:-2}.volume-bar{background:#fff;cursor:pointer;height:.5rem;margin-top:auto;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.volume-bar-progress{background-color:#354b42;height:100%;pointer-events:none;width:100%}.volume-container .controls{bottom:1%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.volume-container .controls i{margin:0 .5rem}.volume-container .controls .fa-square-minus:hover,.volume-container .controls .fa-square-plus:hover{color:#cecece;cursor:pointer}.audio-buttons .fa-volume-high{font-size:1.5rem;position:absolute;right:1rem}@media screen and (min-width:640px){.audiocard{width:70%}}@media screen and (min-width:960px){.audiocard{width:50%}}.audio-buttons{align-items:center;display:flex;justify-content:center}.audio-buttons i{margin:0 .5em}.audio-buttons i:hover{color:#cecece;cursor:pointer}.fa-pause{padding:0 2px}.fa-pause,.fa-stop{display:none}.fa-backward,.fa-forward{font-size:1.5rem}.add-song-container{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:center;width:100%}.form-container,.options{background-color:#000;background-image:linear-gradient(90deg,#000,#282828);border-radius:1em;box-shadow:.25em .25em 10px 0 #000;color:#fff;width:80%}.form-container{height:70%;margin-top:1.5rem}#custom-img{height:1.5rem}.options{align-items:center;display:flex;flex-direction:column;font-size:1rem;height:20%;justify-content:space-evenly}@media screen and (min-width:640px){.form-container,.options{width:50%}}@media screen and (min-width:960px){.form-container,.options{width:30%}}.options-header{font-weight:400}.options-list{align-items:center;display:flex;justify-content:space-evenly;width:70%}.option-description p{font-size:1.5rem}.option-description .hide{display:none}.pagination-buttons{display:flex;gap:.5rem}.option,.pagination-btn{align-items:center;background-color:#000;border:5px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:2rem;justify-content:center;transition:all .25s;width:2rem}.options-list .option.active,.pagination-btn.active{background-color:#fff;border:5px solid #fff;color:#000}form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center}form,form input{font-size:1.5rem}form input{border-radius:1em;text-align:center;width:70%}.file-label.disabled .selected-file{background:#95a3a4}.file-label.disabled i,.file-label.disabled p{color:#95a3a4}form button{background-color:#000;background-image:linear-gradient(90deg,#000,#282828);border:5px solid #fff;border-radius:1em;color:#fff;font-size:1.5rem;margin-top:1em;padding:0 2em}form button:hover{background:#fff;color:#000;cursor:pointer}input[type=file]{display:none}.file-label{align-items:center;display:flex;flex-direction:column;min-width:70%}.file-label:hover{color:#cecece;cursor:pointer}.file-label.disabled{cursor:not-allowed}.selected-file{background:#fff;border-radius:1em;color:#000;font-size:1.5rem;height:1.25em;margin-top:.25em;padding:2px;text-align:center;width:100%}.file-upload-container{display:none}.file-upload-container.active{background-color:rgba(0,0,0,.9);height:100vh;left:0;position:absolute;top:0;width:100vw}.file-upload-container.active,.file-upload-popup{align-items:center;display:flex;justify-content:center}.file-upload-popup{background:#fff;border-radius:1rem;color:#000;height:6rem;padding:.5rem;width:18rem}.file-upload-popup.errors,.file-upload-popup.spinner,.file-upload-popup.uploaded{display:none}.file-upload-popup.spinner.active,.file-upload-popup.uploaded.active{align-items:center;display:flex;justify-content:center}.file-upload-popup.spinner.active *{height:50%;width:50%}.file-upload-popup.uploaded.active h3{-webkit-animation:text-blink 1s infinite;animation:text-blink 1s infinite;font-size:2.25rem}.file-upload-popup.uploaded.active{display:flex;flex-direction:column;justify-content:center;position:relative}.file-upload-popup.uploaded.active .buttons{display:flex;justify-content:space-around;width:100%}.file-upload-popup.errors button,.file-upload-popup.uploaded.active .buttons button{background:#fff;border:initial;cursor:pointer;font-size:1.5rem;position:relative}.file-upload-popup.errors button:hover:after,.file-upload-popup.uploaded.active .buttons button:hover:after{background:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.file-upload-popup.uploaded.active .fa-xmark{cursor:pointer;font-size:1.5rem;position:absolute;right:.4rem;top:.4rem}.file-upload-popup.uploaded.active .fa-xmark:hover:after{background:#000;bottom:0;content:"";height:2px;left:0;position:absolute;width:100%}.file-upload-popup.errors.active{color:red;display:flex;flex-direction:column;font-size:1.5rem;height:auto}@-webkit-keyframes text-blink{0%{color:#000}50%{color:#a8a5a5}to{color:#000}}@keyframes text-blink{0%{color:#000}50%{color:#a8a5a5}to{color:#000}}#wave{fill:#fff;bottom:-100px;display:none;height:100px;position:absolute;width:100px}#Line_1{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.15s;animation-delay:.15s}#Line_2{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.3s;animation-delay:.3s}#Line_3{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.45s;animation-delay:.45s}#Line_4{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.6s;animation-delay:.6s}#Line_5{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.75s;animation-delay:.75s}#Line_6{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:.9s;animation-delay:.9s}#Line_7{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:1.05s;animation-delay:1.05s}#Line_8{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:1.2s;animation-delay:1.2s}#Line_9{-webkit-animation:pulse 1s infinite;animation:pulse 1s infinite;-webkit-animation-delay:1.35s;animation-delay:1.35s}@-webkit-keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}@keyframes pulse{0%{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}50%{-webkit-transform:scaleY(.7);transform:scaleY(.7);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}to{-webkit-transform:scaleY(1);transform:scaleY(1);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}}
/*# sourceMappingURL=main.63984768.css.map*/