/*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: 20px;
}

/*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;
}
.animate{
    font-size: 2.3rem;
}

/*Qualification*/
.schoolBox{
    grid-template-columns: 1fr;
}
.schoolImage{
    display: flex;
    justify-content: center;
    align-items: center;
}
.schoolImage img{
    width: 80%;
}
.collegeBox{
    grid-template-columns: 1fr;
}
.collegeImage{
    display: flex;
    justify-content: center;
    align-items: center;
}
.collegeImage img{
    width: 80%;
}
.universityBox{
    grid-template-columns: 1fr;
}
.universityImage{
    display: flex;
    justify-content: center;
    align-items: center;
}
.universityImage img{
    width: 80%;
}


/*Experience*/
.experience{
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.experienceBox{
    border-bottom: 2px solid rgba(243, 243, 243, 0.7);
}
.experienceDetails{
    text-align: center;
}

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