@import"https://fonts.googleapis.com/css?family=Luckiest+Guy&display=swap";button{margin:10px auto;text-align:center;width:100%;height:40px;border:1px solid rgb(255,0,0);background-color:#fce72cee;font-family:Courier;font-size:16px;display:block;cursor:pointer;position:relative}button:hover{background-color:#4383d6b0;border:1px solid rgb(67,131,214);color:#fff;font-weight:700}button:hover:disabled{color:gray}@media screen and (min-width: 620px){button{max-width:500px}}.loading:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:16px;height:16px;border:5px solid transparent;border-top-color:#fff;border-radius:50%;animation:loading-spinner 1s linear infinite}@keyframes loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.notification-container{font-size:14px;position:fixed;z-index:100;font-family:Arial,Helvetica,sans-serif}.top-right{top:12px;right:12px;animation:toast-in-right .7s}.bottom-right{bottom:12px;right:12px;animation:toast-in-right .7s}.top-left{top:12px;left:12px;animation:toast-in-left .7s}.bottom-left{bottom:12px;left:12px;animation:toast-in-left .7s}.notification{background-color:#fff;transition:.3s ease;position:relative;pointer-events:auto;overflow:hidden;margin:0 0 15px;padding:20px;width:300px;max-height:100px;border-radius:3px;box-shadow:0 0 10px #999;color:#000;opacity:.9}.notification:hover{box-shadow:0 0 12px #fff;opacity:1;cursor:pointer}.notification-title{font-weight:700;font-size:1rem;text-align:left;margin-top:0;margin-bottom:6px;width:300px;height:18px}.notification-message{overflow:hidden;text-align:left;height:18px;margin:0 0 0 -1px;text-overflow:ellipsis;white-space:nowrap}.notification-image{float:left;margin-right:15px;font-size:36px;color:green}@keyframes toast-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes toast-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.signup{border:1px solid #9e9e9e5e;border-radius:5px;margin:1rem}.gradient-bar{height:.25rem;background:linear-gradient(135deg,rgb(49,134,9) 0%,rgb(60,255,0) 100%)}.form-logo{width:8rem;margin:1rem auto 1.5rem}.card-form{padding:.5rem}h2.signup-title{text-align:center;padding:1rem}.signup-input{height:40px;width:100%;border:1px solid;border-radius:2px;margin-bottom:6px}.label{display:block;width:100%;height:30px;font-weight:800;margin-bottom:2px;line-height:45px}@media screen and (min-width: 1024px){.signup{width:960px;margin:5rem auto;box-shadow:#00000026 6px 16px 12px 3px}.card-form{padding:2rem}}.checkbox{font-family:Courier New,Courier,monospace;color:#000;display:flex;justify-content:center;align-items:center;margin-right:.4rem}.checkbox input{margin:0 10px}input[type=checkbox]{transform:scale(1.5)}.song{margin-right:auto;padding:.3rem}.song-name{margin-right:auto;font-size:1rem}.song p:nth-child(2){margin-top:.3rem}.label-song{border:1px solid grey;border-radius:4px;display:flex;font-size:1rem;box-shadow:#00000026 1.95px 1.95px 2.6px}.login{border:1px solid #9e9e9e5e;border-radius:5px;margin:.5rem}h2.login-title{text-align:center;padding:1rem}@media screen and (min-width: 1024px){.login{width:960px;margin:5rem auto;box-shadow:#00000026 6px 16px 12px 3px}}.navbar{display:flex;margin:0 15px}.navbar li{color:red;padding:4px}.navbar a:nth-child(3){margin-left:auto}.split-btn{display:flex;justify-content:center}.split-btn button{width:100px;margin:0 10px}.user-profile-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center}.user-photo{border:none;border-radius:50%;width:150px;margin:1rem}.user-info{border:1px dashed grey;margin:1rem 0;font-size:14px;font-style:italic}.user-info span{color:green;font-size:16px;font-style:normal}.search-bar{margin:25px}.form-u{display:flex;flex-direction:column;align-items:center;margin-bottom:30px}.form-u label{font-family:Luckiest Guy,cursive}select{width:100%;height:35px;margin:20px 0 10px;font-family:Courier;background-color:#fff;border:1px solid rgb(255,0,0)}.form-u input{width:100%;height:35px;border:1px solid rgb(255,0,0)}.grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.loader{text-align:center;grid-column:1/9}@media screen and (min-width: 620px){.form-u select,.form-u input{max-width:500px}}@media screen and (min-width: 960px){.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.form-u select,.form-u input,.form-u button{max-width:500px}}@media screen and (min-width: 1200px){.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:960px;margin:0 auto}}.card img{max-width:200px}.track .card{grid-column:1/9;margin:20px 0;display:flex;align-items:center}.track .card img{margin-left:20px;max-width:40%;box-shadow:5px 5px 10px #999}.track .card .card-link{margin-left:10px}.card-link{font-size:16px}.card-link p:nth-child(2){font-weight:700;color:#000}.card button{margin:5px auto 10px;text-align:center;width:80px;height:80px;border-radius:50%;border:2px solid #ffc107;background-color:#fce72cee;font-family:Courier;font-size:16px;display:block}@media screen and (min-width: 620px){.track .card{grid-column:span 4;margin:20px 0;display:flex;flex-direction:column;align-items:center}.track .card img{max-width:60%;margin-left:0}.track .card .card-link{margin-left:0;margin-top:10px;text-align:center}}@media screen and (min-width: 960px){.track .card{grid-column:span 2}.track .card img{margin-left:0}}*{list-style-type:none}h1.song-title{font-family:monospace;font-size:1.5rem}pre{overflow-x:auto;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;text-align:center;font-family:monospace;font-size:1.1rem}.lyrics{width:100%;margin:30px auto}.song-box{max-width:1200px;margin:0 auto}.song-title-card{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:1fr 1fr}.song-text{grid-column:1/9;margin:10px}.cover-art{grid-column:1/9;margin:0 auto;text-align:center}.cover-art img{width:200px;box-shadow:5px 5px 10px #999}.record-tracks{text-align:left;margin-top:10px;margin-left:50px}.record-tracks li{padding:5px}@media screen and (min-width: 960px){.song-box{margin-top:80px}.song-text{grid-column:3/9;margin:10px;grid-row:1}.cover-art{grid-column:1/3;grid-row:1;margin-top:70px;padding:20px;text-align:center}}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;z-index:5}.modal{background-color:#fff;position:fixed;top:40%;left:50%;transform:translate(-50%,-40%);z-index:5;height:10rem;width:250px;border:1px solid grey;border-radius:5px;padding:1rem;display:flex;flex-direction:column;align-items:center;text-align:center}@media screen and (min-width: 480px){.modal{width:400px}}.display-all-songs-wrapper{outline:1px dashed green;margin-top:2rem}.display-all-songs-wrapper h1{font-size:1.2rem}.display-all-songs{display:grid;grid-gap:.5rem;font-size:.6rem;padding:1rem}*{margin:0;padding:0;font-family:Courier New,Courier,monospace}a{text-decoration:none}h1,h3{text-align:center;font-family:Luckiest Guy,cursive;color:red}h1{margin:25px;letter-spacing:3px}h3{letter-spacing:1px;color:#4383d6;margin-bottom:20px}