html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
input,
kbd,
q,
s,
samp,
small,
select,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font: inherit;
    font-family: 'Poppins', sans-serif;
    vertical-align: baseline;
}


body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
    width: fit-content;
}


a {
    all: unset;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-family: 'Poppins';
    vertical-align: baseline;
}

button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
}
.items-center {
    align-items: center;
}

.items-baseline {
    align-items: baseline;
}

.items-flex-start {
    align-items: flex-start;
}

.items-flex-end {
    align-items: flex-end;
}

.items-stretch {
    align-items: stretch;
}

.items-start {
    align-items: start;
}

.items-end {
    align-items: end;
}
.btn-none {
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
    text-decoration: none;
}
.color-green {
    color: green;
}

.color-blue {
    color: blue;
}

.color-red {
    color: red;
}

.color-black {
    color: black;
}

.color-white {
    color: white;
}

.color-yellow {
    color: yellow;
}
.dp-flex-row {
    display: flex;
    flex-direction: row;
}

.dp-flex-column {
    display: flex;
    flex-direction: column;
}

.dp-flex-wrap {
    flex-wrap: wrap;
}

.dp-none {
    display: none;
}

.dp-block {
    display: block;
}

.dp-inline-block {
    display: inline-block;
}
.flex-wrap-50 {
    flex: 0 0 50%;
}

.flex-wrap-49 {
    flex: 0 0 49%;
}

.flex-wrap-48 {
    flex: 0 0 48%;
}

.flex-wrap-33 {
    flex: 0 0 33%;
}

.flex-wrap-32 {
    flex: 0 0 32%;
}

.flex-wrap-31 {
    flex: 0 0 31%;
}

.flex-wrap-12 {
    flex: 0 0 12%;
}

.flex-wrap-25 {
    flex: 0 0 25%;
}

.flex-wrap-24 {
    flex: 0 0 24%;
}

.flex-wrap-23 {
    flex: 0 0 23%;
}

.flex-wrap-22 {
    flex: 0 0 22%;
}

.flex-wrap-21 {
    flex: 0 0 21%;
}

.flex-wrap-20 {
    flex: 0 0 20%;
}
.ff-poppins{
    font-family: 'Courier New', Courier, sans-serif;
}

.segatha {
    font-family: 'Segatha';
}

.chronicle-display-semibold {
    font-family: 'ChronicleDisplaySemibold';
}


@font-face {
    font-family: 'Segatha';
    src: url('../assets/font-families/Segatha.ttf') format('truetype');
}

@font-face {
    font-family: 'ChronicleDisplaySemibold';
    src: url('../assets/font-families/Chronicle Display Semibold.otf') format('opentype');
}
.font-size-133 {
    font-size: 133px;
}

.font-size-95 {
    font-size: 95px;
}

.font-size-70 {
    font-size: 70px;
}

.font-size-60 {
    font-size: 60px;
}

.font-size-45 {
    font-size: 45px;
}

.font-size-40 {
    font-size: 40px;
}

.font-size-35 {
    font-size: 35px;
}

.font-size-30 {
    font-size: 30px;
}

.font-size-25 {
    font-size: 25px;
}

.font-size-24 {
    font-size: 24px;
}

.font-size-22 {
    font-size: 22px;
}

.font-size-20 {
    font-size: 20px;
}

.font-size-19 {
    font-size: 19px;
}

.font-size-18 {
    font-size: 18px;
}

.font-size-17 {
    font-size: 17px;
}

.font-size-16 {
    font-size: 16px;
}

.font-size-15 {
    font-size: 15px;
}

.font-size-14 {
    font-size: 14px;
}

.font-size-13 {
    font-size: 13px;
}

.font-size-12 {
    font-size: 12px;
}

.font-size-11 {
    font-size: 11px;
}

.font-size-10 {
    font-size: 10px;
}

.font-size-9 {
    font-size: 9px;
}
.font-style-italic {
    font-style: italic;
}

.font-style-normal {
    font-style: normal;
}

.font-style-oblique {
    font-style: oblique;
}

.font-style-inherit {
    font-style: inherit;
}

