@import url("./header.css");
@import url("./content.css");
@import url("./carousel.css");
@import url("./footer.css");
@import url("./search-box.css");
@import url("./product-tiles.css");
@import url("./dark-mode.css");

.enable-transitions body,
.enable-transitions header,
.enable-transitions footer,
.enable-transitions main,
.enable-transitions .product-tile,
.enable-transitions .search-container input[type="text"],
.enable-transitions .carousel-container,
.enable-transitions .carousel-item,
.enable-transitions .social-icons a {
    transition: background-color 0.3s ease, color 0.3s ease,
        border-color 0.3s ease;
}

nav {
    background-color: #3498db;
    padding: 10px;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 20px;
    font-weight: bold;
}