body{
    background: #170731;
    margin: 0;
    font-family: 'Montserrat', sans-serif,'Inter';
}

h1{
    font-family: 'Inter';
    font-size: 40px;
    color: #FFFFFF;
    margin: 40px 0 80px 0;
}

.header{
    height: 80px;
    width: 100%;
    border-bottom: 1px solid #FFFFFF80;
    vertical-align: baseline;
}

.cut-width{
    max-width: 1280px;
    width: 100%;
    margin: auto;
    height: 100%;
}

.header-text{
    color: white;
    font-size: 14px;
    width: fit-content;
    float: left;
    padding-top: 35px;
    padding-left: 45px;
}

.header-text a{
    padding-left: 14px;
    text-decoration: none;
    color: #FFFFFF;
}

.Header-Logo-cont{
    float: left;
    padding-top: 14px;
    text-decoration: none;
    color: #FFFFFF;
}

.header-part-left{
    width: 50%;
    height: 100%;
    float: left;
}

.header-part-right{
    width: 50%;
    height: 100%;
    float: right;
}

.btn-exit-header{
    padding-left: 8px;
    text-decoration: none;
    color: #FFFFFF;
    float: right;
    padding-top: 35px;
}

.user-icon{
    float:right;
}

.btn-exit-a{
    display: block;
    height: fit-content;
    width: fit-content;
    float: right;
    text-decoration: none;
    color: #FFFFFF;
}

/*levels*/

.block-levels{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.level-cont{
    border-radius: 20px;
    border: 4px solid #C7A4FF;
    opacity: 0.699999988079071;
    background: rgba(255, 255, 255, 0.15);
    width: 390px;
    height: 220px;
}

.level-grad-1{
    /*background: radial-gradient(88.47% 79.48% at 5.97% 105.30%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);*/
    background: radial-gradient(45.47% 85.48% at 7.97% 105.3%, #5E1BB4 0%, rgba(94, 27, 180, 0.00) 99.78%);
    height: 100%;
    width: 100%;
    border-radius: 20px;
}

.level-grad-2{
    height: 100%;
    width: 100%;
    border-radius: 20px;
    background: radial-gradient(246.21% 71.62% at 94.36% 72.44%, #B41B92 0%, #000 100%);
}