@charset "UTF-8";
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td { margin: 0; padding: 0; border: 0; outline: none; }
#banner { position: relative; width: 300px; height: 250px; border: 1px solid #000; overflow: hidden; }
#banner, #banner * { -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; }
.fullsize { width: 300px; height: 250px; }
.hide { display: none; }
.show { display: block; }
.hidden { position: absolute; width: 0; height: 0; opacity: 0; overflow: hidden; }
#banner .interaction { z-index: 100; }
#banner #mainBtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 50; cursor: pointer; background-color: rgba( 255, 255, 255, 0 ); }
#banner { background-color: #53682b; }
.flex-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.flex-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.container { background-color: white; }
.img1 { background: url( "assets/img1.jpg" ) no-repeat; background-size: contain; left: 0; top: 0; width: 300px; height: 250px; }
.paper { background: url( "assets/list.png" ) no-repeat right top; background-size: auto 250px; z-index: 20; }
.txt1 { background: url( "assets/txt1.png" ) no-repeat; background-size: auto 62px; width: 134px; height: 62px; z-index: 21; }
.txt1a { background-position: center top; left: 181px; top: 130px; width: 81px; height: 15px; }
.txt1b { background-position: center bottom; left: 154px; top: 150px; width: 136px; height: 42px; }
.img2 { background: url( "assets/img2.jpg" ) no-repeat; background-size: contain; width: 300px; height: 229px; }
.txt2 { background: url( "assets/txt2.png" ) no-repeat; background-size: contain; left: 180px; top: 127px; width: 110px; height: 65px; z-index: 22; }
.img3 { background: url( "assets/img3.jpg" ) no-repeat; background-size: contain; width: 300px; height: 242px; }
.txt3 { background: url( "assets/txt3.png" ) no-repeat; background-size: auto 96px; }
.txt3a { background-position: center top; left: 22px; top: 64px; width: 88px; height: 43px; }
.txt3b { background-position: center bottom; left: 12px; top: 116px; width: 109px; height: 44px; }
#give { display: block; }
#donate { display: none; }
.cta { right: 8px; bottom: 8px; width: 96px; height: 26px; overflow: hidden; background-color: #b22d3a; z-index: 40; }
.cta svg { -webkit-transform: scale( .8 ); -ms-transform: scale( .8 ); transform: scale( .8 ); }
.cta_txt { color: white; fill: white; }
.circle { left: -25px; top: 32px; width: 150px; height: 100px; background-color: white; border-radius: 50%; }
.footer { background: url( "assets/green_bar.jpg" ) no-repeat center center; background-size: cover; width: 300px; height: 42px; bottom: 0; }
.logo { background: url( "assets/FA_logo.svg" ) no-repeat; background-size: contain; width: 58px; height: 30px; left: 8px; bottom: 8px; }
.star { background: url( "assets/star.png" ) no-repeat; background-size: contain; }
.starXLarge { width: 110px; height: 110px; }
.starLarge { width: 90px; height: 90px; }
.starMed { width: 60px; height: 60px; }
.starSmall { width: 30px; height: 30px; }
.blob { background-color: rgba( 255, 255, 255, .4 ); border-radius: 50%; }
.blobXLarge { width: 70px; height: 70px; }
.blobLarge { width: 50px; height: 50px; }
.blobMed { width: 40px; height: 40px; }
.blobSmall { width: 25px; height: 25px; }
.f1 .twinkle_container .star1 { right: 40px; top: -20px; }
.f1 .twinkle_container .star2 { left: 130px; top: 130px; }
.f1 .twinkle_container .star3 { left: -10px; top: 160px; }
.f1 .twinkle_container .blob1 { right: 90px; top: -10px; }
.f1 .twinkle_container .blob2 { right: 140px; top: 5px; }
.f1 .twinkle_container .blob3 { left: 10px; top: 140px; }
.f1 .twinkle_container .blob4 { left: 0; top: 150px; }
.f2 .twinkle_container .star1 { display: none; }
.f2 .twinkle_container .star2 { left: 100px; top: 0; }
.f2 .twinkle_container .star3 { display: none; }
.f2 .twinkle_container .blob1 { display: none; }
.f2 .twinkle_container .blob2 { left: 160px; top: 40px; }
.f2 .twinkle_container .blob3 { display: none; }
.f2 .twinkle_container .blob4 { left: 130px; top: 5px; }
.f3 .twinkle_container .star1 { left: 50px; top: 22px; }
.f3 .twinkle_container .star2 { left: 50px; top: 20px; }
.f3 .twinkle_container .star3 { left: 90px; top: -10px; }
.f3 .twinkle_container .star4 { left: -10px; top: 56px; }
.f3 .twinkle_container .blob1 { display: none; }
.f3 .twinkle_container .blob2 { left: 26px; bottom: 60px; }
.f3 .twinkle_container .blob3 { left: 116px; top: 30px; }
.f3 .twinkle_container .blob4 { left: 24px; bottom: 50px; }