/*Body*/
body h1{
    font-size: 20px;
}
body h2{
    font-size: 20px;
}

/*Navbar*/
nav{ 
    grid-template-columns: 1fr; 
    align-items: center;
}
.services{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hidden{
    display: none;
}
#menu{
    display: flex;
    justify-content: center;
    align-items: center;
    display: block;
}

/*URL Box*/
.urlBox{ 
    grid-template-columns: 1fr; 
}
.urlBox input{
    margin-top: 10px;
}


/*Request Type Box*/
.requestType{ 
    grid-template-columns: 1fr; 
}

/*Content Type Box*/
.contentType{ 
    grid-template-columns: 1fr; 
}


/*JSON Request Box*/
.jsonRequestBox{ 
    grid-template-columns: 1fr; 
}
.jsonRequestBox textarea{
    margin-top: 10px;
}


/*Parameter Box*/
.parametersBox{ 
    grid-template-columns: 1fr; 
}
.parametersInputs{ 
    grid-template-columns: 1fr; 
}
.parametersBox input{
    margin-top: 10px;
}
#addParameter{
    margin-top: 10px;
}


/*Submit Box*/
.submitButtonBox{
    display: grid;
    grid-template-columns: 1fr;
}

/*Response Box*/
.responseBox{ 
    grid-template-columns: 1fr; 
}
#responsePre{
    width: 74vw;
}


/*Aashu Intro*/
.aashuIntro{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.aashuIntro img{
    width: 90%;
}
.photo{
    display: flex;
    justify-content: center;
    align-items: center;
}

/*Problem*/
.problem{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/*Solution*/
.solution{
    grid-template-columns: 1fr;
}
.solution1{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.solution2{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


/*Footer*/
section{
    grid-template-columns: 1fr;
    grid-gap: 20px;
}
.email{
    justify-content: flex-start;
    overflow: auto;
}