/* Importerar typsnitt från Google Fonts... */
@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&family=Cherry+Cream+Soda&family=Coming+Soon&family=Permanent+Marker&family=Raleway:ital,wght@0,100..900;1,100..900&family=The+Girl+Next+Door&display=swap');

html, #modal, article  {
    background-color: #eeebda;
}

.center {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.mt-10 {
   margin-top: 10%;
}

.mb-10 {
    margin-bottom: 10vh;
}

.pt-10 {
    padding-top: 10vh;
}

.pb-10 {
    padding-bottom: 10vh;
}

.mt-5 {
   margin-top: 5vh;
}

.mb-5 {
    margin-bottom: 5vh;
}

.knapp-formular {
    margin-top: 10vh;
    width: 50vw;
}

.knapp-inbjudan {
    width: 50vw;
}

.bild-inbjudan { /* inbjudan i form av bild */
    width: 90%;
}

#close-modal {
    float: right;
    background-color: red;
}

h1 {
    font-family: "Permanent Marker", cursive;
    font-weight: 400;
    font-style: normal;
    font-weight: bold;
    font-size: 4vw;
}

h2 {
    font-family: "The Girl Next Door", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 3vw;
}

h3 { 
    font-family: "Coming Soon", cursive;
    font-weight: bold;
    font-style: normal;
}

#modal footer {
    height: 10vh;
}

.form {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}

.form input {
    width: 50%;
}