@media only screen and (max-width: 2000px) {
    body {
        background-image: url("images/backgrounds/bg1.jpg");
        background-size: cover;
        background-attachment: fixed;
        background-repeat: no-repeat;
        /*font-size: 350%;*/
        user-select: none;
    }

    /*input {
        font-size: 100%;
    }

    select {
        font-size: 100%;
    }

    input[type=checkbox] {
        transform: scale(4.5);
    }*/
}

@font-face {
    font-family: "Rubik";
    src: url("fonts/Rubik-Regular.ttf");
}

@font-face {
    font-family: "Rubik-bold";
    src: url("fonts/Rubik-Bold.ttf");
}

body {
    padding-top: 3%;
    background-color: lightblue;
    font-family: "Rubik";
    direction: rtl;
    text-align: center;
    cursor: context-menu;
}

.select_button {
    display: inline-block;
    font-weight: bold;
    width: 40%;
    background-color: rgba(78, 188, 116, 0.85);
    padding: 5% 2% 5% 2%;
    border-radius: 7%;
    margin-bottom: 1%;
    cursor: pointer;
}

.block1 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 20%;
    background-color: rgba(107, 188, 102, 0.64);
    padding: 5% 2% 5% 2%;
    margin: 0% 2% 2% 2%;
    border-radius: 7%;
}

.block2 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 20%;
    background-color: rgba(107, 188, 102, 1);
    padding: 5% 2% 5% 2%;
    margin: 0% 2% 2% 2%;
    border-radius: 7%;
}

.block3 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 30%;
    background-color: rgba(188, 70, 52, 0.78);
    padding: 5% 2% 5% 2%;
    margin: 2% 4% 4% 4%;
    border-radius: 7%;
    cursor: pointer;
}

.block4 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 30%;
    background-color: rgba(62, 106, 188, 0.78);
    padding: 5% 2% 5% 2%;
    margin: 2% 4% 4% 4%;
    border-radius: 7%;
    cursor: pointer;
}

.block5 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 25%;
    background-color: rgba(59, 158, 103, 0.5);
    padding: 4% 2% 4% 2%;
    margin: 2% 2% 2% 2%;
    border-radius: 7%;
    cursor: pointer;
}

.block6 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 25%;
    background-color: rgba(71, 158, 135, 0.85);
    padding: 5% 2% 5% 2%;
    margin: 2% 2% 2% 2%;
    border-radius: 7%;
    cursor: pointer;
}

.hypno td {
    background-color: rgba(59, 158, 103, 0.5);
    padding: 2% 2% 2% 2%;
    margin: 10%;line-height: 120%;
    cursor: pointer;
}

.hypno_selected td {
    background-color: rgba(71, 158, 135, 0.85);
    cursor: pointer;
}

.block7 {
    display: inline-block;
    font-weight: bold;
    font-size: 110%;
    width: 25%;
    background-color: rgba(158, 89, 39, 0.5);
    padding: 4% 2% 4% 2%;
    margin: 2% 2% 2% 2%;
    border-radius: 7%;
    cursor: pointer;
}

.role_info {
    width: 90%;
    height: 90%;
    overflow: scroll;
    background-color: rgba(160, 230, 190, 0.7);
    position: fixed;
    bottom: 5%;
    left: 5%;
    border-radius: 5%;

}

.role_info2 {
    width: 90%;
    height: 90%;
    overflow: scroll;
    background-color: rgba(160, 230, 190, 0.7);
    position: fixed;
    bottom: 5%;
    left: 5%;
    border-radius: 5%;
}


.role_pack {
    display: inline-block;
    width: 90%;
    overflow: scroll;
    background-color: rgba(81, 230, 222, 0.47);
    position: center;
    bottom: 5%;
    left: 5%;
    border-radius: 5%;
    text-align: center;
    font-size: 90%;
}


input {
    margin: 1%;
}

select {
    margin: 1%;
}

.main_button {
    display: inline-block;
    font-weight: bold;
    font-size: 200%;
    width: 80%;
    padding: 23% 5% 23% 5%;
    border-radius: 55%;
    margin-top: 20%;
    cursor: pointer;
}

a {
    color: inherit;
    text-decoration: inherit;
}

.role {
    font-weight: bold;
    /*-webkit-text-stroke: 0.01px rgba(0, 0, 0, 0.6);*/
    text-shadow:
    -1px 0px 1px rgba(0, 0, 0, 0.7), 0px 1px 1px  rgba(0, 0, 0, 0.7),
    1px 0px  1px rgba(0, 0, 0, 0.7), 0px -1px  1px rgba(0, 0, 0, 0.7);
}

td {
    padding: 2%;
}

test
{
    color: #d58e46;
}