body { font-family: 'Roboto', sans-serif; background-color: #121212; color: #f8f9fa; }
header { background: #1f1f1f; }
.btn-outline-light:hover { background-color: #f8f9fa; color: #121212; }
.icon i { transition: transform 0.3s ease; }
.icon i:hover { transform: scale(1.2); color: #0dcaf0; }
footer a:hover { text-decoration: underline; color: #0dcaf0; }
img.clickable { cursor: pointer; transition: transform 0.3s ease; }
img.clickable:hover { transform: scale(1.02); }
.modal-content { border: none; width:100%; height:100%;}