@charset "utf-8";

body{
    background:url(img/table201261768_TP_V.webp)
    center / cover;
    width: 100%;
    min-height: 100vh;
    position: relative;
}

form{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
textarea{
    width:80%;
    font-size: 20px;
    border-radius: 10px;
    padding:1em 1em;
}
button{
    padding:1em 1em;
    border-radius: 10px;
    background-color: blue;
    color:aliceblue;
    border-color: aqua;
    font-size:1.5em;
    display: block;
    margin: 0 auto;
    margin-top:30px;
}
button:hover{
    opacity: 0.6;
    cursor:pointer;
}
.background{
    border-radius: 10px;
    padding:1em 1em;
    background-color: #fff;
    width: 70%;
    margin:50px auto 0 auto;
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
}

@media only screen and (min-width:768px) {
    textarea{
        width:100%;
    }
}