body{
    background-color: #f6f2e3;
    min-height: 800px;
    font-family: "Oranienbaum", "Trirong", "Parisienne";

}



/*NAVIGATIONS-BAR*/
nav {
    display: flex;
    justify-content: center; /* centrerer hele rækken */
    align-items: center;
    gap: 500px;             /* lige plads mellem hvert link */
    font-size: 20px;
    color: #153557;
    border-bottom: 2px solid #153557;
    font-weight: lighter;

    font-weight: lighter;
    padding-top: 30px;      /* luft over linkene */
    padding-bottom: 20px;   /* luft mellem linkene og border */

}

nav a {
    text-decoration: none;  /* fjern understregning */
    color: #153557;
    transition: color 0.3s;
}

nav a:hover {
    color: #C24229;         /* skift farve ved hover */
}



/*--------SKRIFT----------*/

/*--brødtekst---*/
p{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #153557;
}

/*--"overskrifterne---*/
h1{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 70px;
    font-family: "Trirong", serif;
    font-size: 70px;
    color: #153557;
    font-family: 'Oranienbaum', sans-serif , serif;
    text-align: center;

}

.guloverskrift{
    display: flex;
    justify-content: center;

    background-color: #efb758;
    padding: 20px 40px;

}



/*--teksterne ovenpå den gule cirkel på forsiden---*/
.ovenpågul{
    position: absolute;
    inset-inline-start: 500px;
    inset-block-start: 380px;
    font-size: 110px;
    font-weight: lighter;
}

.ovenpågulunder{
    position: absolute;
    inset-inline-start: 730px;
    inset-block-start: 540px;
    font-size: 25px;
    font-weight: lighter;
}

/*--"ovenpågulunder---*/
h3{
    color: #153557;
}

/*--overskrift af brødtekst---*/
h2{
color: #153557;

}






/*--------INDEX/FORSIDE----------*/


.redbluemove{
    position: absolute;
    inset-inline-start: 1000px;
    inset-block-start: 1000px;
}

.projektteskst{
    color: #153557;
    padding: 5px 1000px 50px 50px;
    font-size: 20px;
    line-height: 1.6;
}

.talentskolenoverskift{
    font-size: 60px;
    padding: 5px 900px 0px 50px;
}

.projektlilleoverskrift{
    color: #153557;
    padding: 5px 900px 0px 30px;
    font-size: 30px;
    font-weight: bolder;

}

.talentskolenoverskift{
    font-size: 60px;
    padding: 5px 900px 0px 50px;
}




.seprojekterknap{
    display: flex;
    justify-content: center;
    align-items: center;

    background: #153557;
    color: #fff6e8;
    text-decoration: none;
    font-family: Oranienbaum;
    font-size: 18px;
    border-radius: 8px;
    transition: background 0.3s ease;

    width: 500px; /* fast bredde */
    height: 50px;
    margin: 0px 0px 0px 50px;
}
.seprojekterknap:hover {
    background: #C24229;
}







.button-group-projekt{
    display: flex;
    justify-content: center; /* centrer rækken */
    align-items: center;
    gap: 40px; /* lige mellemrum mellem hver knap */
    flex-wrap: wrap; /* giver knapperne mulighed for at bryde til næste linje på små skærme */
    margin: 0 auto;
    padding: 30px 0px 10px 0px;

}









/*----PROJEKTER KNAPPER----*/
.button-group {
    display: flex;
    justify-content: center; /* centrer rækken */
    align-items: center;
    gap: 40px; /* lige mellemrum mellem hver knap */
    flex-wrap: wrap; /* giver knapperne mulighed for at bryde til næste linje på små skærme */
    margin: 0 auto;
    padding: 60px 0px 80px 0px;

}

.btn {
    display: flex;
    justify-content: center;
    align-items: center;

    background: #153557;
    color: #fff6e8;
    text-decoration: none;
    font-family: Oranienbaum;
    font-size: 18px;
    border-radius: 8px;
    transition: background 0.3s ease;

    width: 500px; /* fast bredde */
    height: 50px;
}

.btn:hover {
    background: #C24229;
}


/*----INSTA KNAP--af Chat--*/
.instaknap {
    display: flex;
    justify-content: center; /* centrerer horisontalt */
    align-items: center;     /* centrerer vertikalt */

    width: 550px;            /* bredde på boksen */
    height: 70px;           /* højde på boksen */
    margin: 20px auto;       /* centrerer boksen på siden */
    background-color: #153557; /* valgfri baggrund */
    border-radius: 10px;     /* afrundede hjørner */

}

.instaknap .btn {
    font-size: 30px;        /* ændrer skriftstørrelse */
    font-family: Oranienbaum; /* ændrer skrifttype */
    padding: 15px 30px ;     /* større knap */
    background-color: #153557; /* Instagram farve */
    color: #fff6e8;           /* tekstfarve */
    border: none;           /* fjern kant */
    border-radius: 10px;     /* afrundet knap */
    cursor: pointer;        /* pointer ved hover */

}

.instaknap .btn:hover {
    background-color: lightpink;
}


/*---SCROLL-PROJEKTBILLEDER- ALLE TRE---*/
div.scroll-container {
    background-color: #e4e4e4;
    overflow: auto;
    white-space: nowrap;
    padding: 8px;

}

.projektbilleder{
    display: flex;
    justify-content: center;
    flex-direction: row;
    column-gap: 30px;
}

.underviser{
    display: flex;
    justify-content: center;

}


/*-----OM-MIG-SIDE-------*/
.ommigpics{
    display: flex;
    justify-content: center;
    flex-direction: row;
    column-gap: 30px;
    margin: 20% 10% 1% 10%;
}

.interoverskrift{
    display: flex;
    justify-content: space-evenly;
    flex-direction: row;
    column-gap: 90px;
}


.hobby-container {
    display: flex;
    justify-content: center;
    gap: 300px;

}

.hobbyoverskrift {
    color: #C24229;
    margin: 0;
    font-size: 20px;
}

.flereinteresser{
    position: absolute;
    inset-inline-start: 520px;
    inset-block-start: 800px;
    margin: 200px 50px 0px 50px
}

.ommigtekst{
    position: absolute;
    inset-inline-start: 600px;
    inset-block-start: 500px;
    margin: 50px 100px 0px 50px

}

    .ovenpåbillede{
        font-family: Parisienne;
        color: #C24229;
        font-size: 170px;
        font-weight: lighter;
        position: absolute;
        inset-inline-start: 700px;
        inset-block-start: 150px;
    }

    .understephanie{
        font-family: Oranienbaum;
        color: #C24229;
        font-size: 50px;
        font-weight: lighter;
        position: absolute;
        inset-inline-start: 1000px;
        inset-block-start: 400px;

    }

    .lidtommig{
        color: #153557;
        margin: 0px 30px 50px 90px;
        position: absolute;
        inset-inline-start: 600px;
        inset-block-start: 630px;
        font-size: 20px;
        line-height: 1.6;
    }

.str{
    font-size: 40px;
    color: #153557;
    margin: 0px 30px 50px 90px;
    position: absolute;
    inset-inline-start: 600px;
    inset-block-start: 600px;

}


.billedeafmig{
  padding: 120px 30px 30px 60px;

}






    /*----PROJEKT-SIDE----*/
.billeder {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 20px;
}