style.css

*{
   margin: 0;
   padding: 0;
  
}
/* .box{
    border: 2px solid rgb(25, 0, 255);
    margin: 10px;
    height: 15vh;

} */
.box1{
    /* background-color: black; */
    /* border: 10px solid black; */
    position: relative;
    display: inline;
    left: 800px;
    top: 40px;
    ;
}
img{
    border-radius: 5%;
}
 .box2{
    /* background-color: rgb(11, 11, 130); */
    display: inline;
    position: relative;
    top: 80px;
    left: 93px;
    border: 2px solid black;
    border-radius: 18px;
    font-family: cursive;
    padding: 10px;
}
.box3{
    /* background-color: rgb(124, 4, 4); */
    display: inline;
    position: relative;
    top: 80px;
    left: 125px;
    border: 2px solid black;
    border-radius: 18px;
    font-family: cursive;
    padding: 10px;
}
 .box4{
    /* background-color: rgb(0, 0, 0); */
    display: inline;
    position: relative;
    top: 175px;
    right: 60px;
    /* border: 2px solid black; */
    /* border-radius: 20%; */
    font-family: cursive;
    font-size: 50px;
}
.box5{
    /* background-color: rgb(25, 34, 0); */
    display: inline-block;
    position: relative;
    top: 350px;
    right: 360px;
    /* border: 2px solid black; */
    /* border-radius: 20%; */
    font-family: cursive;
    font-size: 20px;
    width: 750px;
}
.box6{
    /* background-color: rgba(26, 0, 72, 0.252); */
    
    /* background-color: rgb(0, 0, 0); */
    display: inline;
    position: relative;
    top: 400px;
    right: 890px;
    /* border: 2px solid black; */
   
}  
.input1{
    font-family: cursive;
    font-size: 20px;
    border-radius: 18px;
    padding: 10px;
    color: blue;
    background-color: aqua;
} 
.box7{
    border: 2px solid black;
    border-radius: 5%;
    /* display: inline; */
    position: relative;
    height: 931px;
    width: 843px;
    left: 750px;
    top: -500px;

}