#navigation1 {
    width: 100%;
padding: 2%;
    max-width: 100%;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-grow: 1;
    flex-basis: 0%;
    min-width: 0;
    min-height: 0;
}
#navigation1 {
    max-width: 100%;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    flex-grow: 0;
    -ms-flex-positive: 0;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    flex-basis: 100%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    flex-grow: 1;
    flex-basis: 0%;
    min-width: 0;
    min-height: 0;
}
#navigation1 #content{
    color: #39b96f;
    text-align: center;

}
#reg{
    margin-top:5%;
    box-shadow: 5px 0px 8px 10px #888888;
    border-style: solid;

    border-width: 5px 1px ;
    border-color:#888888 ;
    align-items: center;
    background-color: white;
    width: 60%;
    background-image: url('assests/2.png')
}

@media screen and (max-width: 600px) {
    #navigation1{
        width: 100%;
    }
    #navigation1 img{
        width: 100%;
    }
#reg{
    width: 100%;
    border-width: 0px 0px ;
    border-color:white ;
    border-style: none;
    box-shadow: 0px 0px 0px 0px white;


}
button{
    width: 30%;
}
}
input{
    align-items: center;
    border-style: solid;

    border-width: 5px 1px ;
    border-color:#888888 ;

}