:root {
    --scale: 1;
    font-size: 12px;
}

@media screen and (min-width: 550px) {
    :root {
        --scale: 0.72;
    }
}

@media screen and (min-width: 564px) {
    :root {
        --scale: 0.65;
    }
}

@media screen and (min-width: 676px) {
    :root {
        --scale: 0.6;
    }
}

@media screen and (min-width: 712px) {
    :root {
        --scale: 0.5;
    }
}

@media screen and (min-width: 1080px) {
    :root {
        --scale: 0.35;
    }
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-weight:400}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{-webkit-text-size-adjust:100%}body,body #app,html,html #app{height:100%}