p{
    display: flex; flex-direction: column; margin: auto; 
}
#cs{
    background-color: rgba(238, 94, 68, 0.479);
    margin-left: 30%;
    margin-top: 10%; 
    border: rgb(255, 255, 255) 3px solid;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 28%;
    padding-top: 20px;
    padding-bottom: 20px; 
    border-radius: 20px;
    box-shadow: 20px 15px 10px 15px rgba(255, 255, 255, 0.226);
    width: 250px;
    height: 50px;
}
img{
    width: 200px;
    height: 200px;
    border-radius: 15px;
}
#logo{
    padding-right: 5px; border-right: 3px solid black; margin-left: 20px; margin-top: 20px; box-shadow: 13px 10px 8px 10px rgba(0, 0, 0, 0.514);
}
input{
    width: 200px; 
}
body{
    background-image: url(imf2.jpeg); color: aliceblue; 
}
button{
    margin-top: 40px; background-color: aquamarine;
}
header{
    background-color: rgba(238, 94, 68, 0.479); padding-left: 20px; padding-right: 20px; display: flex; flex-direction: row-reverse ; justify-content: space-between; padding-bottom: 20px; width: 100%; 
} 
form{
    margin-left: 30%;  
    border: rgb(255, 255, 255) 3px solid; 
    padding-left: 20px; 
    padding-right: 20px; 
    margin-right: 28%; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    border-radius: 20px; 
    box-shadow: 20px 15px 10px 15px rgba(255, 255, 255, 0.226); 
    margin-bottom: 15%;  
    width: 250px; 
    height: 250px; 
    ;
    
}
footer{
    background-color: rgba(238, 94, 68, 0.479); padding-bottom: 10px; padding-left: 20px;display: flex; flex-direction: row-reverse; justify-content: space-between; padding-right: 20px; width: 100%;
}
@media  screen and (max-width: 500px){
    header{
        width: 500px;
        display: flex; flex-direction: column-reverse;
    }
    footer{
        width: 500px;
        display: flex; flex-direction: column-reverse;

    }

    
}