@font-face{font-family:BPG Mrgvlovani Caps;font-display:swap;src:url(./bpg-mrgvlovani-caps.D0I7dlOd.woff2)format("woff2"),url(./bpg-mrgvlovani-caps.D3D-l6Be.woff)format("woff"),url(./bpg-mrgvlovani-caps.jWV8DynB.ttf)format("truetype")}:root{--base-design-width:430;--base-design-height:932;--current-device-width:100vw;--current-device-height:100vh;--calculated-device-width:calc(var(--current-device-height) * var(--base-design-width) / var(--base-design-height));--calculated-device-height:calc(var(--current-device-width) * var(--base-design-height) / var(--base-design-width));--width-propporion:calc(min(var(--current-device-width), var(--calculated-device-width)) / var(--base-design-width));--height-propporion:calc(var(--current-device-height) / var(--base-design-height));--btn-stars-label-width:calc(249 * var(--width-propporion));--btn-stars-label-height:calc(20 * var(--height-propporion));--btn-stars-label-left:calc((100vw - var(--btn-stars-label-width)) / 2);--btn-stars-label-top:calc(547 * var(--height-propporion));--btn-start-next-end-width:calc(250 * var(--width-propporion));--btn-start-next-end-height:calc(29 * var(--height-propporion));--btn-start-next-end-left:calc((100vw - var(--btn-start-next-end-width)) / 2);--btn-start-next-end-top:calc(587 * var(--height-propporion));--btn-start-span-left:calc((19 / 250) * var(--btn-start-next-end-width));--btn-start-span-top:calc((6 / 29) * var(--btn-start-next-end-height));--welcome-star-level-mood-goodbye-width:calc(275 * var(--width-propporion));--welcome-star-level-mood-goodbye-height:calc(69 * var(--height-propporion));--btn-star-level-mood-goodbye-left:calc((100vw - var(--welcome-star-level-mood-goodbye-width)) / 2);--btn-star-level-mood-goodbye-top:calc(420 * var(--height-propporion));--btn-mood-star-level-top:calc(420 * var(--height-propporion));--btn-stars-holder-width:calc(182 * var(--width-propporion));--btn-stars-holder-height:calc(30 * var(--height-propporion));--btn-stars-holder-left:calc((100vw - var(--btn-stars-holder-width)) / 2);--btn-stars-holder-top:calc(513 * var(--height-propporion));--btn-mood-input-height:calc(185 * var(--height-propporion));--btn-mood-input-width:calc(271 * var(--width-propporion));--btn-mood-input-left:calc((100vw - var(--btn-mood-input-width)) / 2);--btn-mood-input-top:calc(445 * var(--height-propporion));--btn-mood-buttons-holder-height:calc(24 * var(--height-propporion));--btn-mood-buttons-holder-width:calc(271 * var(--width-propporion));--btn-mood-buttons-holder-left:calc((100vw - var(--btn-buttons-holder-width)) / 2);--btn-mood-buttons-holder-top:calc(656 * var(--height-propporion));--star-lables-font:calc(12 * min((var(--btn-stars-label-width) / 139), (var(--btn-stars-label-height) / 17)));--nav-btn-font:calc(12 * min((var(--btn-stars-label-width) / 115), (var(--btn-stars-label-height) / 24)));--btn-next-font:calc(14 * min((var(--btn-start-next-end-width) / 250), (var(--btn-start-next-end-height) / 29)));--btn-end-width:calc(115 * var(--width-propporion));--btn-end-height:calc(24 * var(--height-propporion));--btn-back-width:calc(115 * var(--width-propporion));--btn-back-height:calc(24 * var(--height-propporion));--mood-text-font-size:calc(14 * min((var(--welcome-star-level-mood-goodbye-width) / 275), (var(--welcome-star-level-mood-goodbye-height) / 69)));--star-level-text-font-size:calc(14 * min((var(--welcome-star-level-mood-goodbye-width) / 275), (var(--welcome-star-level-mood-goodbye-height) / 69)))}body{color:#000000b3;background-color:#fff;min-height:100vh;margin:0;font-family:Arial,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}input,button,textarea{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}.page_1,.page_2,.page_3,.page_4{background-position:0,50%,100%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:contain,contain,contain;height:98vh}.welcome_text,.star_level_text,.mood_text,.goodbye_text{left:var(--btn-star-level-mood-goodbye-left);top:var(--btn-star-level-mood-goodbye-top);width:var(--welcome-star-level-mood-goodbye-width);text-transform:capitalize;border-left:4px solid #8cc740;padding-left:10px;font-family:BPG Mrgvlovani Caps;font-weight:700;display:inline-block;position:absolute}section{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;margin:0 auto;display:flex}.app{flex-direction:row;justify-content:center;min-height:100vh;display:flex}.app>main{box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;display:flex}