.font-style-initial {
    font-style: initial;
}

.font-style-unset {
    font-style: unset;
}
.font-weight-lighter {
    font-weight: lighter;
}

.font-weight-normal {
    font-weight: normal;
}

.font-weight-bold {
    font-weight: bold;
}

.font-weight-bolder {
    font-weight: bolder;
}

.font-weight-900 {
    font-weight: 900;
}

.font-weight-800 {
    font-weight: 800;
}

.font-weight-700 {
    font-weight: 700;
}

.font-weight-600 {
    font-weight: 600;
}

.font-weight-500 {
    font-weight: 500;
}

.font-weight-400 {
    font-weight: 400;
}

.font-weight-300 {
    font-weight: 300;
}

.font-weight-200 {
    font-weight: 200;
}

.font-weight-100 {
    font-weight: 100;
}

.font-weight-inherit {
    font-weight: inherit;
}

.font-weight-initial {
    font-weight: initial;
}

.font-weight-unset {
    font-weight: unset;
}
.height-100 {
    height: 100%;
}

.height-100vh {
    height: 100vh;
}

.justify-content-baseline {
    justify-content: baseline;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-end {
    justify-content: end;
}

.justify-content-flex-end {
    justify-content: flex-end;
}

.justify-content-flex-start {
    justify-content: flex-start;
}

.justify-content-space-around {
    justify-content: space-around;
}

.justify-content-space-between {
    justify-content: space-between;
}

.justify-content-space-evenly {
    justify-content: space-evenly;
}

.justify-content-start {
    justify-content: start;
}

.justify-content-stretch {
    justify-content: stretch;
}

.justify-content-inherit {
    justify-content: inherit;
}

.justify-content-initial {
    justify-content: initial;
}

.justify-content-unset {
    justify-content: unset;
}
/* MARGINS */
.m-y1 {
    margin: 1%;
}

.m-y2 {
    margin: 2%;
}

.m-y3 {
    margin: 3%;
}

.m-y4 {
    margin: 4%;
}

.m-y5 {
    margin: 5%;
}



/* MARGIN TOPS */
.mt-y1 {
    margin-top: 1%;
}

.mt-y2 {
    margin-top: 2%;
}

.mt-y3 {
    margin-top: 3%;
}

.mt-y4 {
    margin-top: 4%;
}

.mt-y5 {
    margin-top: 5%;
}



/* MARGIN BOTTOMS */
.mb-y1 {
    margin-bottom: 1%;
}

.mb-y2 {
    margin-bottom: 2%;
}

.mb-y3 {
    margin-bottom: 3%;
}

.mb-y4 {
    margin-bottom: 4%;
}

.mb-y5 {
    margin-bottom: 5%;
}



/* MARGIN RIGHTS */
.mr-y1 {
    margin-right: 1%;
}

.mr-y2 {

    margin-right: 2%;
}

.mr-y3 {

    margin-right: 3%;
}

.mr-y4 {

    margin-right: 4%;
}

.mr-y5 {
    margin-right: 5%;
}



/* MARGIN LEFTS */
.ml-y1 {
    margin-left: 1%;
}

.ml-y2 {
    margin-left: 2%;
}

.ml-y3 {
    margin-left: 3%;
}

.ml-y4 {
    margin-left: 4%;
}

.ml-y5 {
    margin-left: 5%;
}



/* MARGIN TOPS - BOTTOMS */
.mt-mb-5 {
    margin: 5px 0;
}

.mt-mb-y1 {
    margin: 1% 0;
}

.mt-mb-y25 {
    margin: 2% 0;
}

.mt-mb-y5 {
    margin: 5% 0;
}

.mt-mb-10 {
    margin: 10px 0;
}

.mt-mb-15 {
    margin: 15px 0;
}

.mt-mb-25 {
    margin: 25px 0;
}

.mt-mb-35 {
    margin: 35px 0;
}

.mt-mb-50 {
    margin: 50px 0;
}

.mt-mb-70 {
    margin: 70px 0;
}

.mt-mb-15-5 {
    margin: 15% 0 5% 0;
}









.ml-mr-5 {
    margin: 0 5px;
}

.ml-mr-10 {
    margin: 0 10px;
}
/* PADDINGS */
.p-y1 {
    padding: 1%;
}

.p-y2 {
    padding: 2%;
}

.p-y3 {
    padding: 3%;
}

.p-y4 {
    padding: 4%;
}

.p-y5 {
    padding: 5%;
}



/* PADDING TOPS */
.pt-y1 {
    padding-top: 1%;
}

.pt-y2 {
    padding-top: 2%;
}

.pt-y3 {
    padding-top: 3%;
}

.pt-y4 {
    padding-top: 4%;
}

.pt-y5 {
    padding-top: 5%;
}



/* PADDING BOTTOMS */
.pb-y1 {
    padding-bottom: 1%;
}

.pb-y2 {
    padding-bottom: 2%;
}

.pb-y3 {
    padding-bottom: 3%;
}

.pb-y4 {
    padding-bottom: 4%;
}

.pb-y5 {
    padding-bottom: 5%;
}



/* PADDING RIGHTS */
.pr-y1 {
    padding-right: 1%;
}

.pr-y2 {

    padding-right: 2%;
}

.pr-y3 {

    padding-right: 3%;
}

.pr-y4 {

    padding-right: 4%;
}

.pr-y5 {
    padding-right: 5%;
}



/* PADDING LEFTS */
.pl-y1 {
    padding-left: 1%;
}

.pl-y2 {
    padding-left: 2%;
}

.pl-y3 {
    padding-left: 3%;
}

.pl-y4 {
    padding-left: 4%;
}

.pl-y5 {
    padding-left: 5%;
}
.text-align-center {
    text-align: center;
}

.text-align-end {
    text-align: end;
}

.text-align-justify {
    text-align: justify;
}

.text-align-left {
    text-align: left;
}

.text-align-right {
    text-align: right;
}

.text-align-start {
    text-align: start;
}

.text-align-inherit {
    text-align: inherit;
}

.text-align-initial {
    text-align: initial;
}

.text-align-unset {
    text-align: unset;
}
.text-decoration-dashed {
    text-decoration: dashed;
}

.text-decoration-dotted {
    text-decoration: dotted;
}

.text-decoration-double {
    text-decoration: double;
}

.text-decoration-line-through {
    text-decoration: line-through;
}

.text-decoration-none {
    text-decoration: none;
}

.text-decoration-overline {
    text-decoration: overline;
}

.text-decoration-solid {
    text-decoration: solid;
}

.text-decoration-wavy {
    text-decoration: wavy;
}

.text-decoration-underline {
    text-decoration: underline;
}
.text-transform-capitalize {
    text-transform: capitalize;
}

.text-transform-lower {
    text-transform: lowercase;
}

.text-transform-none {
    text-transform: none;
}

.text-transform-upper {
    text-transform: uppercase;
}
.width-fill-available{
    width: -webkit-fill-available;
}

.width-inherit {
    width: inherit;
}

.width-max-content {
    width: max-content;
}

.width-min-content{
    width: min-content;
}

.width-100 {
    width: 100%;
}

.width-95 {
    width: 95%;
}

.width-90 {
    width: 90%;
}

.width-85 {
    width: 85%;
}

.width-80 {
    width: 80%;
}

.width-75 {
    width: 75%;
}

.width-70 {
    width: 70%;
}

.width-65 {
    width: 65%;
}

.width-60 {
    width: 60%;
}

.width-55 {
    width: 55%;
}

.width-50 {
    width: 50%;
}

.width-45 {
    width: 45%;
}

.width-40 {
    width: 40%;
}

.width-35 {
    width: 35%;
}

.width-33 {
    width: 33%;
}

.width-30 {
    width: 30%;
}

.width-25 {
    width: 25%;
}

.width-20 {
    width: 20%;
}

.width-15 {
    width: 15%;
}

.width-10 {
    width: 10%;
}

.width-8 {
    width: 8%;
}

.width-5 {
    width: 5%;
}

.width-3 {
    width: 3%;
}

.width-1 {
    width: 1%;
}