@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
  background: linear-gradient(135deg, #1e88e5, #42a5f5);
  color: #fff;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}


a {
color: #1565c0;
}



.hero {
background: linear-gradient(135deg, #1e88e5, #42a5f5);
color: white;
padding: 5rem 1rem;
text-align: center;
}


.features {
padding: 4rem 2rem;
}

.feature-icon {
font-size: 2rem;
color: #1e88e5;
}





#message-alert {
    -webkit-animation: cssAnimation 10s forwards;
    animation: cssAnimation 10s forwards;
    position: fixed; 
    bottom:7%; 
    right: 1%; 
    z-index: 10000;
}

@keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@-webkit-keyframes cssAnimation {
    0% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }
    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}