*{
    margin: 0;
}

ul{
    display: flex;
    justify-content:space-around;
    align-items: baseline;
    list-style-type: none;

}
a img{
    height: 40px;
    width: auto;
}
#logo img{
    height: 80px;
    width: auto;


}
#logo img:hover{
    background-color: #239429;
    transition: 0.5s;
    color: antiquewhite;
}
a{
    text-decoration: none;
    color: black;
    font-size: 1.2em;
    align-self: center;
}
a:hover{
    transition: 0.3s;
    color: whitesmoke;
    background-color: rgba(30, 11, 242, 0.253);
    border-radius: 5%;
    padding: 8px;
}
#contact{
    display: block;
    margin: auto;
    height: 75vh;
    width: 100vh;

}
h1{
    text-align: center;
    padding: 15px;
    letter-spacing: 0.2em;
    font-size: 2em;
    text-shadow: 2px 4px 5px rgba(0, 0, 0, 0.42);

}
h3{
    text-align: center;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 1.2em;
    padding: 15px;

}
.slider1{
    margin: 10px auto;
    max-width:900px ;
    overflow: hidden;
}
.slider1 .slider{
    display: flex;
    animation: slider-1 15s infinite ease-in-out;
}
.slider img{
    height: 500px;
    width:100%;
    object-fit: cover;
    flex-shrink: 0;
}
@keyframes slider-1{
    0%,
    20%{
        transform: translateX(0);
    }
    25%,
    45%{
        transform: translateX(-100%);
    }
    50%,
    70%{
        transform: translateX(-200%);
    }
    75%,
    95%{
        transform: translateX(-300%);
    }
    100%{
        transform: translateX(-400%);
    }
}

footer{
    background: -webkit-radial-gradient(rgb(38, 179, 43) 31%,rgb(252, 224, 41) 100%);
    padding: 20px 0 10px 0;
    text-align: center
}
form{
    margin: 0 auto;
    max-width: 900px;
}
input, textarea, button{
    border-radius: 8px;
    display: grid;
    border: 1px solid black;
    padding: 15px 10px;
    margin: 1px 0;
    font-size: 1em;
    text-align: center;
    font-family: dancing script, sans serif;
    color: black;
}
input{
    margin: 2px auto 5px auto;

}
input #email{
    margin: auto;
    margin-top: 5px;
    background-color: rgba(94, 163, 232, 0.598);
    text-align: center;
}
input #email:hover{
    background-color: bisque;
    color: rgb(20, 19, 16);
    cursor: grab;
    transition: 0.3s ease-in-out;
}
textarea{
    margin: auto;
    resize: none;
}
button{
    margin: auto;
    margin-top: 5px;
}
@media (max-width:600px){
    .slider1{
        max-height: 300px;
    }
    .slider img{
        object-fit: contain;
    }
}