body { 
    text-align:center;
    background-color: #000000;
    font-family:monospace;
    font-size: 1.25em;
    height: 1500px;
    width: 1000px;
}

#wrapper{
    width: 1000px;
    height: 1200px;
}

#header {
    position: fixed;
    top: 0px;
    left: -2px;
    z-index: 6;
    opacity: 0;
}

#iphoneheader {
    position: fixed;
    top: -2px;
    left: -2px;
    z-index: 6;
    opacity: 1;
}

#home {
    position: absolute;
    top: 930px;
    left: 50px;
    z-index: 4;
    opacity: 0;
}

#volumes {
    position: absolute;
    top: 980px;
    left: 50px;
    z-index: 4;
    opacity: 0;
}

#shop {
    position: absolute;
    top: 1030px;
    left: 50px;
    z-index: 4;
    opacity:0;
}

#videos {
    position: absolute;
    top: 1080px;
    left: 50px;
    z-index: 4;
    opacity: 0;
}

#staff {
    position: absolute;
    top: 1130px;
    left: 50px;
    z-index: 4;
    opacity: 0;
}

#iphonehome {
    position: absolute;
    top: 26900px;
    left: 50px;
    z-index: 4;
    opacity: 1;
}

#iphonevolumes {
    position: absolute;
    top: 27000px;
    left: 50px;
    z-index: 4;
    opacity: 1;
}

#iphoneshop {
    position: absolute;
    top: 27100px;
    left: 50px;
    z-index: 4;
    opacity: 1;
}

#iphonevideos {
    position: absolute;
    top: 27200px;
    left: 50px;
    z-index: 4;
    opacity: 1;
}

#iphonestaff {
    position: absolute;
    top: 27300px;
    left: 50px;
    z-index: 4;
    opacity: 1;
}

#mainbox {
    position: absolute;
    top: 200px;
    left: 20px;
    z-index: 2;
    opacity: 0;
}

#readnow {
    position: absolute;
    top: -2200px;
    left: 560px;
    z-index: 1;
    opacity: 1;
}

#readnow:hover {
}

#shopnow {
    position: absolute;
    top: -22300px;
    left: 560px;
    z-index: 1;
    opacity: 1;
}

#shopnow:hover {
}

#meettheteam {
    position: absolute;
    top: -22400px;
    left: 560px;
    z-index: 1;
    opacity: 1;
}

#meettheteam:hover {
}

#iphonemainbox {
    position: absolute;
    top: 210px;
    left: 30px;
    z-index: 2;
    opacity: 1;
}

#iphonereadnow {
    position: absolute;
    top: 950px;
    left: 30px;
    z-index: 3;
    opacity: 1;
}

#iphoneshopnow {
    position: absolute;
    top: 1150px;
    left: 30px;
    z-index: 3;
    opacity: 1;
}

#iphonemeettheteam {
    position: absolute;
    top: 1350px;
    left: 30px;
    z-index: 3;
    opacity: 1;
}

#bggradient {
    position: absolute;
    top: 0px;
    left: -10000px;
    z-index: -1;
    opacity: 1;
}

#background1 {
    position: fixed;
    top: 0px;
    left: -10000px;
    z-index: 1;
    animation: Image1 20s;
    animation-iteration-count: infinite;   
}

#background2 {
    position: fixed;
    top: 0px;
    left: -10000px;
    z-index: 1;
    animation: Image2 20s;
    animation-iteration-count: infinite;   
}

#background3 {
    position: fixed;
    top: 0px;
    left: -10000px;
    z-index: 1;
    animation: Image3 20s;
    animation-iteration-count: infinite;   
}

#iphonebggradient {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -1;
    opacity: 1;
}

#iphonebackground1 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -2;
    animation: Image1 20s;
    animation-iteration-count: infinite;   
}

#iphonebackground2 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -2;
    animation: Image2 20s;
    animation-iteration-count: infinite;   
}

#iphonebackground3 {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: -2;
    animation: Image3 20s;
    animation-iteration-count: infinite;   
}

#volume1-5 {
    position: absolute;
    top: 220px;
    left: 20px;
    z-index: 3;
}

#volume1-4 {
    position: absolute;
    top: 840px;
    left: 20px;
    z-index: 3;
}

#volume1-3 {
    position: absolute;
    top: 1460px;
    left: 20px;
    z-index: 3;
}

#volume1-2 {
    position: absolute;
    top: 2080px;
    left: 20px;
    z-index: 3;
}

#volume1-1 {
    position: absolute;
    top: 2700px;
    left: 20px;
    z-index: 3;
}

#volume0 {
    position: absolute;
    top: 3320px;
    left: 20px;
    z-index: 3;
}

#iphonecoverpage {
    position: absolute;
    top: 400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage1 {
    position: absolute;
    top: 1650px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage2 {
    position: absolute;
    top: 2900px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage3 {
    position: absolute;
    top: 4150px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage4 {
    position: absolute;
    top: 5400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage5 {
    position: absolute;
    top: 6650px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage6 {
    position: absolute;
    top: 7900px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage7 {
    position: absolute;
    top: 9150px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage8 {
    position: absolute;
    top: 10400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage9 {
    position: absolute;
    top: 11650px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage10 {
    position: absolute;
    top: 12900px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage11 {
    position: absolute;
    top: 14150px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage12 {
    position: absolute;
    top: 15400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage13 {
    position: absolute;
    top: 16650px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage14 {
    position: absolute;
    top: 17900px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage15 {
    position: absolute;
    top: 19150px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage16 {
    position: absolute;
    top: 20400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage17 {
    position: absolute;
    top: 21650px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage18 {
    position: absolute;
    top: 22900px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage19 {
    position: absolute;
    top: 24150px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#iphonepage20 {
    position: absolute;
    top: 25400px;
    left: 25px;
    z-index: 3;
    opacity: 1;
}

#flipbook {
    position: fixed;
    top: -4390px;
    left: 30px;
    width: 1000px;
    height: 600px;
    z-index: 3;
    opacity: 0;
}

.flipbook {
    width: 1000px;
    height: 600px;
}

.flipbook .page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@keyframes Image1 {
    0% {
        opacity:1;
    }
    23% {
        opacity:1;
    }
    33% {
        opacity:0;
    }
    89% {
        opacity:0;
    }
    100% {
        opacity:1;
    }
}

@keyframes Image2 {
    0% {
        opacity:0;
    }
    23% {
        opacity:0;
    }
    33% {
        opacity:1;
    }
    56% {
        opacity:1;
    }
    66% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}

@keyframes Image3 {
    0% {
        opacity:0;
    }
    28% {
        opacity:0;
    }
    33% {
        opacity:0;
    }
    56% {
        opacity:0;
    }
    66% {
        opacity:1;
    }
    89% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}