*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: EncodeSans, sans-serif;
    tap-highlight-color: rgba(0,0,0,0); 
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    user-select: none;
}
html{
    aspect-ratio: 9/16;
}


body{
    display: none;
    background-color: #F2F2F2;
    --c-text: #4e4e4e;
    --c-principal: #279D2E ;

    -youbkit-touch-callout: none; /*iOS Safari*/
    -youbkit-user-select: none;   /* Chrome 6.0+, Safari 3.1+, Edge y Opera 15+ */
    -moz-user-select: none;    /*Firefox*/
    -ms-user-select: none;        /* IE 10+ y Edge */
    user-select: none;            /* Versión sin prefijo,
                                actualmente compatible con Chrome y Opera */

}
img.button{
    width: 40%;
    position: fixed;
    bottom: 8%;
    right: 6%;
    z-index: 100;

}
.button-hidden{
    z-index: 10;
    position: absolute;
}

/*FONT */   /*FONT */   /*FONT */   /*FONT */   /*FONT */   /*FONT */
.bold{
    font-family: EncodeSans-SemiBold;
    color: var(--c-text);
}

@font-face {
    font-family: EncodeSans;
    src: url(public/font/EncodeSans-Regular.ttf);
}
@font-face {
    font-family: EncodeSans-Light;
    src: url(public/font/EncodeSans-Light.ttf);
    font-weight: 300;
}
@font-face {
    font-family: EncodeSans-Medium;
    src: url(public/font/EncodeSans-Medium.ttf);
    font-weight: 500;
}
@font-face {
    font-family: EncodeSans-SemiBold;
    src: url(public/font/EncodeSans-SemiBold.ttf);
    font-weight: 600;
}
@font-face {
    font-family: EncodeSans-Bold;
    src: url(public/font/EncodeSans-Bold.ttf);
    font-weight: 700;
}