* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
  }

.hero-section {
    width: 100%;
    background-image: url("./Assist/codename-micropolis.jpg");
    /* background-position: center; */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* background-color: #edf5f8; */
}

.broucherDownloadContainer {
    transition: all .5s ease;
}

.broucherDownloadContainer.broucherActive {
    left: 0;
    transition: all .5s ease;
}

.costSheetDownloadContainer {
    transition: all .5s ease;
}
.costSheetDownloadContainer.costSheetActive {
    left: 0;
    transition: all .5s ease;
}

.mobileNavlinkContainer {
    transition: all .5s ease;
}

.mobileNavlinkContainer.active {
    /* display: block; */
    right: 0;
    transition: all .5s ease;
}


/* ================== */

@keyframes colorCycle {
    0% { background-color: #ff0000; }
    100% { background-color: #2a496c; }
}

.animate-color-change {
    animation: colorCycle 1s infinite alternate;
}