styles.css

*{
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
*::selection{
    background-color: #2ECC71;
}

#nav{
    background-color:  #2ECC71 ;
}
body{
    background-color:#F5F5DC ;
    margin:0;
    padding:0;
}

#btn1:hover{
    background-color: #ADD8E6;
    transition:all ease 0.5s;
}

.card{
    cursor: pointer;
}
#mod2 #img1{
    margin-top: 10rem;
    margin-left: 8rem;
}
#img2{
    margin-top: 10rem;
    margin-left: 56rem;
    width: 22.5rem;
    height: 16rem;
}
#img3{
    margin-top: 27rem;
    margin-left: 56rem;
    height: 14.25rem;
}
#img4{
    margin-top: 27rem;
    margin-left: 68rem;
    height: 14.25rem;
}

#nav a {
    color: white; /* Ensure the links have white color */
}

#nav h4, #nav i {
    color: white; /* Set icon and text color to white */
}

#right a {
    color: white; /* Set the About us link color to white */
}

#btn1 a {
    color: white; /* Set Sign In link color to white */
}

footer{
    background-color: #F1C40F;
}

#ft-logo{
    border-radius: 50%;
}
#tag1{
    top:53rem;
    scale:3;
}

  #features.active {
    opacity: 1; /* Make it visible when animated */
    transform: translateY(0); /* Move it to its original position */
    transition: all 1s ease-in-out; /* Smooth transition for both opacity and movement */
  }

#greenline{
    height:5rem;
    width:8rem;
    left:13rem;
    top:-3rem;
}