body{
    font-family: 'Times New Roman', Times, serif;
/* font family på hele hjemmesiden */
background-image: linear-gradient(to bottom right,#000000 , #2c2c2c);
/* baggrundsfarve som er gradient*/

}

h1{
    background: -webkit-linear-gradient(rgb(255, 187, 0), rgb(114, 46, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* de her tre linjer gør min overskrift gradient */
    
    text-align: center;
    /* tekst sidder i midten af skærmen */
    font-size: 650%;
    /* tekst størrelse*/

    margin-bottom: 0px;
    margin-top: 40px;
}

h2{
    background: -webkit-linear-gradient(rgb(255, 187, 0), rgb(114, 46, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    /* samme effekt som på h1 */
    
    font-size: 250%;
    /* tekst størrelse */

    text-align: center;
    /* tekst står til højre */
}

h3{
    background: -webkit-linear-gradient(rgb(255, 187, 0), rgb(114, 46, 0));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    
    font-size: 430%;

    text-align: center; 
}

h4{text-align: center; padding-bottom: 5%; font-size: 140%;}

#Off{color: black;}

#Off:hover{color: rgb(255, 255, 255);}

#On{color: rgb(255, 255, 255);}

a.knap{
    text-decoration: none;
    color: rgb(0, 0, 0);
    text-align: center; 
    font-size: 130%; 
    padding-right: 76px;
    padding-left: 76px;
    padding-bottom: 4px;
    padding-top: 4px;
    background-color:  rgb(212, 156, 0);

    margin-top: 34.5px;
    margin-left: 5px;
    margin-bottom: 80px; 
}

#Mørbrad{width: 50%; height: 35%;}
#Striploin{width: 50%; height: 35%;}
#T-bone{width: 50%; height: 35%;}
#Rump{width: 50%; height: 35%;}
#Entrecote{width: 50%; height: 35%;}
#Wagyu{width: 50%; height: 35%;}
#Rib-eye{width: 50%; height: 35%;}
#Fillet{width: 50%; height: 35%;}
/* sætter størrelsen så alle billeder har samme størrelse på index.html*/

#Pande{width: 50%; height: 35%;}
#Grill{width: 50%; height: 35%;}
#Sousvide{width: 50%; height: 35%;}
#Ovn{width: 50%; height: 35%;}
/* Sætter størrelsen på alle billeder på side1.html*/

#SP{width: 50%; height: 35%;}
#Løg{width: 50%; height: 35%;}
#Spice{width: 50%; height: 35%;}
#Smør{width: 50%; height: 35%;}
/* Sætter størrelsen på alle billeder på side2.html*/

#Tommel{width: 40%; height: 30%;;}

#Forside{
    width: 80%; 
    height: 30%; 
    margin-left: 10%; 
    margin-bottom: 5%; 
    border: 3px solid rgb(179, 132, 2);
}

p{font-size: 110%; color: rgb(235, 235, 235);} 
/* Skifter farve og størrelse på normal tekst*/

a{color: rgb(255, 187, 0); font-size: 115%} 
/* skifter farve på link*/

a:hover{color:rgb(255, 236, 183)} 
/* skifter farve når man hover over link*/