/*Navbar*/
.menu{
    display: block;
}

.hidden{
    display: none;
}

#navbar{
    grid-template-columns: 1fr;
}

.services{
    animation: show 1s backwards;
    position: relative;
    transition: all 0.4s;
}
@keyframes show {
    from{top: -100%;}
    to{top: 0%;}
}


/*HomeSection*/
#homeSection{
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;

}

.image{
    display: flex;
    justify-content: center;
    align-items: center;
}

#homeSection img{
    width: 30%;
}

/*Contact Form*/
.contactForm {
    padding: 2% 19%;
}

/*Project Form*/
.ProjectForm {
    padding: 2% 19%;
}