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

.hidden{
    display: none;
}

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

.services{
    flex-direction: column;
    animation: show 2s backwards;
    position: relative;
    transition: all 0.6s;
}

@keyframes show {
    from{top: -100%;}
    to{top: 0%;}
}


.services a:not(:last-child) {
    margin-right: 0px;
}

.services a{
    margin-bottom: 30px;
}

/*HomeSection*/
#homeSection{
   grid-template-columns: 1fr;

}

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

#homeSection img{
    width: 30%;
}

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

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

/*Home Section*/
#profileIntro{
    margin-bottom: 5%;
    margin-top: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Project Section*/
.box{
    width: 100%;
}