@charset "UTF-8";.modal,img{height:100%}a,body,button{color:#232323}*,::after,::before{padding:0;margin:0;box-sizing:border-box}ol,ul{list-style:none}a,button{transition:all .2s ease;text-decoration:none}a:hover,button:hover{color:#292426}button{cursor:pointer;background-color:#007bff;color:#fff;border:none;border-radius:5px;padding:10px 20px;font-size:16px;margin-top:20px}body,h3{font-size:1rem}button:hover{background-color:#0056b3}img{vertical-align:top;width:100%;object-fit:cover}h1{text-align:center;margin-bottom:20px}.container{width:min(90%,1200px);margin:0 auto}body{font-family:sans-serif;padding:20px}.page-wrapper{display:flex;flex-direction:column;justify-content:space-between}.page-wrapper main{flex-grow:1}li{margin:6px 0;list-style-type:decimal;position:relative;padding-left:25px}li::before{content:"🎶";position:absolute;left:0;top:0}.author{font-weight:700}.song{font-style:italic;color:#00008b}.modal{display:none;position:fixed;top:0;left:0;width:100%;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center}.modal.show{display:flex}.modal .modal-content{background:#fff;padding:20px 30px;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.3)}.traffic-light{width:100px;background:#333;border-radius:20px;padding:15px;display:flex;flex-direction:column;align-items:center;gap:10px}.traffic-light .light{width:60px;height:60px;background-color:#111;border-radius:50%;opacity:.3;transition:opacity .3s}.traffic-light .light.active{opacity:1}.traffic-light .light.red.active{background-color:red}.traffic-light .light.yellow.active{background-color:#ff0}.traffic-light .light.green.active{background-color:green}