.bg-col-1{background-color: var(--color_1);} .bg-col-2{background-color: var(--color_2);} .bg-col-3{background-color: var(--color_3);} .bg-col-4{background-color: var(--color_4);} .txt-col-1{color: var(--color_1);} .txt-col-2{color: var(--color_2);} .txt-col-3{color: var(--color_3);} .txt-col-4{color: var(--color_4);} .font-1{font-size: 0.8rem;} .font-2{font-size: 1.2rem;} .font-3{font-size: 1.6rem;} .font-4{font-size: 2rem;} .font-5{font-size: 3rem;} .thin{font-weight: 300;} .normal{font-weight: 500;} .bold {font-weight: 700;} .bolder{font-weight: 900;} .flex {display: flex;} .row{flex-direction:row;} .column{flex-direction:column;} .center{align-items: center;} .middle{justify-content: center;} .between {justify-content: space-between;} .around{justify-content: space-around;} .gap-1{gap: 1rem;} .gap-2{gap: 2rem;} .gap-3{gap: 3rem;} .block{display: block;} .grid{display: grid; place-items: center;} .absolute{position: absolute;} .fixed{position: fixed;} .relative{position: relative;} .sticky {position: sticky;} .top-0 {top: 0;} .top-50 {top: 50%;} .left-0{left: 0;} .left-50{left: 50%;} .right-0{right: 0;} .bottom-0{bottom: 0;} .translate {transform: translate(-50%,-50%);} .translateX{transform: translateX(-50%);} .translateY{transform: translateY(-50%);} .paddingX{padding-inline:var(--padX)} .paddingY{padding-block:var(--padY)} .width-100{width: 100%;} .width-50{width: 50%;} .width-25{width: 25%;} .txt-left{text-align: left;} .txt-center{text-align: center;} .txt-right{text-align: right;} .txt-justify{text-align: justify;} .border{border: none;} .display{display: none;} .outline{outline: none;} .overflow{overflow: hidden;} .contain{object-fit: contain;} .cover{object-fit: cover;} .pointer{cursor: pointer;} .ratio{aspect-ratio: 1;} .rounded-5{border-radius:5px;} .rounded-10{border-radius:10px;} .rounded-30{border-radius:30px;} .circle{border-radius:50%;}
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter