body {
    height: 100vh;

    /* this makes the image cover the background of the page */
    background-image: url("background.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    /* this makes the grid */
    display: grid;
    place-items: center;
}

 /* this limits the range fo the boxes of boxen, if you know, you know */
.limiter {
    width: 450px;
}

h1 {
    color: white;
    font-family: Arial, sans-serif;
    font-size: 50px;
    font-weight: normal;
    margin-bottom: 20px;
}

/* this produces the gap so the website looks better */
.form {
    display: grid;
    gap: 15px;
}

input,
textarea {
    background-color: rgba(40, 0, 50, 0.7);
    border: 1px solid #ff4d94;
    color: white;
    padding: 12px;
    font-size: 16px;
}

textarea {
    height: 180px;
    resize: none;
}

/* this makes so you can actually click submit */
input[type="submit"] {
    background-color: rgba(150, 50, 100, 0.8);
    width: 100%;
}