body {
 font-family: Arial, sans-serif;
 background: linear-gradient(135deg, #81c4ff 20%, #16588e 66%, #e7222e 99%);
 margin: 0;
 padding: 0;
}

h1 {
 font-size: 24pt;
 margin-bottom: 10px;
}

a {
 text-decoration: none;
 font-size: 50px !important;
 text-align: left !important;
}

header {
/* background: #333; */
 background: linear-gradient(45deg, #222 20%, #333 66%, #444 99%);
 color: #000;
 text-shadow: 0px 0px 8px #fff;
 text-align: center;
 padding: 1rem 0;
}

.fa-instagram {
 color: #fff;
 font-size: 42px;
 text-align: right;
 text-shadow: 2px 2px 4px #000;
}

.container {
 width: 100%;
 height: 100%;
}

.slider {
 position: relative;
 width: 100%;
 max-width: 600px; /* Limit slider width */
 margin: auto; /* Center the slider */
 overflow: hidden;
}

.slides {
 display: flex;
 transition: transform 0.5s ease;
}

.slide {
 min-width: 100%; /* Show one slide at a time */
}

.slide img {
 width: 100%; /* Responsive image */
 height: auto;
}

.specifications {
 margin-top: 20px;
 margin-left: 20px;  /* Adjusted left margin */
 display: flex;
 flex-direction: column;
 color: #fff;
 text-shadow: 2px 2px 4px #000;
}

.specifications p {
 margin: 5px 0;
}

.nav-buttons {
 position: absolute;
 top: 50%;
 width: 100%;
 display: flex;
 justify-content: space-between;
 transform: translateY(-50%);
}

.nav-button {
 background-color: rgba(0, 0, 0, 0.5);
 color: white;
 border: none;
 padding: 10px;
 cursor: pointer;
}

footer {
 text-align: center;
 margin-top: 30px;
 font-size: 10pt;
 color: gray;
}