Hello world!
/* cryptosite2 */
position: relative;
width: 320px;
height: 815px;
background: #01408B;
/* Rectangle 6 */
position: absolute;
width: 353px;
height: 888px;
left: calc(50% - 353px/2 + 0.5px);
top: -70px;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0.01%, #000000 100%);
/* Group 2085664681 */
position: absolute;
width: 283px;
height: 42px;
left: 19px;
top: 39px;
/* Group 2085664680 */
position: absolute;
width: 283px;
height: 42px;
left: calc(50% - 283px/2 + 0.5px);
top: 39px;
/* Rectangle 240649205 */
position: absolute;
width: 88px;
height: 42px;
left: 19px;
top: 39px;
background: #9CFF8C;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
/* Rectangle 240649206 */
position: absolute;
width: 87px;
height: 42px;
left: 117px;
top: 39px;
background: #9CFF8C;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
/* Rectangle 240649207 */
position: absolute;
width: 88px;
height: 42px;
left: 214px;
top: 39px;
background: #9CFF8C;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 10px;
/* Бесплатное обучение */
position: absolute;
width: 61px;
height: 28px;
left: calc(50% - 61px/2 - 97.5px);
top: 47px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 14px;
/* or 93% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
/* Много практики */
position: absolute;
width: 49px;
height: 28px;
left: calc(50% - 49px/2 + 0.5px);
top: 46px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 14px;
/* or 93% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
/* Реальный результат */
position: absolute;
width: 54px;
height: 28px;
left: calc(50% - 54px/2 + 98px);
top: 47px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 15px;
line-height: 14px;
/* or 93% */
display: flex;
align-items: center;
text-align: center;
color: #000000;
/* Бесплатный онлайн-курс */
position: absolute;
width: 269px;
height: 90px;
left: calc(50% - 269px/2 + 0.5px);
top: 336px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 55px;
line-height: 45px;
/* or 82% */
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
/* на котором ты разберёшься в криптовалюте и сделаешь первые реальные деньги уже во время обучения */
position: absolute;
width: 235px;
height: 68px;
left: calc(50% - 235px/2 + 0.5px);
top: 429px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 17px;
/* or 85% */
display: flex;
align-items: center;
text-align: center;
color: #FFFFFF;
/* За 14 дней ты пройдёшь путь от полного нуля до уверенных действий в крипте с поддержкой ментора и живыми практическими занятиями */
position: absolute;
width: 268px;
height: 75px;
left: calc(50% - 268px/2);
top: 517px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 114%;
/* or 15px */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.02em;
color: #FFFFFF;
/* Первые результаты $10–100 уже на курсе
✅ Без воды
✅ Без сложной теории
✅ Только то, что работает сейчас */
position: absolute;
width: 268px;
height: 90px;
left: calc(50% - 268px/2);
top: 693px;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 13px;
line-height: 114%;
/* or 15px */
display: flex;
align-items: center;
text-align: center;
letter-spacing: -0.02em;
color: #FFFFFF;
/* image 20656767 */
position: absolute;
width: 366px;
height: 865px;
left: -29px;
top: -47px;
background: url(image.png);
mix-blend-mode: plus-darker;
/* Group 2085664675 */
position: absolute;
width: 298px;
height: 214.03px;
left: calc(50% - 298px/2 + 0px);
top: 101px;
/* image 20656822 */
position: absolute;
width: 99.32px;
height: 203.16px;
left: 110.33px;
top: 101px;
background: url(image.png);
border-radius: 4px;
/* image 20656823 */
position: absolute;
width: 99.35px;
height: 202.46px;
left: 209.65px;
top: 101px;
background: url(image.png);
border-radius: 4px;
/* image 20656825 */
position: absolute;
width: 99.33px;
height: 194.21px;
left: 11px;
top: 101px;
background: url(image.png);
border-radius: 4px;
/* image 20656826 */
box-sizing: border-box;
position: absolute;
width: 210.66px;
height: 86.06px;
left: calc(50% - 210.66px/2 + 28.42px);
top: 228.96px;
background: url(image.png);
border: 1px solid rgba(129, 128, 128, 0.41);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
border-radius: 4px;
/* button */
position: absolute;
height: 65px;
left: 24px;
right: 24px;
top: 611px;
/* cryptology-key.online/White 0.2% */
background: rgba(255, 255, 255, 0.002);
box-shadow: 0px 6.23px 9.35px rgba(0, 0, 0, 0.18);
border-radius: 24px;
/* Gradient */
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
background: linear-gradient(252.73deg, #34C759 17.11%, #029527 100%);
border-radius: 24px;
/* Background+Shadow */
/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 12.2px 0px 12.8px;
position: absolute;
left: 3px;
right: 3px;
top: 3px;
bottom: 3px;
background: linear-gradient(94.43deg, #9CFF8C 100%, rgba(38, 231, 6, 0.43) 100%);
box-shadow: inset 0px 12.46px 3.12px rgba(255, 255, 255, 0.4);
border-radius: 22px;
/* Получить доступ к урокам */
width: 225px;
height: 58px;
font-family: 'Bebas Neue Cyrillic';
font-style: normal;
font-weight: 400;
font-size: 24px;
line-height: 14px;
/* or 58% */
display: flex;
align-items: center;
text-align: center;
text-decoration-line: underline;
color: #000000;
text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;
