html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}*[hidden]{display:none}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.Root{background:#ffeca8}html{font-family:Source Code Pro,monospace;font-size:18px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}.App{max-width:760px;width:100%;margin:auto;padding:0 20px}.App__Main--modalOpen{filter:blur(10px);overflow:hidden;max-height:100vh}.Heading{font-family:Source Code Pro,monospace}.Heading--2{margin-bottom:1em;font-size:1rem;font-weight:700;color:#ff2882;text-transform:uppercase}.Intro{font-family:Bowlby One SC,sans-serif;text-transform:lowercase;color:#ff2882;text-shadow:2px 2px 0 #FFD79C,4px 4px 0 rgba(255,136,10,.6117647059),6px 6px 0 rgba(249,167,127,.5294117647),8px 8px 0 #ffd0ce;line-height:.9;transform:skewY(-4deg);margin-bottom:150px;margin-top:150px}@media (min-width: 740px){.Intro{text-align:center}}.Intro__Title{margin-bottom:.25em;font-size:4rem}@media (min-width: 480px){.Intro__Title{font-size:5rem}}.Intro__Description{font-size:2.5rem}@media (min-width: 480px){.Intro__Description{font-size:3rem}}.Button{position:relative;padding:22px 48px 18px;margin-bottom:8px;width:calc(100% - 10px);line-height:1;font-family:Source Code Pro,monospace;font-weight:700;text-transform:uppercase;text-align:center;font-size:1rem;background:#fff;color:#ff2882;border:5px solid #FF2882;border-radius:11px;cursor:pointer;display:inline-block;top:0;left:0;transition:top .05s ease-out,left .05s ease-out}.Button:before{content:"";position:absolute;width:calc(100% + 20px);height:calc(100% + 20px);right:-15px;bottom:-15px;border-radius:25px 25px 11px;background:#ff2882;z-index:-1;transition:all .05s ease-out;transition-property:width,height,right,bottom,border-radius}.Button:focus,input:focus+.Button,.Button:hover{top:-5px;left:-5px}.Button:focus:before,input:focus+.Button:before,.Button:hover:before{width:calc(100% + 25px);height:calc(100% + 25px);right:-20px;bottom:-20px;border-radius:32px 32px 11px}.Button:active{top:10px;left:10px}.Button:active:before{width:calc(100% + 10px);height:calc(100% + 10px);right:-5px;bottom:-5px;border-radius:11px}.Button:focus,input:focus+.Button{outline:2px dashed white}.Button--secondary{color:#000;border-color:#000}.Button--secondary:before{border-color:#000;background:#000}.FileSelector__Input{width:0;height:0;overflow:hidden}.MessagePreview{display:flex;flex-direction:row;align-items:center;width:100%;padding:12px;font-family:Lato,sans-serif;font-size:.83rem;background:#fff;border-radius:6px;box-shadow:0 4px 15px #0000001a,0 1px 3px #00000012}@media (min-width: 740px){.MessagePreview{box-shadow:none}}.MessagePreview__Avatar{display:block;width:36px;height:36px;background:radial-gradient(50% 50% at 50% 50%,#fff,#fff 55%,#03a36e 55%,#03a36e);border-radius:2px}.MessagePreview__Text{margin-left:12px}.MessagePreview__Emoji{margin-left:6px;margin-right:6px}.SettingsContainer{display:flex;flex-direction:column-reverse;margin-top:60px;margin-bottom:60px}@media (min-width: 740px){.SettingsContainer{flex-direction:row}}.SettingsContainer__Section{padding:24px;flex-basis:0;flex-grow:1;background:#fff;border-radius:0 0 8px 8px}@media (min-width: 740px){.SettingsContainer__Section{border-radius:8px 0 0 8px}}.SettingsContainer__Section--secondary{border-radius:8px 8px 0 0;position:sticky;top:20px;border-bottom:2px solid #FFECA8}.SettingsContainer__Section--secondary:before{content:"";position:absolute;top:-20px;left:0;width:100%;height:20px;background:#ffeca8}@media (min-width: 740px){.SettingsContainer__Section--secondary{border-radius:0 8px 8px 0;background:#ffffff80;border:none}}@media (max-height: 580px){.SettingsContainer__Section--secondary{position:static}}.Settings__Label{display:inline-block;margin-bottom:12px;text-transform:lowercase}.Settings__Input{font-size:1rem;font-family:Source Code Pro,monospace;width:100%;margin-bottom:24px;text-transform:lowercase}.Settings__Input:last-child{margin-bottom:0}.PreviewSection{display:flex;flex-direction:column;justify-content:center;align-items:center}.PreviewSection__Big{width:100%;padding:0 0 24px;text-align:center;border-radius:6px}@media (min-width: 740px){.PreviewSection__Big{padding:60px 0}}.Output{text-align:center;margin-top:24px;text-transform:lowercase;line-height:1.5}.Output__Image{margin-top:12px;margin-bottom:12px}.Modal{max-width:560px;width:100%;padding:24px 36px 30px;background:#fff;border-radius:10px;box-shadow:0 5px 40px #0000001a;z-index:1}.Modal__Background{display:flex;align-items:center;justify-content:center;position:fixed;left:0;top:0;width:100%;height:100%;padding:24px;background:#fff}.Modal__Text{text-transform:lowercase;margin-bottom:48px;margin-top:48px;line-height:1.5;font-weight:700}.Footer{margin-top:120px;text-transform:lowercase;font-weight:700;font-style:italic;text-align:center;line-height:1.5;color:#ff2882}.Footer__Paragraph{margin-bottom:24px}.Footer__Icon{width:1em;height:auto}.EmojiInput{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-top:24px}.EmojiInput__Label{font-family:Source Code Pro,monospace;font-weight:700;text-transform:uppercase;color:#ff2882}.EmojiInput__LabelHelp{display:block;font-size:.75rem;color:#000}.EmojiInput__Input{width:4rem;padding:18px 0;margin-left:12px;line-height:1;text-align:center;font-size:1rem;background:#fff;border-radius:11px;border:none}