Contact
Advertisement
* {
box-sizing: border-box;
}
form {
position: relative;
width: 80%;
border-radius: 30px;
background: gray;
}
position: absolute;
width: 50px;
height: 20px;
border-radius: 20px;
background: gray;
}
.form-left-decoration {
bottom: 60px;
left: -30px;
}
.form-right-decoration {
top: 60px;
right: -30px;
}
.circle {
position: absolute;
bottom: 80px;
left: -55px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #fff;
}
.form-inner {
padding: 40px;
}
.form-inner input,
.form-inner textarea {
display: block;
width: 100%;
padding: 15px;
margin-bottom: 10px;
border: none;
border-radius: 20px;
background:white;
}
.form-inner textarea {
resize: none;
}
button {
width: 100%;
padding: 10px;
margin-top: 20px;
border-radius: 20px;
border: none;
background:black;
font-size: 16px;
font-weight: 400;
color: #fff;
}
button:hover {
background: #202020;
}
@media (min-width: 568px) {
form {
margin-left:20%;
width:60%;
}
}