:root {
    --color-1: #e0e1dd;
    --color-2: #778da9;
    --color-3: #2c7dff26;
    --color-4: #192e56;
    --color-5: #0d1b2a;

    --text-size-4: 32px;
    --text-size-3: 24px;
    --text-size-2: 16px;
    --text-size-1: 12px;

    --text-weight-3: 900;
    --text-weight-2: 700;
    --text-weight-1: 500;
    --text-weight-0: 300;

    --z-index-header-level: 1;
    --z-index-modal-level: 2;
    --z-index-ontop-modal-level: 3;
}
html {
    width: 100%;
    height: 100%;
}
body {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Ubuntu, sans-serif;
    color: var(--color-5);
    overflow-x: hidden;
    overflow-y: scroll;
    background: linear-gradient(to right, transparent 0, rgb(224, 225, 221, 0.5) 100%);
}
.block {
    padding: 50px;
    border-radius: 20px;
    width: 600px;
    box-sizing: border-box;
}