@font-face{font-family:Skycity;src:url("fonts/Skycity.ttf")}body,html{padding:0;margin:0;min-height:100vh;background-color:#e2ffdd}.content-container{height:calc(100vh - 121px);overflow-y:scroll;text-align:center;background-color:#e2ffdd}.content-container .text{font-family:Skycity;font-size:1.8rem;color:#555}.frogdex-container{margin:16px 20px 8px 20px;border:6px solid #77fc84;border-radius:10px;background-color:#69cc40;padding:8px}.frogdex-container .title{font-size:2rem;color:white;font-family:Skycity}.frogdex-container .subtitle{font-size:1.2rem;color:white;font-family:Skycity}.frogdex-container .content{display:flex;justify-content:space-around;align-items:center}.frogdex-container .content .frog,.frogdex-container .content .artist{font-size:220%;font-weight:bold;width:30vw;height:30vw;background:center no-repeat;background-size:contain;line-height:30vw;text-align:center;font-family:Skycity}.frogdex-container .content .frog{background-image:url("img/frog-shadow-white.png");color:white}.frogdex-container .content .artist{background-image:url("img/prince-shadow.png")}.fb-page{margin:8px 0}.share-container{position:fixed;bottom:0;left:0;right:0;border-top:1px solid rgba(0,0,0,0.2);background-color:white}#result-image-container{background:black center no-repeat;background-size:contain;padding-top:52.36907731%}.button{width:calc(100% - 16px);height:48px;box-sizing:border-box;margin:8px;border-radius:4px;text-align:center;display:flex;justify-content:center;align-items:center;outline:none;font-size:16px;line-height:22px;font-weight:300;cursor:pointer;transition:all 0.2s linear;background-color:white}.button[disabled]{cursor:not-allowed;pointer-events:none}.button.primary{background-color:#0084FF;color:white;border:none}.button.primary:active{filter:brightness(0.88)}.button.primary[disabled]{color:rgba(0,0,0,0.34);background-color:rgba(0,0,0,0.06)}.button.secondary{border:1px solid #0084FF;color:#0084FF}.button.secondary:active{opacity:0.2}.button.secondary[disabled]{color:rgba(0,0,0,0.34);border-color:rgba(0,0,0,0.34)}.button.secondary[disabled] .send-icon{background-image:url("img/ic_send_lg_disabled.png")}.button .send-icon,.button .share-icon{height:24px;width:24px;margin-right:10px;background:center no-repeat;background-size:contain}.button .share-icon{background-image:url("img/ic_share_lg_white.png")}.button .send-icon{background-image:url("img/ic_send_lg_blue.png")}