body { width:975px; height:975px; margin:0; padding:0; } img { width:975px; height:975px; position: absolute; z-index:-1; } a { color:inherit; text-decoration: none; } .page-background-image { position:absolute; width:975px; height:975px; z-index:-1; } .coverimage { position:absolute; width:975px; height:975px; text-align:center; } /* @font-face{font-family: "KidprintMTStd-Bold"; src: url(../fonts/KidprintMTStd-Bold.otf);} @font-face{font-family: "PencilPete"; src: url(../fonts/PencilPete.otf);} */ @font-face{font-family: "KidprintMTStd-Bold"; src: url(../fonts/KidprintMTStd-Bold.woff);} @font-face{font-family: "PencilPete"; src: url(../fonts/PencilPete.woff);} #karben a:nth-of-type(1) {top: 744px; left: 833px; position: absolute; color:transparent; height: 25px; width: 210px;} #ad02 a:nth-of-type(1) {top: 1014px; left: 316px; position: absolute; color:transparent; height: 20px; width: 240px; } #ad02 a:nth-of-type(2) {top: 1014px; left: 628px; position: absolute; color:transparent; height: 20px; width: 402px; } #ad02 a:nth-of-type(3) {top: 1178px; font-size:9px; left: 391px; position: absolute; color:transparent; height: 25px; width: 145px; } #ad02 a:nth-of-type(4) {top: 1176px; left: 590px; position: absolute; color:transparent; height: 32px; width: 369px; } .-epub-media-overlay-active { color: #FFFF00!important; fill: #FFFF00 !important; } .-epub-media-overlay-active * { color: #FFFF00!important; fill: #FFFF00 !important; } #red .-epub-media-overlay-active { color: #ff0000 !important; fill: #ff0000 !important; } #red .-epub-media-overlay-active * { color: #ff0000 !important; fill: #ff0000 !important; } #blue .-epub-media-overlay-active { color: #0000FF!important; fill: #0000FF !important; } #blue .-epub-media-overlay-active * { color: #0000FF!important; fill: #0000FF !important; } #blue1 .-epub-media-overlay-active { color: #0000FF!important; fill: #0000FF !important; } #blue1 .-epub-media-overlay-active * { color: #0000FF!important; fill: #0000FF !important; } #blue2 .-epub-media-overlay-active { color: #0000FF!important; fill: #0000FF !important; } #blue2 .-epub-media-overlay-active * { color: #0000FF!important; fill: #0000FF !important; } #pink .-epub-media-overlay-active { color: #fa2db9!important; fill: #fa2db9 !important; } .fs { font-size: 38px; } .fs1 { font-size: 112px; } .sup { top: -2px; left: 157px; font-size: 13px; position:absolute; } .page03 .text1 { top: 785px; left: 341px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ed2224; } .num { font-family: "PencilPete"; font-size:100px; } .page05 .text1 { top: 785px; left: 341px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#3179bd; } .page07 .text1 { top: 785px; left: 360px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#f57e20; } .page09 .text1 { top: 785px; left: 340px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#d1aacf; } .page11 .text1 { top: 785px; left: 345px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#4cb848; } .page13 .text1 { top: 785px; left: 320px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#90d7ed; } .page15 .text1 { top: 785px; left: 360px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#faed10; } .page17 .text1 { top: 785px; left: 348px; font-family: "KidprintMTStd-Bold"; font-size: 60px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#d55ca3; } .page18 .text1 { top: 858px; left: 104px; font-family: "KidprintMTStd-Bold"; font-size: 66px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ffffff; } .page19 .text1 { top: 858px; left: 458px; font-family: "KidprintMTStd-Bold"; font-size: 66px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ffffff; } .page20 .text1 { top: 198px; left: 509px; font-family: "KidprintMTStd-Bold"; font-size: 66px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ffffff; } .page21 .text1 { top: 848px; left: 470px; font-family: "KidprintMTStd-Bold"; font-size: 66px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ffffff; } .page22 .text1 { top: 142px; left: 93px; font-family: "KidprintMTStd-Bold"; font-size: 46px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ffffff; } .page22 .text2 { top: 288px; left: 79px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#d55ca3; } .page22 .text3 { top: 675px; left: 35px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page22 .text4 { top: 288px; left: 282px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#faed10; } .page22 .text5 { top: 658px; left: 275px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page22 .text6 { top: 288px; left: 542px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#90d7ed; } .page22 .text7 { top: 675px; left: 510px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page22 .text8 { top: 288px; left: 744px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#4cb848; } .page22 .text9 { top: 659px; left: 771px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page23 .text1 { top: 288px; left: 59px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#d1aacf; } .page23 .text2 { top: 675px; left: 37px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page23 .text3 { top: 288px; left: 299px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#f57e20; } .page23 .text4 { top: 675px; left: 293px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page23 .text5 { top: 288px; left: 552px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#3179bd; } .page23 .text6 { top: 674px; left: 538px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page23 .text7 { top: 288px; left: 787px; font-family: "KidprintMTStd-Bold"; font-size: 61px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 63px; color:#ed2224; } .page23 .text8 { top: 661px; left: 775px; font-family: "KidprintMTStd-Bold"; font-size: 25px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 28px; color:#ffffff; } .page24 .text2 { top: 800px; left: 288px; font-family: "KidprintMTStd-Bold"; font-size: 16px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 21px; color:#ffffff; } .page24 .text1 { top: 248px; left: 118px; font-family: "PencilPete"; font-size: 75px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 72px; color:#ffffff; } .p24-1 { color:#c862a4; } .p24-2 { color:#efeb48; } .p24-3 { color:#57a8dd; } .p24-4 { color:#e99622; } .p24-5 { color:#2fad4a; } .page01 .text1 { top: 60px; left: 118px; font-family: "PencilPete"; font-size: 128px; position:absolute; text-align: center; text-indent: 0px; letter-spacing: 0px; line-height: 182px; color:#ffffff; } .page01text2 { font-size: 252px; } .t1 { color:#e6e623; } .t2 { color:#007fc7; } .t3 { color:#f68832; } .t4 { color:#b363a7; } .t5 { color:#50b948; } .t6 { color:#5ec2ea; } .page01 .text3 { top: 874px; left: 358px; font-family: "KidprintMTStd-Bold"; font-size: 42px; position:absolute; text-align: left; text-indent: 0px; letter-spacing: 0px; line-height: 21px; color:#ffffff; }