Label = CLASS - SUBCLASS - SUBSUBCLASS
h1 - JUMBO
h1
h2
h3
h4
Paragraph
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph2
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph3
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph4
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph5
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Paragraph6
Lato - Normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
fLytype
Arial Normal 12:12
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
LINK
LINK
button-small
Join for freeJoin for freeJoin for freebutton-small- purple
Join for freeJoin for freeJoin for freebutton-Medium
Join for freeJoin for freeJoin for freebutton-Medium - purple
Join for freeJoin for freeJoin for freediv block - tile
.div-block {
width: 100%;
height: 100%;
border-top-style: solid;
border-top-width: 1px;
border-top-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-right-style: solid;
border-right-width: 1px;
border-right-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-left-style: solid;
border-left-width: 1px;
border-left-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-image: linear-gradient(0deg, black, hsla(235.26315789473685, 27.54%, 27.06%, 1.00));
}.div-block.tile {
background-image: linear-gradient(144deg, var(--deep), var(--deep));
}
div block - tile - main
.div-block {
width: 100%;
height: 100%;
border-top-style: solid;
border-top-width: 1px;
border-top-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-right-style: solid;
border-right-width: 1px;
border-right-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-left-style: solid;
border-left-width: 1px;
border-left-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-image: linear-gradient(0deg, black, hsla(235.26315789473685, 27.54%, 27.06%, 1.00));
}.div-block.tile {
background-image: linear-gradient(144deg, var(--deep), var(--deep));
}
div block - tile - white
.div-block {
width: 100%;
height: 100%;
border-top-style: solid;
border-top-width: 1px;
border-top-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-right-style: solid;
border-right-width: 1px;
border-right-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-left-style: solid;
border-left-width: 1px;
border-left-color: hsla(236.25, 24.24%, 25.88%, 1.00);
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
background-image: linear-gradient(0deg, black, hsla(235.26315789473685, 27.54%, 27.06%, 1.00));
}.div-block.tile {
background-image: linear-gradient(144deg, var(--deep), var(--deep));
}.div-block.tile.white {
display: flex;
flex-direction: column;
justify-content: center;
flex-wrap: nowrap;
align-items: flex-start;
}
