body{margin:0}:focus{outline:none}.container{display:inline-block;position:relative;overflow:hidden;width:100%}#character-select,#user-interface{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#user-interface .frame{width:200px;position:relative}@media screen and (min-width:375px){#user-interface .frame{width:380px}}@media screen and (min-width:768px){#user-interface .frame{width:550px}}@media screen and (min-width:970px){#user-interface .frame{width:auto}}#user-interface .background{position:absolute;top:5px;left:5px;width:177px}@media screen and (min-width:375px){#user-interface .background{top:10px;left:15px;width:355px}}@media screen and (min-width:768px){#user-interface .background{top:15px;left:20px;width:510px}}@media screen and (min-width:970px){#user-interface .background{width:auto}}#user-interface .container{position:absolute;top:40px;left:43px}@media screen and (min-width:375px){#user-interface .container{width:295px}}@media screen and (min-width:768px){#user-interface .container{top:50px;width:470px;height:340px}}#user-interface .container .handwriting-select,#user-interface .container .paper-select,#user-interface .container .stamp-select{display:inline-block;vertical-align:top;white-space:nowrap;font-family:MuseoSansRounded;font-size:14px;font-weight:700;text-align:center}@media screen and (min-width:768px){#user-interface .container .handwriting-select,#user-interface .container .paper-select,#user-interface .container .stamp-select{font-size:18px}}#user-interface .container .handwriting-select>*,#user-interface .container .paper-select>*,#user-interface .container .stamp-select>*{white-space:normal}#user-interface .container .handwriting-select .title,#user-interface .container .paper-select .title,#user-interface .container .stamp-select .title{display:block;margin-top:0;margin-bottom:5px;text-transform:uppercase}#user-interface .container .handwriting-select .handwriting-style,#user-interface .container .handwriting-select .paper,#user-interface .container .handwriting-select .stamp,#user-interface .container .paper-select .handwriting-style,#user-interface .container .paper-select .paper,#user-interface .container .paper-select .stamp,#user-interface .container .stamp-select .handwriting-style,#user-interface .container .stamp-select .paper,#user-interface .container .stamp-select .stamp{width:40px;height:40px;margin-bottom:10px;background-size:contain}@media screen and (min-width:768px){#user-interface .container .handwriting-select .handwriting-style,#user-interface .container .handwriting-select .paper,#user-interface .container .handwriting-select .stamp,#user-interface .container .paper-select .handwriting-style,#user-interface .container .paper-select .paper,#user-interface .container .paper-select .stamp,#user-interface .container .stamp-select .handwriting-style,#user-interface .container .stamp-select .paper,#user-interface .container .stamp-select .stamp{width:43px;height:43px}}@media screen and (min-width:970px){#user-interface .container .handwriting-select .handwriting-style,#user-interface .container .handwriting-select .paper,#user-interface .container .handwriting-select .stamp,#user-interface .container .paper-select .handwriting-style,#user-interface .container .paper-select .paper,#user-interface .container .paper-select .stamp,#user-interface .container .stamp-select .handwriting-style,#user-interface .container .stamp-select .paper,#user-interface .container .stamp-select .stamp{width:61px;height:62px}}#user-interface .container .handwriting-select .paper.pink,#user-interface .container .paper-select .paper.pink,#user-interface .container .stamp-select .paper.pink{background-image:url(../src/lanterns/assets/paper/samplePink.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .paper.pink:hover,#user-interface .container .paper-select .paper.pink:hover,#user-interface .container .stamp-select .paper.pink:hover{background-image:url(../src/lanterns/assets/paper/samplePinkHover.png)}#user-interface .container .handwriting-select .paper.red,#user-interface .container .paper-select .paper.red,#user-interface .container .stamp-select .paper.red{background-image:url(../src/lanterns/assets/paper/sampleRed.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .paper.red:hover,#user-interface .container .paper-select .paper.red:hover,#user-interface .container .stamp-select .paper.red:hover{background-image:url(../src/lanterns/assets/paper/sampleRedHover.png)}#user-interface .container .handwriting-select .paper.blue,#user-interface .container .paper-select .paper.blue,#user-interface .container .stamp-select .paper.blue{background-image:url(../src/lanterns/assets/paper/sampleBlue.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .paper.blue:hover,#user-interface .container .paper-select .paper.blue:hover,#user-interface .container .stamp-select .paper.blue:hover{background-image:url(../src/lanterns/assets/paper/sampleBlueHover.png)}#user-interface .container .handwriting-select .handwriting-style.one,#user-interface .container .paper-select .handwriting-style.one,#user-interface .container .stamp-select .handwriting-style.one{background-image:url(../src/lanterns/assets/handwriting/iconOne.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .handwriting-style.one:hover,#user-interface .container .paper-select .handwriting-style.one:hover,#user-interface .container .stamp-select .handwriting-style.one:hover{background-image:url(../src/lanterns/assets/handwriting/iconOneHover.png)}#user-interface .container .handwriting-select .handwriting-style.two,#user-interface .container .paper-select .handwriting-style.two,#user-interface .container .stamp-select .handwriting-style.two{background-image:url(../src/lanterns/assets/handwriting/iconTwo.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .handwriting-style.two:hover,#user-interface .container .paper-select .handwriting-style.two:hover,#user-interface .container .stamp-select .handwriting-style.two:hover{background-image:url(../src/lanterns/assets/handwriting/iconTwoHover.png)}#user-interface .container .handwriting-select .handwriting-style.three,#user-interface .container .paper-select .handwriting-style.three,#user-interface .container .stamp-select .handwriting-style.three{background-image:url(../src/lanterns/assets/handwriting/iconThree.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .handwriting-style.three:hover,#user-interface .container .paper-select .handwriting-style.three:hover,#user-interface .container .stamp-select .handwriting-style.three:hover{background-image:url(../src/lanterns/assets/handwriting/iconThreeHover.png)}#user-interface .container .handwriting-select .stamp.cat,#user-interface .container .paper-select .stamp.cat,#user-interface .container .stamp-select .stamp.cat{background-image:url(../src/lanterns/assets/stamps/stampCatSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.cat:hover,#user-interface .container .paper-select .stamp.cat:hover,#user-interface .container .stamp-select .stamp.cat:hover{background-image:url(../src/lanterns/assets/stamps/stampCatSmallHover.png)}#user-interface .container .handwriting-select .stamp.dog,#user-interface .container .paper-select .stamp.dog,#user-interface .container .stamp-select .stamp.dog{background-image:url(../src/lanterns/assets/stamps/stampDogSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.dog:hover,#user-interface .container .paper-select .stamp.dog:hover,#user-interface .container .stamp-select .stamp.dog:hover{background-image:url(../src/lanterns/assets/stamps/stampDogSmallHover.png)}#user-interface .container .handwriting-select .stamp.flower,#user-interface .container .paper-select .stamp.flower,#user-interface .container .stamp-select .stamp.flower{background-image:url(../src/lanterns/assets/stamps/stampFlowerSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.flower:hover,#user-interface .container .paper-select .stamp.flower:hover,#user-interface .container .stamp-select .stamp.flower:hover{background-image:url(../src/lanterns/assets/stamps/stampFlowerSmallHover.png)}#user-interface .container .handwriting-select .stamp.football,#user-interface .container .paper-select .stamp.football,#user-interface .container .stamp-select .stamp.football{background-image:url(../src/lanterns/assets/stamps/stampFootballSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.football:hover,#user-interface .container .paper-select .stamp.football:hover,#user-interface .container .stamp-select .stamp.football:hover{background-image:url(../src/lanterns/assets/stamps/stampFootballSmallHover.png)}#user-interface .container .handwriting-select .stamp.heart,#user-interface .container .paper-select .stamp.heart,#user-interface .container .stamp-select .stamp.heart{background-image:url(../src/lanterns/assets/stamps/stampHeartSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.heart:hover,#user-interface .container .paper-select .stamp.heart:hover,#user-interface .container .stamp-select .stamp.heart:hover{background-image:url(../src/lanterns/assets/stamps/stampHeartSmallHover.png)}#user-interface .container .handwriting-select .stamp.icecream,#user-interface .container .paper-select .stamp.icecream,#user-interface .container .stamp-select .stamp.icecream{background-image:url(../src/lanterns/assets/stamps/stampIcecreamSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.icecream:hover,#user-interface .container .paper-select .stamp.icecream:hover,#user-interface .container .stamp-select .stamp.icecream:hover{background-image:url(../src/lanterns/assets/stamps/stampIcecreamSmallHover.png)}#user-interface .container .handwriting-select .stamp.whale,#user-interface .container .paper-select .stamp.whale,#user-interface .container .stamp-select .stamp.whale{background-image:url(../src/lanterns/assets/stamps/stampWhaleSmall.png);transition:background-image .03s ease-in}#user-interface .container .handwriting-select .stamp.whale:hover,#user-interface .container .paper-select .stamp.whale:hover,#user-interface .container .stamp-select .stamp.whale:hover{background-image:url(../src/lanterns/assets/stamps/stampWhaleSmallHover.png)}#user-interface .container .handwriting-select,#user-interface .container .paper-select{width:44%}@media screen and (min-width:970px){#user-interface .container .handwriting-select,#user-interface .container .paper-select{width:42%}}#user-interface .container .stamp-select{width:100%}#user-interface .container .paper-select{margin-right:12%}@media screen and (min-width:970px){#user-interface .container .paper-select{margin-right:16%}}#user-interface .container #paper-background{height:105px;background-image:url(../src/lanterns/assets/paper/paperPink.png);background-repeat:no-repeat;background-size:cover;background-position:top}@media screen and (min-width:375px){#user-interface .container #paper-background{height:140px}}@media screen and (min-width:768px){#user-interface .container #paper-background{height:250px}}#user-interface .container .letter-wrapper{position:relative}#user-interface .container .letter-wrapper .letter{position:absolute;top:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:80%;font-family:HugMeTight}@media screen and (min-width:768px){#user-interface .container .letter-wrapper .letter{top:30px}}#user-interface .container .letter-wrapper .letter .introduction{font-size:14px}@media screen and (min-width:768px){#user-interface .container .letter-wrapper .letter .introduction{font-size:20px}}#user-interface .container .letter-wrapper .letter .introduction p{margin:10px 0}@media screen and (min-width:768px){#user-interface .container .letter-wrapper .letter .introduction p{margin:20px 0}}#user-interface .container .letter-wrapper .letter .introduction img{display:inline-block;box-sizing:border-box;max-height:30px;margin:0 5px;vertical-align:middle;text-align:center}@media screen and (min-width:768px){#user-interface .container .letter-wrapper .letter .introduction img{max-height:50px}}#user-interface .container .letter-wrapper .letter .introduction .pick-one{display:inline-block;margin:0 5px;text-align:center}#user-interface .container .letter-wrapper .letter .introduction .pick-one.happy{color:#fa70bd}#user-interface .container .letter-wrapper .letter .introduction .pick-one.sad{color:#09c}#user-interface .container .letter-wrapper .letter .introduction .pick-one.worried{color:#b149d9}#user-interface .container .letter-wrapper .letter .introduction .pick-one.angry{color:#d54c57}#user-interface .container .letter-wrapper .letter .introduction .pick-one:hover{color:grey;cursor:pointer}#user-interface .container .letter-wrapper .letter .introduction .pulse-text{-webkit-animation:pulse 2s linear infinite;animation:pulse 2s linear infinite}@-webkit-keyframes pulse{0%{font-size:12px;width:70px}50%{font-size:inherit;width:70px}to{font-size:12px;width:70px}}@keyframes pulse{0%{font-size:12px;width:70px}50%{font-size:inherit;width:70px}to{font-size:12px;width:70px}}@media screen and (min-width:768px){@-webkit-keyframes pulse{0%{font-size:16px;width:100px}50%{font-size:inherit;width:100px}to{font-size:16px;width:100px}}@keyframes pulse{0%{font-size:16px;width:100px}50%{font-size:inherit;width:100px}to{font-size:16px;width:100px}}}#user-interface .container .letter-wrapper .letter .introduction .pulse-image{-webkit-animation:imagepulse 2s linear infinite;animation:imagepulse 2s linear infinite}@-webkit-keyframes imagepulse{0%{padding:2px}50%{padding:5px}to{padding:2px}}@keyframes imagepulse{0%{padding:2px}50%{padding:5px}to{padding:2px}}@media screen and (min-width:768px){@-webkit-keyframes imagepulse{0%{padding:5px}50%{padding:10px}to{padding:5px}}@keyframes imagepulse{0%{padding:5px}50%{padding:10px}to{padding:5px}}}#user-interface .container .letter-wrapper .letter .letter-input{resize:none;overflow:auto;width:100%;background:transparent;border:0;font-size:14px;font-family:inherit}@media screen and (min-width:768px){#user-interface .container .letter-wrapper .letter .letter-input{font-size:20px}}#envelope{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-image:url(../src/lanterns/assets/paper/envelopePinkLarge.png);background-repeat:no-repeat;background-size:cover;background-position:top}@media screen and (min-width:375px){#envelope{bottom:22px;width:310px;height:30px;max-height:163px}}@media screen and (min-width:768px){#envelope{bottom:44px;width:490px;height:50px;max-height:none}}@media screen and (min-width:970px){#envelope{bottom:24px}}#envelope-seal{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100px;height:100px;max-width:100px;max-height:100px;background-repeat:no-repeat;background-size:contain;background-position:top}@media screen and (min-width:970px){#envelope-seal{max-height:140px;max-width:140px}}#character-select{width:200px}@media screen and (min-width:375px){#character-select{width:340px}}@media screen and (min-width:768px){#character-select{width:400px}}@media screen and (min-width:970px){#character-select{width:auto}}#character-select .frame{width:200px;position:relative}@media screen and (min-width:375px){#character-select .frame{width:340px}}@media screen and (min-width:768px){#character-select .frame{width:400px}}@media screen and (min-width:970px){#character-select .frame{width:auto}}#character-select .boy,#character-select .girl{position:absolute;cursor:pointer;bottom:10px;height:136px;background-repeat:no-repeat;background-size:cover;background-position:top}@media screen and (min-width:375px){#character-select .boy,#character-select .girl{bottom:18px;height:229px}}@media screen and (min-width:768px){#character-select .boy,#character-select .girl{bottom:20px;height:271px}}@media screen and (min-width:970px){#character-select .boy,#character-select .girl{bottom:25px;height:322px}}#character-select .boy{left:10px;background-image:url(../src/lanterns/assets/characters/characterBoyBG.png);transition:background-image .03s ease-in}@media screen and (min-width:375px){#character-select .boy{left:18px;width:145px}}@media screen and (min-width:768px){#character-select .boy{left:20px;width:172px}}@media screen and (min-width:970px){#character-select .boy{left:25px;width:205px}}#character-select .boy:hover{background-image:url(../src/lanterns/assets/characters/characterBoyBGHover.png)}#character-select .girl{background-image:url(../src/lanterns/assets/characters/characterGirlBG.png);transition:background-image .03s ease-in}@media screen and (max-width:375px){#character-select .girl{right:8px;bottom:11px;height:134px}}@media screen and (min-width:375px){#character-select .girl{right:13px;width:155px}}@media screen and (min-width:768px){#character-select .girl{right:15px;width:183px}}@media screen and (min-width:970px){#character-select .girl{right:22px;width:215px}}#character-select .girl:hover{background-image:url(../src/lanterns/assets/characters/characterGirlBGHover.png)}.overlay{display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(0,0,0,.4)}.overlay.orientation{box-sizing:border-box;padding:20px;background:#000}.overlay.orientation p{font-family:sans-serif;font-size:20px;text-align:center;color:#fff}#feelings-select{position:absolute;bottom:0;left:50%;-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%);width:300px;text-align:center;background:#fff;font-family:MuseoSansRounded;border:12px solid #d54c55;border-radius:10px}@media screen and (min-width:970px){#feelings-select{width:400px}}#feelings-select .title{margin:10px;font-size:14px;text-transform:uppercase}@media screen and (min-width:768px){#feelings-select .title{font-size:18px}}@media screen and (min-width:970px){#feelings-select .title{font-size:22px}}#feelings-select .item{display:inline-block;margin-right:15px}@media screen and (min-width:970px){#feelings-select .item{margin-right:25px}}#feelings-select .item:last-child{margin-right:0}#feelings-select .item .feelings-button{width:40px;height:40px;background-repeat:no-repeat;background-size:cover;background-position:top}@media screen and (min-width:970px){#feelings-select .item .feelings-button{width:53px;height:52px}}#feelings-select .item .feelings-button.happy{background-image:url(../src/lanterns/assets/feelings/feelingsHappy.png);transition:background-image .03s ease-in}#feelings-select .item .feelings-button.happy:hover{background-image:url(../src/lanterns/assets/feelings/feelingsHappyHover.png)}#feelings-select .item .feelings-button.sad{background-image:url(../src/lanterns/assets/feelings/feelingsSad.png);transition:background-image .03s ease-in}#feelings-select .item .feelings-button.sad:hover{background-image:url(../src/lanterns/assets/feelings/feelingsSadHover.png)}#feelings-select .item .feelings-button.worried{background-image:url(../src/lanterns/assets/feelings/feelingsWorried.png);transition:background-image .03s ease-in}#feelings-select .item .feelings-button.worried:hover{background-image:url(../src/lanterns/assets/feelings/feelingsWorriedHover.png)}#feelings-select .item .feelings-button.angry{background-image:url(../src/lanterns/assets/feelings/feelingsAngry.png);transition:background-image .03s ease-in}#feelings-select .item .feelings-button.angry:hover{background-image:url(../src/lanterns/assets/feelings/feelingsAngryHover.png)}#feelings-select .item .feelings-text{font-family:MuseoSansRounded;font-size:14px;font-weight:700;text-transform:uppercase}@media screen and (min-width:768px){#feelings-select .item .feelings-text{font-size:16px}}@media screen and (min-width:970px){#feelings-select .item .feelings-text{font-size:18px}}#feelings-select .item .feelings-text.happy{color:#fa70bd}#feelings-select .item .feelings-text.sad{color:#09c}#feelings-select .item .feelings-text.worried{color:#b149d9}#feelings-select .item .feelings-text.angry{color:#d54c57}.remove-gutters{padding:0;margin:0;font-size:0}.button-container .add-to-lantern,.button-container .next,.button-container .write-another-message{position:absolute;bottom:8px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-size:contain;background-repeat:no-repeat;background-position:50%}@media screen and (min-width:970px){.button-container .add-to-lantern,.button-container .next,.button-container .write-another-message{bottom:10px}}.button-container .add-to-lantern:active,.button-container .next:active,.button-container .write-another-message:active{-webkit-transform:translateX(-50%);transform:translateX(-50%)}.button-container .next{width:96px;height:40px;background-image:url(../src/lanterns/assets/buttons/nextButton.png);transition:background-image .03s ease-in}@media screen and (min-width:768px){.button-container .next{width:120px;height:50px}}.button-container .next:hover{background-image:url(../src/lanterns/assets/buttons/nextButtonHover.png)}.button-container .add-to-lantern{width:192px;height:40px;background-image:url(../src/lanterns/assets/buttons/addToLanternButton.png);transition:background-image .03s ease-in}@media screen and (min-width:768px){.button-container .add-to-lantern{width:240px;height:50px}}.button-container .add-to-lantern:hover{background-image:url(../src/lanterns/assets/buttons/addToLanternButtonHover.png)}.button-container .write-another-message{width:192px;height:40px;background-image:url(../src/lanterns/assets/buttons/writeAnotherMessageButton.png);transition:background-image .03s ease-in}@media screen and (min-width:768px){.button-container .write-another-message{width:240px;height:50px}}.button-container .write-another-message:hover{background-image:url(../src/lanterns/assets/buttons/writeAnotherMessageButtonHover.png)}.button-container .release-lantern{position:absolute;bottom:10px;right:10px;width:144px;height:40px;background-image:url(../src/lanterns/assets/buttons/releaseButton.png);background-size:contain;background-repeat:no-repeat;background-position:50%;transition:background-image .03s ease-in}@media screen and (min-width:768px){.button-container .release-lantern{width:180px;height:50px;right:20px}}.button-container .release-lantern:active{-webkit-transform:translateY(0);transform:translateY(0)}.button-container .release-lantern:hover{background-image:url(../src/lanterns/assets/buttons/releaseButtonHover.png)}.button{background-color:transparent;border:none;background-repeat:no-repeat;background-position:50%}.button:hover{cursor:pointer}.button:active{-webkit-transform:translateY(4px);transform:translateY(4px)}@font-face{font-family:CellGracia;src:url(../src/lanterns/assets/fonts/CeliaGarcia.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:HugMeTight;src:url(../src/lanterns/assets/fonts/HugMeTight.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:KGLegoHouse;src:url(../src/lanterns/assets/fonts/KGLegoHouse.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:MuseoSansRounded;src:url(../src/lanterns/assets/fonts/MuseoSansRounded-700.otf) format("embedded-opentype"),url(../src/lanterns/assets/fonts/MuseoSansRounded-700.otf) format("opentype");font-weight:700;font-style:normal}