/* ===== Edvard har skrevet hele dette dokumentet unntatt linje nummer 11-17 ===== */



/* Setter bare bakgrunnsbilde på hele nettsiden */
body{
    background-color: lightslategrey;
}

/* Sentrerer alt på nettsiden (Kevin skrev denne class-en */
#recaptchaStyle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
}

/* Hvordan teksten ovenfor reCAPTCHA-en skal se ut */
#recaptchaText {
    margin-top:8%;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size:xx-large;
    font-weight:bold;
    text-align:center;
}

/* Knappen som det står "klikk her" på, hvordan den skal se ut. */
.recaptcha {
    background-color:white;
    color: black;
    border-color:grey;
    cursor:pointer;
    font-size:xx-large;
    margin-top:1%;
}

/* Gjør så når du hover over knappen du skal klikke så endrer bakgrunnen
seg til lysegrå, så du kan se at man kan klikke på den */
.recaptcha:hover {
    background-color: lightgrey;
}

/*Hvor stor logoen nederst på nettsiden skal være, og gir
den litt luft vekk fra knappen over. */
.recaptchaLogo {
    width:30%;
    margin-top: 6%;
}