*{scroll-behavior: smooth;}

/* HEADER SECTION */
header{color:Black; background-color: white;width:100%;height:80px;}
header > h1{margin-top:-55px;margin-bottom:25px;justify-self: center;font-family: Boldonse;font-size:x-large;}
header > nav > ul > a {text-decoration:none;color:black;}
header > nav > ul > a > li:hover{color:red;}


/* CSS for navigation styling */
nav {
    background-color: white; /* Light background for header */
    padding: 10px 20px;
    display: flex; /* To arrange items horizontally */
    justify-content: center; /* Center items */
    align-items: center; /* Align items vertically */
   
}

nav ul {
    list-style: none; /* Remove bullet points from list items */
    margin-top:-25px;
    padding: 0;
    display: flex; /* Arrange list items horizontally */
    gap: 50px; /* Add space between menu items */
}

nav ul li {
    font-family: dosis; /* 'Smooch Sans', sans-serif; Use one of the Google fonts */
    font-weight: 700; /* Make text bold for emphasis */
    font-size: 1.2rem; /* Adjust font size for better visibility */
}

nav ul li:hover {
    color: #007acc; /* Change text color on hover */
    cursor: pointer; /* Add pointer cursor on hover */
    text-decoration: underline; /* Optional hover effect */
}
#profile{justify-self: end;margin-left:92%;margin-top:-80%;}
#MM{margin-top:30px;margin-left:20px;}




/*MAIN SECTION*/
.bgcolor{background-color: rgb(242, 242, 242); padding:5px;}
  
#trust{ font-family:ubuntu;color:white;width:50%;height:45px;padding:5px;background-color: black;border-radius: 0px 10px 10px 0px;}/*rgb(179, 179, 179*/
#trust >svg{margin-top:0px;margin-right:8px;margin-left:5px;margin-bottom:-8px;}

#ad2{width:100%;height:50px;background-color:black;color:white;font-family: dosis;}

#menudiv{ background-color:white;}
.menu{ width:150px;height:150px;}
.menuA{text-decoration: none;color:black}
.menuA:hover{color:red;}

#menu{margin-left:5%;border: 1px;width:90%;height:30%;}

#a-z > div > a > button{ border-radius: 5px;background-color: white;color:black;width:50px;height:50px;margin:10px;}
#a-z > div > a > button:hover{ border-radius: 5px;background-color:black;color:white;}





/*FOOTER SECTON*/
footer{ background-color: black;border-radius:0px 0px 20px 20px;width:100%;height:200px;}