Page 550 - MDP2022-3

</div>
</div>
</div>
<!-- Footer-->
<footer class="py-4 bg-dark">
<div class="container">
<p class="m-0 text-center text-white">OSD : Our Smart Dormitory</p>
</div>
</footer>
<!-- Bootstrap core JS-->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
<!-- Core theme JS-->
<script src="../static/scripts.js"></script>
</body>

</html>

10.<Music.css>
.f {
float: left;
text-align: center;
align-items: center;
justify-content: center;
margin: 10px;
}

.f input[type=radio]:checked {
cursor: pointer;
}

.f input[type=radio] + label {
color: rgb(157, 122, 190);
font-size: 0.82em;
font-weight: bold;
}

.f input[type=radio]:checked + label {
color: rgb(83, 24, 138);
}

img {
margin-top: 10px;
padding: 10px;
max-width: 100%;
max-height: 100%;
}

.f {