body {
    background-image: url(.././images/35.jpg);
    background-repeat: no-repeat;
    background-size: 100% 800px;
}

form {

    padding: 30px;
    margin-top: 250px;
    text-align: center;
    background-color: rgba(255,255,255,.7);
    width: 30%;
    margin-left:60% ;
}

input ,select {
    padding: 15px;
    margin: 20px auto;
    display: block;
    
    background-color: rgb(255,253,127);
    border: 2px solid rgb(57,19,138);
    border-radius: 10px;
    font-size: 100%;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: rgb(57,19,138);
    transition: all 2s ease;
}
#name{
    width: 70%;
    height: 60px;
    color: rgb(57,19,138);
   
    
}
input[type=button]{
    width:50%;
    height: 60px;
    
}
select{
    width:50%;
    height: 60px;
    padding: 10px;
    margin: 30px auto;
}
input:hover{
    transform: scaleX(1.2);
   
    background-color: rgb(241, 240, 169);
}


.message {
position: absolute;
margin-left: 35%;
top: 250px;
padding: 10px;
background-color: rgba(244, 247, 248,.9);
width: 200px;
height: 50px;
text-align: center;

border: 1px solid rgb(57,19,138);
border-radius: 10px;
}
.message-content {
padding: 0 ;
margin-left:20px;
margin-bottom: 30px;
font-family:fantasy;
font-size: 1.5rem;
}

.message:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 15px solid rgb(244, 247, 248);
border-left: 15px solid transparent;
border-right: 15px solid transparent;
bottom: 0;
left: -15px;
}

.message:before {
content: '';
position: absolute;
width: 0;
height: 0;
border-bottom: 17px solid rgb(57,19,138);
border-left: 16px solid transparent;
border-right: 16px solid transparent;
bottom: -1px;
left: -17px;
}