/*bg colors*/
.bg-light-blue {
    background-image: radial-gradient(circle at 50% 0, #003676, #00316d 51%), linear-gradient(to right, #01285b, #00a8ee), linear-gradient(to bottom, rgba(0, 54, 118, 0.3), rgba(0, 54, 118, 0.3));

}

/*font colors*/
.mediafon-blue {
    color: #06377a;
}

/*height adjustment */
.navbar {
    min-height: 8.5vh !important;
}
html {
    scroll-padding-top: 8.5vh ;
  }
/*image styles*/
/*side image*/
.side-image-container {
    min-height: 40vh;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.side-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all 0.4s ease-in-out;
}
.side-image:hover {
    transform: scale(1.05);
}

/* background images*/
.background-fixed {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.main-background {
    margin-top: 8.5vh;
    height: 93vh;
    background-image: linear-gradient(rgba(12, 22, 27, 0.9),
            rgba(12, 22, 27, 0.5),
            rgba(12, 22, 27, 0.9)), url("src/images/backgrounds/network.jpg");

}

.phones-background {
    background-image: linear-gradient(rgba(12, 22, 27, 0.9),
            rgba(12, 22, 27, 0.5),
            rgba(12, 22, 27, 0.9)), url("src/images/backgrounds/phones.jpeg");

}

/*animations*/
.zoom {
    transition: transform .4s;
    /* Animation */
    width: 100px;
    height: auto;
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.1);
    /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.title-anim {
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
  
@keyframes fadeInAnimation {
    0% {
        opacity: 0;
        transform: scale(0.9);
    }
    100% {
        opacity: 1;
        transform: scale(1);
     }
}