:root {
    --black-3:
            rgba(0, 0, 0, 0.2);
    --black-2:
            rgba(0, 0, 0, 0.6);
    --black-8:
            rgba(0, 0, 0, 0.8);
    --black:
            rgba(0, 0, 0, 1);
    --deep-sea:
            rgba(1, 135, 95, 1);
    --mirage:
            rgba(30, 32, 41, 1);
    --shark:
            rgba(36, 39, 49, 1);
    --apple:
            rgba(45, 193, 60, 1);
    --san-juan:
            rgba(53, 69, 115, 1);
    --deep-space-sparkle:
            rgba(77, 91, 109, 0.18);
    --cornflower-blue:
            rgba(117, 153, 251, 1);
    --tulip:
            rgba(249, 132, 145, 1);
    --white-3:
            rgba(255, 255, 255, 0.329);
    --white-4:
            rgba(255, 255, 255, 0.549);
    --white:
            rgba(255, 255, 255, 0.878);
    --white-2:
            rgba(255, 255, 255, 1);

    --font-size-s: 12px;
    --font-size-m: 14px;
    --font-size-l: 16px;
    --font-size-xl: 22px;
    --font-size-xl2: 26px;

    --font-family-poppins: "Poppins";
    --font-family-poppins-bold: "Poppins-Bold";
    --font-family-poppins-extrabold: "Poppins-ExtraBold";
    --font-family-poppins-medium: "Poppins-Medium";
    --font-family-poppins-regular: "Poppins-Regular";
    --font-family-poppins-semibold: "Poppins-SemiBold";
    --font-family-product_sans-bold: "Product Sans-Bold";
    --font-family-product_sans-regular: "Product Sans-Regular";
    --font-family-roboto: "Roboto";
}



.poppins-semi-bold-white-14px {
    color: var(--white-2);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 600;
    font-style: normal;
}
.poppins-bold-white-16px {
    color: var(--white-4);
    font-family: var(--font-family-poppins-bold);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
}
.poppins-normal-white-12px {
    color: var(--white-3);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
}
.poppins-bold-white-16px {
    color: var(--white-4);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l);
    font-weight: 700;
    font-style: normal;
}
.poppins-semi-bold-cornflower-blue-16px {
    color: var(--cornflower-blue);
    font-family: var(--font-family-poppins-semibold);
    font-size: var(--font-size-l);
    font-weight: 600;
    font-style: normal;
}
.roboto-normal-apple-14px {
    color: var(--apple);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.roboto-normal-apple-14px {
    color: var(--apple);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-m);
    font-weight: 400;
    font-style: normal;
}
.productsans-regular-normal-black-12px {
    color: var(--black-8);
    font-family: var(--font-family-product_sans-regular);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
}
.border-1px-deep-space-sparkle {
    border-width: 1px;
    border-style: solid;
    border-color: var(--deep-space-sparkle);
}
.poppins-medium-cornflower-blue-14px {
    color: var(--cornflower-blue);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}
.poppins-semi-bold-white-14px {
    color: var(--white-2);
    font-family: var(--font-family-poppins-semibold);
    font-size: var(--font-size-m);
    font-weight: 600;
    font-style: normal;
}
.poppins-semi-bold-white-14px-2 {
    color: var(--white);
    font-family: var(--font-family-poppins-semibold);
    font-size: var(--font-size-m);
    font-weight: 600;
    font-style: normal;
}
.poppins-semi-bold-white-14px-2 {
    color: var(--white);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 600;
    font-style: normal;
}
.roboto-normal-black-12px {
    color: var(--black-2);
    font-family: var(--font-family-roboto);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
}
.poppins-semi-bold-cornflower-blue-16px {
    color: var(--cornflower-blue);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-l);
    font-weight: 600;
    font-style: normal;
}
.poppins-medium-white-14px {
    color: var(--white);
    font-family: var(--font-family-poppins-medium);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}
.poppins-medium-cornflower-blue-14px {
    color: var(--cornflower-blue);
    font-family: var(--font-family-poppins-medium);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}
.poppins-regular-normal-white-12px {
    color: var(--white-3);
    font-family: var(--font-family-poppins-regular);
    font-size: var(--font-size-s);
    font-weight: 400;
    font-style: normal;
}
.productsans-bold-black-14px {
    color: var(--black-8);
    font-family: var(--font-family-product_sans-bold);
    font-size: var(--font-size-m);
    font-weight: 700;
    font-style: normal;
}
.poppins-medium-white-14px {
    color: var(--white);
    font-family: var(--font-family-poppins);
    font-size: var(--font-size-m);
    font-weight: 500;
    font-style: normal;
}
html{
    height: 100%;
}
body{
    margin: 20px;
}
.androidscreen{
    overflow-x: hidden;
}
a,a:link,a:visited,a:hover,a:active{
    text-decoration: none;
    color:inherit;
}
a span{
    color: blue;
    text-decoration: underline;
}