body{
    background-color: gainsboro;
}
#border{
    width:35%;
    height:auto;
}
#outerborder{
    display:flex;
    justify-content: center;

}
#title{
    font-size:40px;
    color:white;
    font-weight: bold;
    background-color:none;
}
#divheader{
    padding:20px;
    display:flex;
    justify-content: center;
    align-items: center;
    background-color:blueviolet;
    border-top-left-radius: 5px;
    border-top-right-radius:5px;
}
#mainbody{
    display:flex;   
    flex-direction: column;
    
    justify-content: flex-end;
    align-items: center;
    
    background-color:white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.name{
    padding:10px;
    width:80%;
    margin:10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border:2px solid;
    border-color:lightgrey;
    margin-left:0px;
    border-left:none;
}
#email{
    padding:10px;
    width: 80%;
    margin:10px;
    border-radius:3px;
    border:2px solid;
    border-color:lightgrey;
}
#message{
    padding:10px;
    margin:10px;
    border-radius:3px;
    border:2px solid;  
    border-color:lightgrey;
    text-wrap:wrap; 
    width:80%;
    min-width:40%;
}
.images{
    display:inline;
    height:39.2px;
    margin:10px;
    width:auto;
    margin-right:0px;
    border:2px solid;  
    border-right:none; 
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    border-color:lightgrey;
}
#nameAndImage{
    display:flex;
    width:90%;
    justify-content: center;
}
#MessageDiv{
    width:98%;
    min-width:40%;
    display: flex;
    justify-content: center;
    height:200px;
}
#submitdiv{
    display:flex;
    justify-content:flex-end;
    width:84%;
    padding:10px;
}
#submit{
    width:80px;
    height:40px;
    background-color: blueviolet;
    border-radius: 3px;
    color:white;
}
#submit:hover{
    box-shadow: 5px;
    cursor:pointer;
}