/*I følgende dokuement designer jeg min hjemmeside.
Her der tager jeg hver forskellige ting i dokumentet og placere dem, giver dem farver osv. */

h1,a {
    text-decoration: none;
    color: black;
}

body {
    /*Her laver jeg en skrifttype familie, som er godt hvis ikke alle computer har den ønskede skrifttype så tager den abre den næste i rækken*/
    font-family: Arial, Helvetica, sans-serif;
}


/*Alt hvad det hedder navigationsbar vil blive påvirket her, og de 3 efterfølgende*/
.Navigationsbar {
    /*Her bliver farven af navigationsbaren lavet til sort*/
    overflow: hidden;
    background-color: #333;
}

/*Alt hvad det hedder legend vil blive påvirket her*/
legend {
    /*Her siger jeg at teksten skal være i midten af skærmen*/
    text-align: center;
    /*Her sige jeg at tekstens størrelse skal forstørres til 180%*/
    font-size: 180%;
    /*Margin som er et andet ord for magner, siger jeg skal være 0, da teksten skal gå helt uden til kanten.*/
    margin: 0;
    /*Her laver jeg en skrifttype familie, som er godt hvis ikke alle computer har den ønskede skrifttype så tager den abre den næste i rækken*/
    font-family: Arial, Helvetica, sans-serif;
}

/*Alt hvad det hedder form eller fieldset vil blive påvirket her*/
form, fieldset{   
    /*Her skal det vise inline, altså på linje med*/
    display: inline-flex; 
    /*Den skal strækkes ud over kolonner og ikke rækker*/
    flex-direction: column;
    /*Magnerne skal være 0*/
    margin: 0;
    /*Teksten skal stå i midten*/
    text-align: center;
    /*Teksten skal være stor*/
    font-size: large;
    /*Her laver jeg en skrifttype familie, som er godt hvis ikke alle computer har den ønskede skrifttype så tager den abre den næste i rækken*/
    font-family: Arial, Helvetica, sans-serif;
} 
  
.Navigationsbar a {
    /*Den skal starte far venstre af*/
    float: left;
    /*Jeg bestemmer farven på skriften*/
    color: #f2f2f2;
    /*Teksten skal stå i midten*/
    text-align: center;
    /*Størelsen på ovenstående*/
    padding: 15px 17px;
    text-decoration: none;
    font-size: 20px;
}
  
.Navigationsbar a:hover {
    /*Her skal farven blive en anden når man holder musen henover*/
    background-color: #ddd;
    color: black;
}
  
.Navigationsbar a.active {
    /*Her er det specifikt den første knam "Hjem" som skal være mørkeblå*/
    background-color: #1285e4;
    color: white;
}



text{
    height: 25px;
    border-radius: 5px;
    padding: 4px;
    border: solid thin #aaa;
    width: 100%;
}

button{
    padding: 10px;
    width: 100px;
    color: white;
    background-color: #1285e4;
    border: none;
    float: center;
}