/* UTILITIES */
* {
 margin: 0;
 padding: 0;
 box-sizing: border-box;
}
body {
    /*animation */
    background: linear-gradient(-45deg, #F8F7FF, #FED766, #EB8258, #545454, #4DA1A9);
    background-size: 400% 400%;
    animation: gradient 40s ease infinite;
    
    
}
a {
 text-decoration: none;
}
li {
 list-style: none;
}

.navBarLinks:hover {
    background-color: none;
}

/* NAVBAR STYLING STARTS */
.navbar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 padding: 30px;
 
 color: #fff;
 font-family: 'Cairo', sans-serif;
}

/* LOGO */
.logo {
 font-size: 40px;
 font-family: 'Cairo', sans-serif;
}
/* NAVBAR MENU */
.menu {
 display: flex;
 gap: 1em;
 font-size: 18px;
}


.menu li:hover {
 background-color: gray;
 text-decoration: none;
 border-radius: 5px;
 transition: 0.3s ease;
}
.menu li {
 padding: 5px 14px;
 text-decoration: none;
}
/* DROPDOWN MENU */
.services {
 position: relative; 
 text-decoration: none;
}

.navBarLinks {
    color: white
}

.contact { 
 border-radius: 5px;
 padding: 10px;
 transition: 0.3s ease; 
}

a:hover, a:visited, a:link, a:active
{
    text-decoration: none;
}

.controls { 
    margin-top: 40px;
    margin-left: 90px;
    margin-right: 90px;
}

@keyframes gradient {
    
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

p { 
    font-size:17px;
}

.label {
  color: white;  
}