html { 
    
    height: 120vh;
    background-color:rgb(255, 255, 255)
}

body { 
    display: flex; 
    align-items: normal;
    justify-content: normal;   
    margin: 15%;
    width: 1000px;
    height: 500px;
    background: rgb(4, 63, 1);
    border-radius: 4cm;
    
    
    
}

article {
    
    position: static;
    display:flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

img {

margin-top: 25.5%;
margin-left: -125%;
border-radius: 2cm;

}

h1 {
    
    margin-left: -135%;
    margin-top: 2%;
    font-family: cursive;
    font-size: 25px; 
    color:rgb(218, 210, 160);


}

h2 {
    
    margin-left: -100%;
    margin-top:  -1%;
    font-family: cursive ;
    font-size:20px;
    color:rgb(218, 210, 160);

}

#three {


    margin-left: -125%;
    margin-top: 0%;
    font-family: cursive;
    color:rgb(218, 210, 160);

}

#four {
    
    margin-left: -125%;
    margin-top: 0%;
    font-family: cursive;
    color:rgb(218, 210, 160);


}

h3 {
    
    float: right;
    margin-right: 25%;
    margin-top: -40%;
    font-size: 20px ;
    font-family: cursive;
    color:rgb(218, 210, 160);
}

#one  {
    max-width: 50%;
    float: right;
    margin-right: 5%;
    margin-top: -35%;
    font-size: 15px ;
    font-family: cursive;
    color:rgb(218, 210, 160);
    

}

h4 {

    float: right;
    margin-top: -25%;
    margin-right: 20%;
    font-size: 20px ;
    font-family: cursive;
    color:rgb(218, 210, 160);
}

#two  {
    max-width: 50%;
    float: right;
    margin-right: 5%;
    margin-top: -20%;
    font-size: 15px ;
    font-family: cursive;
    color:rgb(218, 210, 160)


}
    
button {
    
display: block;
margin-top: -12.5%;
margin-left: 65%;
background-color: rgb(218, 210, 160);
border-radius: 1cm;
border: 3px rgb(4, 63, 1);
font-family: cursive;
color: rgb(4, 63, 1);


}