body {
    background-color: lightgoldenrodyellow;
}

footer {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 98vw;
    text-align: center;
}

h1 {
    text-align: center;
}

h6 {
    text-align: center;
}

.center {
    margin-top: 10vh;
    text-align: center;
}

.form {
    width: 70vw;
    border-style: solid;
    border-radius: 10%;
    padding-top: 3%;
    padding-bottom: 3%;
    margin: auto;
    background-color: lightgrey;
}

.php-utskrift {
    margin-top: 5vh;
}


input {
    width: 20%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;
    border-bottom: 3px solid black;         /* gör så att texten man skriver hamnar på en rad */
  }

  input:focus {
    background-color: lightblue;            /* när textrutan är vald blir den extra framträdande genom att ändra färg */
  }

  #rutaOrd {                                   /* när man ska skriva en mening ska rutan vara större för att rymma fler ord */
    width: 40%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: none;                               
    border-bottom: 3px solid black;         /* gör så att texten man skriver hamnar på en rad */
  }
  

.skickaKnapp {
    width: 30%;
    height: 5vh;
    background-color: yellow;               /* gör att skicka-knappen sticker ut lite mer */
    border: 1px;
    border-style: solid;
    border-color: black;
    border-radius: 10%;
}