* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.mainbg {
  background: linear-gradient(45deg, #ffc107ad, #ff5722c2);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
  width: 100%;
  height: 100vh;
}
.innerbg{
    background: red;
    padding: 2%;
    border-radius: 10px;
    margin: 2%;
}
p{
    text-align: center;
    color: white;
    font-size: 20px;
    font-family: cursive;
    margin: 5px;
}
input{
    border: none;
    padding: 10px;
    border-radius: 5px;
}
textarea{
    border: none;
    padding: 10px 5px;
    border-radius: 5px;
}
button{
    background: transparent;
    border: 2px solid;
    padding: 10px;
    color: white;
    text-align: center;
    display: inline;
    transition: .5s;
    cursor: pointer;
    margin: 10px 27%
}
button:hover{
    background: red;
    color: white;
}