.noRadius { border-radius: 0px !important; } /* db d8b db d888888b d8888b. d888888b db db 88 I8I 88 `88' 88 `8D `~~88~~' 88 88 88 I8I 88 88 88 88 88 88ooo88 Y8 I8I 88 88 88 88 88 88~~~88 `8b d8'8b d8' .88. 88 .8D 88 88 88 `8b8' `8d8' Y888888P Y8888D' YP YP YP */ .width5 {width: 5%;} .width10 {width: 10%;} .width15 {width: 15%;} .width20 {width: 20%;} .width25 {width: 25%;} .width30 {width: 30%;} .width35 {width: 35%;} .width40 {width: 40%;} .width45 {width: 45%;} .width50 {width: 50%;} .width55 {width: 55%;} .width60 {width: 60%;} .width65 {width: 65%;} .width70 {width: 70%;} .width75 {width: 75%;} .width80 {width: 80%;} .width85 {width: 85%;} .width90 {width: 90%;} .width95 {width: 95%;} .width100 {width: 100%;} .height100vh { height: 100vh; } .height100 { height: 100%; } .height40px { height: 40px; } /* d88888b .d88b. d8b db d888888b 88' .8P Y8. 888o 88 `~~88~~' 88ooo 88 88 88V8o 88 88 88~~~ 88 88 88 V8o88 88 88 `8b d8' 88 V888 88 YP `Y88P' VP V8P YP */ .uppercase { text-transform: uppercase; } .fw400 { font-weight: 400; } .quote { font-size: 80px; color: var(--color4); } /* d8888b. d888888b .d8888. d8888b. db .d8b. db db 88 `8D `88' 88' YP 88 `8D 88 d8' `8b `8b d8' 88 88 88 `8bo. 88oodD' 88 88ooo88 `8bd8' 88 88 88 `Y8b. 88~~~ 88 88~~~88 88 88 .8D .88. db 8D 88 88booo. 88 88 88 Y8888D' Y888888P `8888Y' 88 Y88888P YP YP YP */ .displayNone {display: none !important;} .displayBlock {display: block !important;} .hidded { display: none; } .inline-block { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; } .DR {display: flex; flex-direction: row;} .DC {display: flex; flex-direction: column;} .JC {justify-content: center;} .JSA {justify-content: space-around;} .JSB {justify-content: space-between;} .JFA {justify-content: flex-start;} .JFE {justify-content: flex-end;} .AIC {align-items: center;} .AIB {align-items: baseline;} .AIS {align-items: stretch;} .FW {flex-wrap: wrap}; /* ███╗ ███╗ █████╗ ██████╗ ██████╗ ██╗███╗ ██╗ ██╗ ██████╗ █████╗ ██████╗ ██████╗ ██╗███╗ ██╗ ██████╗ ████╗ ████║██╔══██╗██╔══██╗██╔════╝ ██║████╗ ██║ ██╔╝ ██╔══██╗██╔══██╗██╔══██╗██╔══██╗██║████╗ ██║██╔════╝ ██╔████╔██║███████║██████╔╝██║ ███╗██║██╔██╗ ██║ ██╔╝ ██████╔╝███████║██║ ██║██║ ██║██║██╔██╗ ██║██║ ███╗ ██║╚██╔╝██║██╔══██║██╔══██╗██║ ██║██║██║╚██╗██║ ██╔╝ ██╔═══╝ ██╔══██║██║ ██║██║ ██║██║██║╚██╗██║██║ ██║ ██║ ╚═╝ ██║██║ ██║██║ ██║╚██████╔╝██║██║ ╚████║ ██╔╝ ██║ ██║ ██║██████╔╝██████╔╝██║██║ ╚████║╚██████╔╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ ╚═╝ ╚═════╝ ╚═╝╚═╝ ╚═══╝ ╚═╝ ╚═╝ ╚═╝ ╚═╝╚═════╝ ╚═════╝ ╚═╝╚═╝ ╚═══╝ ╚═════╝ */ .marginAuto {margin: auto;} .marginLRAuto { margin: 0 auto;} .marginTBAuto { margin: auto 0;} .margin0 {margin : 0px !important;} .margin1 {margin : 1% !important;} .marginB1 { margin-bottom: 1%;} .marginB2 { margin-bottom: 2%;} .marginB3 { margin-bottom: 3%;} .marginB4 { margin-bottom: 4%;} .marginB5 { margin-bottom: 5%;} .marginT1 { margin-top : 1%;} .marginT2 { margin-top : 2%;} .marginL2 { margin-left : 2%;} .marginLR0 { margin-left : 0%; margin-right: 0%;} .marginLR1 { margin-left : 1%; margin-right: 1%;} .marginLR2 { margin-left : 2%; margin-right: 2%;} .marginTB0 { margin-top : 0%; margin-bottom : 0%;} .marginTB1 { margin-top : 1%; margin-bottom : 1%;} .marginTB2 { margin-top : 2%; margin-bottom : 2%;} .marginTB10 { margin-top: 10%; margin-bottom: 10%;} .marginTB15 { margin-top: 15%; margin-bottom: 15%;} .marginTB20 { margin-top: 20%; margin-bottom: 20%;} .marginTB25 { margin-top: 25%; margin-bottom: 25%;} .marginTB50 { margin-top: 50%; margin-bottom: 50%;} @media (max-width: 767px) { .marginB-xs-0 {margin-bottom: 0%;} .marginB-xs-1 {margin-bottom: 1%;} .marginB-xs-2 {margin-bottom: 2%;} .marginB-xs-3 {margin-bottom: 3%;} .marginB-xs-4 {margin-bottom: 4%;} .marginB-xs-5 {margin-bottom: 5%;} .marginB-xs-10 {margin-bottom: 10%;} .marginT-xs-0 {margin-top: 0%;} .marginT-xs-1 {margin-top: 1%;} .marginT-xs-2 {margin-top: 2%;} .marginT-xs-3 {margin-top: 3%;} .marginT-xs-4 {margin-top: 4%;} .marginT-xs-5 {margin-top: 5%;} .marginT-xs-10 {margin-top: 10%;} } @media (min-width: 768px) AND (max-width: 991px) { .marginB2_sm {margin: 0 0 2% 0;} } @media (min-width: 992px) AND (max-width: 1199px) { .marginB2_md {margin: 0 0 2% 0;} } @media (min-width: 1200px) { .marginB2_lg {margin: 0 0 2% 0;} } .padding0 { padding: 0px !important;} .paddingB1 {padding-bottom: 1%;} .padding1 {padding: 1%;} .paddingB2 {padding-bottom: 2%;} .padding2 {padding: 2%;} .paddingT1 {padding-top: 1%;} .paddingT2 {padding-top: 2%;} .paddingL3 {padding-left: 3%;} .paddingLR0 {padding-left: 0; padding-right: 0;} .paddingLR1 {padding-left: 1%; padding-right: 1%;} .paddingLR2 {padding-left: 2%; padding-right: 2%;} .paddingTB1 {padding-top: 1%; padding-bottom: 1%;} .paddingTB2 {padding-top: 2%; padding-bottom: 2%;} /* ██████╗ ███████╗██╗ ██╗██████╗ ██╔══██╗██╔════╝██║ ██║██╔══██╗ ██║ ██║█████╗ ██║ ██║██████╔╝ ██║ ██║██╔══╝ ╚██╗ ██╔╝██╔═══╝ ██████╔╝███████╗ ╚████╔╝ ██║ ╚═════╝ ╚══════╝ ╚═══╝ ╚═╝ */ .dev1 { border: 1px solid blue; } .dev2 { border: 1px solid red; } .dev3 { border: 1px solid green; } .dev4 { border: 1px solid orangered; } .dev5 { border: 1px solid turquoise; } .dev6 { border: 1px solid purple; } .dev7 { border: 1px solid pink; } .dev8 { border: 1px solid gray; } /* */ /* ██████╗ ███████╗██████╗ ██████╗ ██████╗ ████████╗███████╗████████╗██████╗ █████╗ ██████╗ ██╔══██╗██╔════╝██╔══██╗██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝╚══██╔══╝██╔══██╗██╔══██╗██╔══██╗ ██████╔╝█████╗ ██████╔╝██║ ██║██║ ██║ ██║ ███████╗ ██║ ██████╔╝███████║██████╔╝ ██╔══██╗██╔══╝ ██╔══██╗██║ ██║██║ ██║ ██║ ╚════██║ ██║ ██╔══██╗██╔══██║██╔═══╝ ██║ ██║███████╗██████╔╝╚██████╔╝╚██████╔╝ ██║ ███████║ ██║ ██║ ██║██║ ██║██║ ╚═╝ ╚═╝╚══════╝╚═════╝ ╚═════╝ ╚═════╝ ╚═╝ ╚══════╝ ╚═╝ ╚═╝ ╚═╝╚═╝ ╚═╝╚═╝ */ .BR20 { border-radius: 20px; } .bold { font-weight: 1000; } .semi-bold { font-weight: 600; } .text-left-i { text-align: left !important; } .text-right-i { text-align: right !important; } .text-center-i { text-align: center !important; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; }