body{
    background-color: #03001C;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif ;
}
.sign-upbox{
    /* background-color:black; */
    height: 420px;
    width: 365px;
    margin: auto;
    border: 2px solid brown;
    border-radius: 6px;
    position: relative;
    top: 42px;
    left: -70px;
    font-size: large;
    background: blur();
    

    
}
body{
    height: 100%;
    width: 100%;
    /* background-image: url(https://initiate.alphacoders.com/images/105/cropped-1440-900-1050599.jpg?2277); */
    background-image: url(./images/the-land-of-dinosaurs.png);
    overflow: hidden;
}
.Box{
    background-color:#CDFCF6;
    height: 420px;
    width: 350px;
    margin: auto;
    border-radius: 6px;
    position: absolute;
    top: 63px;
    left: 67.5px;

}
/* .outerBox{
    background-color: #f9fb91;
    height: 600px;
    width: 850px;
    margin: auto;
    border-radius: 6px;
    position: absolute;
    top: 30px;
    left: -50px;

} */
h1{
    position: relative;
    left: 120px;
    top: 12px;
    color:#205295;
    margin: auto;
    /* height: 10px;
    width: 70px; */
    /* border: 2px solid #000000; */

}
h2{
    position: relative;
    left: 25px;
    top: 40px;
    color:#A760FF;
    font-family: Segoe Script;
    font-size: 25px;

}
img{
    height: 215px;
    width: 230px;
    position: relative;
    left: 52px;
    top: 91px;
}
form label{
    position: relative;
    left: 5px;
}
form input{
    height: 20px;
    width: 90%;
    padding: 7px;
    border: none;
    border: 1px solid gray ;
    outline: none;
    border-radius: 9px;
    position: relative;
    left: 8px;
}
h4{
    position: relative;
    left: 41px;
}
/* input[type="text"]{
    padding-top: 7px;
} */
input[type="submit"]{
    color: white;
    width: 86%;
    height: 35px;
    background-color: rgb(0, 38, 128);
    position: relative;
    left: 21px;
    border-radius: 17px;
}
form{
    position: relative;
    top: 10px;
}