.container{
     margin-top: -30px;
    width:50%;
    height: 600px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* align-content: center; */
    color:darkgrey;
    background-color: lightslategray;
}
body{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.para{
    color: darkgray;
    font-size: 1rem;
}
.inner{
    background-color: black;
    width:75%;
    /* height:28rem; */
    margin-top: -30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.heading{
    margin-top: 1.5rem;
    text-align: center;
    color: green;
}
/* .contents{
    margin-left: 7%;
    margin-right: 10%;
} */
.row1>td input{
    width: 7rem;
    height: 1.5rem;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid;
    border-radius: 6px;
    margin-top: 5%;
}
.rowp>td>input{
    width: 97%;
    margin-top: 5%;
    height: 1.5rem;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid;
    border-radius: 6px;
}
.row2>td>input{
    width: 12rem;
    margin-top: 5%;
    height: 1.5rem;
    font-size: 0.7rem;
    text-align: center;
    border: 1px solid;
    border-radius: 6px;
}
.text{
    font-size: 0.9rem;
    /* margin-left: -2rem; */
}
.last{
    /* margin-left: 12%; */
    margin-top: 5%;
}
.last>span>span{
    color: green;
}
.button{
    margin-top: 8%;
    width: 10rem;
    height: 2rem;
    margin-bottom: 0.4rem;
    /* margin-left: 22%; */
    background-color: darkgreen;
    color: white;
    border: 1px solid;
    border-radius: 8px;
}
button:hover{
    cursor: pointer;
}
.anchor{
    text-decoration: none;
    color:white;
    font-size: 1rem;
}
p{
    margin-right: 5%;
    margin-left: 5% !important;
    font-size: 1.5rem;
}
body{
    background-image: url(./online-registration-background.png);
}
@media screen and (max-width:768px) {
    body{
        background-image: none;
        padding: 0px;
        margin: 0px;
        font-size: 0.9rem;
    }
    .row2>td>input{
        width: 14.3rem;
        margin-top: 5%;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }
    .heading{
        text-align: center;
        color: green;
    }
    .contents{
        margin-left: 7%;
        margin-right: 10%;
    }
    .container{
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content:center ;
    }
    .inner{
        background-color: black;
        width:75%;
        height:26rem;
        margin-top: -30px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .row1>td input{
        width: 7rem;
        height: 1.5rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
        margin-top: 5%;
    }
    .button{
        margin-top: 8%;
        width: 10rem;
        height: 2rem;
        /* margin-left: 22%; */
        background-color: darkgreen;
        color: white;
        border: 1px solid;
        border-radius: 8px;
    }
    .last{
        /* margin-left: 12%; */
        margin-top: 5%;
    }
    .sign, .anchor{
        margin:0px;
    }
}
@media (min-width:769px) and (max-width: 999px) {
    .row1>td input{
        /* margin: auto; */
        width: 10rem;
        height: 1.5rem;
        font-size: 0.7rem;
        /* text-align: center; */
        border: 1px solid;
        border-radius: 6px;
        margin-top: 5%;
    }
    .inner{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .contents{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .contents{
        margin-right: 0%;
        margin-left: 0%;
        max-width: min-content;
    }
    .row2>td>input{
        width: 10rem;
        margin-top: 5%;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }
}
@media (min-width:1000px) and (max-width: 1199px) {
    .row2>td>input{
        width: 14.3rem;
        margin-top: 5%;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }
}
@media screen and (min-width: 1200px) {
    .row1>td input{
        width: 7.3rem;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
        margin-top: 5%;
    }
    .rowp>td>input{
        width: 97%;
        margin-top: 5%;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }
    .row2>td>input{
        width: 14.9rem;
        margin-top: 5%;
        height: 1.5rem;
        font-size: 0.7rem;
        text-align: center;
        border: 1px solid;
        border-radius: 6px;
    }
}