style.css

.container{
   
    position: relative;
    display: flex;
    justify-content: center;
    height: 900px;
  flex-direction: row;
    /* background-color: red; */
}
.sub{
    position: relative;
    width:900px;
    /* background-color: green; */
    text-align: center;
    
  
}
#paragraphDiv{
   text-align: left;
   padding: 0px 20px 5px 20px;
   border-radius: 10px;
    margin-top: 25px;
    position: absolute;
        font-weight: bold;
    color: rgba(41, 43, 187, 0.575);
    border-left-style: groove;
}
.text{
    /* background-color: wheat; */
    margin-top: 30px;
    font-size: xx-large;
    margin-bottom: 0px;
}
.input{
    margin-top: 10px;
    margin-bottom: 15px;
}
input[type="text"]  {
        color: rgba(41, 43, 187, 0.575);
        text-align: center;
        border-radius: 20px;
        border-style: none;
        border: 1px black solid;
        padding: 5px 0px 5px 0px;
        font-weight: bold;
        outline: none;
        font-size: 20px;
        box-shadow: 0px 2px 15px rgb(0, 0, 0);
}
input[type="submit"]{
    padding: 5px 20px 5px 20px;
    border-radius: 20px;
    border-style: none;
    font-weight: bold;
    border: 1px black solid;
    outline: none;
        font-size: 15px;
        box-shadow:0px 2px 15px black;
}
#para{
    color: rgba(41, 43, 187, 0.575);
    font-weight: bold;

}