* {
    background-image: 'homepagebg.JPG ';
    /*
background: rgb(234, 235, 241);
/*box-shadow: 0 2px 10px rgba(0,0,0,0.05); */
}

.logo{
    font-family: 'Verdana', Gadget, sans-serif;
    font-weight: bold;
    font-size: 100%;
    color: rgb(218, 218, 218);
    /*text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);  */
    background: transparent;
}

h1, h2, h3, p {
  background: transparent;
  font-family: 'Verdana', Gadget, sans-serif;
}

nav ul {
    font-family: 'Verdana', Gadget, sans-serif;
    display: flex;
    list-style: none;
}


nav ul li a {
    font-family: 'Verdana', Gadget, sans-serif;
    margin-left: 20px;
    text-decoration: none;
    color: #111111;
    font-weight: 800;
}


nav ul li a.active {
color: #6d6d6d;
}

.font1{
    font-family: 'Verdana', Gadget, sans-serif;
    font-weight: bold;
    font-size: 2em;
    color: black;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    background: transparent;
}

.font2{
    font-family: 'Verdana', Gadget, sans-serif;
    font-weight: normal;
    font-size: 0.8em;
    color: black;
    background: transparent;
}

.hero {
height: 75vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:transparent;
/*
background-image: url("homepagebg.JPG");
background-size: cover;
background-position: center;  
/*homepagebg.JPG*/
/*
background: linear-gradient(135deg, #4009a7 0%, #2741d3 100%);
*/

color: rgb(29, 29, 29);
text-align: center;
backdrop-filter: blur(3px);
}


.content {
padding: 40px;
max-width: 800px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
margin: auto;
border-radius: 10px; /* rounded corners */
backdrop-filter: blur(3px);
}


form {
display: flex;
flex-direction: column;
}


form input, form textarea {
margin-bottom: 15px;
padding: 12px;
border-radius: 6px;
border: 1px solid #ccc;
}


button {
padding: 12px 20px;
border: none;
background: #2575fc;
color: white;
font-size: 16px;
border-radius: 6px;
cursor: pointer;
}

button:hover {
background: #1a5fd4;
}