.song-card{background-color:#fff;border-radius:10px;padding:30px;transition:box-shadow .3s ease;box-shadow:0 2px 4px #0003;font-family:Nunito-Sans,sans-serif;min-width:0;height:200}.song-card:hover{box-shadow:0 6px 12px #0006}.card-actions{display:flex;flex-wrap:wrap;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height 1s ease-out,opacity .3s ease-in,margin-top .4s ease-out}.song-card:hover .card-actions{max-height:300px;opacity:1;margin-top:1rem}*{box-sizing:border-box}form{display:flex;flex-direction:column;gap:15px;border:10px solid #b5835a;border-radius:10px;padding:30px;max-width:450px;font-weight:400;font-size:16px}.form-title{margin:0 0 5px;color:#fff;text-align:center}label{color:#fff;font-weight:600}.form-field{display:flex;justify-content:space-between;align-items:center;gap:15px}input[type=date],input[type=url]{padding:8px 12px;border:2px solid #b5835a;border-radius:5px;background-color:#3e374d;color:#fff;font-size:1em;flex-grow:1;max-width:250px}.form-separator{border:none;height:5px;background-color:#b5835a;border-radius:5px;margin:10px 0}.button-group{border:none;border-radius:5px}.cancel-button{background-color:#e74c3c;color:#fff}.submit-button{background-color:#2ecc71;color:#fff}.cancel-button:hover{background-color:#c0392b}.submit-button:hover{background-color:#27ae60}.button-group{display:flex;justify-content:space-between;gap:15px;margin-top:10px}.gallery-filters{max-height:200px;overflow:hidden;transition:max-height .5s ease-in-out,opacity .3s ease-in-out;opacity:1;border-style:solid;border-width:5px;border-radius:5px;border-color:#241f31;color:#241f31;font-size:20px;padding:20px;margin:20px;grid-column:1 / -1}.gallery-filters.hidden{max-height:0;opacity:0}.gallery-filters.visible{max-height:800px;opacity:1}.options-title{text-align:left;font-size:30px;margin:0}.filter,.options-label{color:#241f31}.options-div{display:flex;flex-direction:column;gap:.5rem}.options-label{font-weight:600}.grid-display{margin:0}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000b3;z-index:1000;display:flex;justify-content:center;align-items:flex-start;padding-top:50px;padding-bottom:50px;overflow-y:auto}.modal-content{background-color:#2e2e2e;padding:2rem;border-radius:8px;box-shadow:0 5px 15px #0000004d;width:90%;max-width:500px;max-height:calc(100vh - 100px);overflow-y:auto;margin:0;flex-shrink:0}.deletionForm{color:#fff;font-size:20px}.page-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.header-title{text-align:center}.completed-options-btn{grid-column:3}@media (width < 900px){.page-header{grid-template-columns:1fr 1fr}}html{background-color:#4d3827}body{background-color:#b5835a;font-size:50px;border-style:solid;border-color:#241f31;border-width:5px;padding:30px;font-weight:600;border-radius:5px;font-family:Nunito Sans,sans-serif}hr,h1,h2{color:#241f31;font-family:Nunito Sans,sans-serif}a{border-style:solid;border-color:#241f31;color:#241f31;border-radius:5px;border-width:3px;padding:10px;margin:0 50px 0 0;text-decoration:none;font-size:.5em}a:hover,button:hover,select:hover{background-color:#241f31;color:#b5835a}h1,h2,nav{font-size:.75em;margin:0}button,select,input,a{padding:15px;margin:15px;font-family:Nunito-Sans,sans-serif;font-weight:900;border-color:#241f31;border-radius:5px;border-width:3px;background-color:#b5835a;font-weight:600;cursor:pointer;transition:background-color .3s ease;flex-basis:50%;color:#241f31;text-align:center}.general-msg{color:#241f31;font-size:20px;font-weight:700}@media (width < 900px){.navigation{display:flex;justify-content:left;list-style:none;gap:10px;flex-wrap:wrap}}