@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body{
    border: 0;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Inter", sans-serif;

    background-color:white;
    overflow: hidden;

    -webkit-touch-callout: none; /* iOS Safari */
        -webkit-user-select: none; /* Safari */
        -khtml-user-select: none; /* Konqueror HTML */
            -moz-user-select: none; /* Old versions of Firefox */
            -ms-user-select: none; /* Internet Explorer/Edge */
                user-select: none; /* Non-prefixed version, currently
                                    supported by Chrome, Edge, Opera and Firefox */

}

.gl_block{
    max-width: 700px;
    background-color: #EA81EA;
    padding: 40px;
    border-radius: 20px;
    font-size: 18px;
    color: white;
    font-weight: 500;
}

.gl_block_header{
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 40px;
}

.gl_block_description{
    font-style: italic;
    margin-bottom: 30px;
}

.gl_block_list{
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.gl_block_list_elem{
    background-color: #FC93FC;
    border-radius: 10px;
    padding: 10px 30px;
    margin: 15px;
}

.gl_block_bitton_pod{
    display: flex;
    align-items: center;
    justify-content: center;
}

.gl_block_button{
    background-color: white;
    font-size: 20px;
    font-weight: 700;
    padding: 15px 20px;
    width: 60%;
    border-radius: 20px;
    color: rgb(238, 116, 238);
    text-align: center;
    box-shadow: 0px 0px 36px -20px rgb(119, 196, 255);
    text-decoration: none;
}

.gl_block_button:hover{
    transform: scale(103%);
    transition: transform 0.5s ease-in-out;
}

.gl_block_button:not(:hover){
    /* transform: scale(103%); */
    transition: transform 0.5s ease-in-out;
}


@media screen AND (max-width: 630px){
    .gl_block_button{
        width: 100%;
        font-size: 16px;
        padding: 10px 15px;
    }

    .gl_block{
        font-size: 16px;
    }

    .gl_block_list_elem{
        /* padding: 10px 30px; */
        margin: 12px;
    }
}


@media screen AND (max-width: 430px){

    body{
        /* display:block; */
        background-color: #EA81EA;
    }

    .gl_block_header{
        font-size: 24px;
    }

    .gl_block{
        font-size: 14px;
    }

    .gl_block_list_elem{
        padding: 7px 20px;
        margin: 10px;
    }
}