114 lines
1.9 KiB
CSS
114 lines
1.9 KiB
CSS
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%);
|
|
}
|