body {
    margin:0px;
    padding:0px;
    box-sizing:border-box;
}
.container{
    width:100%;
    border:2px solid none;
}
.h
{
    background-color:#624dd6;
    padding:20px;
    text-align:center;
    font-family:'Trebuchet MS';
    font-size:23px;
    color:wheat;
}
.h1
{
    padding:6px;
    text-align:left;
    font-family:Calibri;
    font-size:23px;
    color:#b708e1;
}
.p{
    padding:15px;
    text-align:center;
    font-family:Arial;
    line-height:2.5;
    font-size:16px;
    color:#ff3700;
}
.p1{
    background-color:wheat;
    padding:15px;
    text-align:center;
    font-family:Comic Sans MS;
    line-height:2.5;
    font-size:18px;
    color:#b711b9;
}
.para{
    padding:10px;
    text-align:justify;
    font-family:Arial;
    line-height:1.5;
    font-size:16px;
}
.para2{
    padding:20px;
    margin:25px;
    text-align:justify;
    font-family:Calibri;
    line-height:1.7;
    font-size:26px;
}
.text2{
    padding:5px;
    text-align:left;
    font-family:Arial;
    line-height:1.9;
    font-size:17px;
}

.backcolor1{
     color:#ff3700;
 }
 .backcolor2{
     color:#cb00d4;
 }
.text{
    font-family:Arial;
    font-size:18px;
    color:#035fa2;
}
.input{
    border:2px groove violet;
    width:96vw;
    border-radius:6px;
    font-family:Calibri;
    padding:5px;
    font-size:18px;
    color:#0983c2;
}
@media screen and (max-width:700px)
{
    .container
    {
        width:100vw;
    }  
    .input{
    width:94vw;
    }
}