#startPage {
    background-image: url(../pictures/Barnebok-forside2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
}

#startButton {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 15px;
    margin-left: 42vw;
    margin-bottom: 15vh;
    max-width: 10vw;
    margin-top: 90vh;
    float: left;
}

#page1 {
    background-image: url(../pictures/page-1.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

.nextPage {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 15px;
    margin-left: 73vw;
    margin-bottom: 15vh;
    max-width: 10vw;
    margin-top: 195vh;
    float: left;
}

.homeButton {
    text-decoration: none;
    background-color: black;
    color: white;
    font-size: 5vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 15px;
    margin-bottom: 45vh;
    max-width: 10vw;
    margin-top: 55vh;
    float: right;
}

#page2 {
    background-image: url(../pictures/page-2.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#choice2 {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 1vw;
    border-radius: 15px;
    margin-left: 2vw;
    margin-bottom: 15vh;
    max-width: 15vw;
    margin-top: 190vh;
    float: left;
}

#choice1 {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 2vw;
    border-radius: 15px;
    margin-left: 50vw;
    margin-bottom: 15vh;
    max-width: 15vw;
    margin-top: 190vh;
    float: left;
}

#pageAlt {
    background-image: url(../pictures/page-alt.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#goBack {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 1vw;
    border-radius: 15px;
    margin-left: 68vw;
    margin-bottom: 15vh;
    max-width: 15vw;
    margin-top: 190vh;
    float: left;
}

#fallAni {
    position: fixed;
    top: 0;
    left: 0;
    min-width: 100%;
    z-index: -1;
    object-fit: cover;
}

.aniHomeButton {
    text-decoration: none;
    background-color: black;
    color: white;
    font-size: 5vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 2vw;
    padding-right: 2vw;
    border-radius: 15px;
    margin-bottom: 45vh;
    max-width: 10vw;
    float: right;
    position: absolute;
}

.aniNextPage {
    text-decoration: none;
    background-color: #00baff;
    color: black;
    font-size: 7vh;
    font-weight: bold;
    padding: 1vw;
    padding-left: 3vw;
    padding-right: 3vw;
    border-radius: 15px;
    margin-left: 85vw;
    margin-bottom: 15vh;
    max-width: 10vw;
    margin-top: 84vh;
    float: left;
    position: absolute;
}

#page3 {
    background-image: url(../pictures/page-3.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page4 {
    background-image: url(../pictures/page-4.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page5 {
    background-image: url(../pictures/page-5.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page6 {
    background-image: url(../pictures/page-6.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page7 {
    background-image: url(../pictures/page-7.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page8 {
    background-image: url(../pictures/page-8.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page9 {
    background-image: url(../pictures/page-9.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page10 {
    background-image: url(../pictures/page-10.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page11 {
    background-image: url(../pictures/page-11.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page12 {
    background-image: url(../pictures/page-12.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page13 {
    background-image: url(../pictures/page-13.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page14 {
    background-image: url(../pictures/page-14.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page15 {
    background-image: url(../pictures/page-15.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page16 {
    background-image: url(../pictures/page-16.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page17 {
    background-image: url(../pictures/page-17.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page19 {
    background-image: url(../pictures/page-19.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page20 {
    background-image: url(../pictures/page-20.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page21 {
    background-image: url(../pictures/page-21.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page22 {
    background-image: url(../pictures/page-22.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page23 {
    background-image: url(../pictures/page-23.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page24 {
    background-image: url(../pictures/page-24.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page25 {
    background-image: url(../pictures/page-25.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page26 {
    background-image: url(../pictures/page-26.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page27 {
    background-image: url(../pictures/page-27.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page28 {
    background-image: url(../pictures/page-28.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page29 {
    background-image: url(../pictures/page-29.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#page30 {
    background-image: url(../pictures/page-30.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 0vh;
    display: flex;
    align-items: center;
}

#pageFinal {
    background-image: url(../pictures/final-page.png);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100vh;
    display: flex;
    align-items: center;
}