body {
    margin: 0;
}

.bg-cloud {
    background: url(image/cloud.png) ;
    background-size: 100% 100%;
}
.bg-stripe {
    background: url(image/stripe.svg) ;
}
.bg-frame {
    background: url(image/frame.svg) ;
    background-size: 100% 100%;
}
.bg-color {
    background: url(image/bg-color.png) ;
}
.flex {
    display: flex;
}
.flex-column {
    display: flex;
    flex-direction: column;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.table {
    display: table;
}
.table-row {
    display: table-row;
}

.relative {
    position: relative;
}
.absolute {
    position:absolute;
}
.mt-auto {
    margin-top: auto;
}
.m-4 {
    margin: 1rem;
}
.p-4 {
    padding: 1rem;
}
.p-8 {
    padding: 2rem;
}
.p-12 {
    padding: 3rem;
}
.pt-4 {
    padding-top: 1rem;
}
.pl-12 {
    padding-left: 3rem;
}
.pl-4 {
    padding-left: 1rem;
}
.pr-4 {
    padding-right: 1rem;
}
.pl-8 {
    padding-left: 2rem;
}
.pr-8 {
    padding-right: 2rem;
}
.pr-12 {
    padding-right: 3rem;
}
.top-24 {
    top: 6rem;
}
.right-0 {
    right: 0;
}
.right-24 {
    right: 6rem;
}
.bottom-0 {
    bottom: 0;
}
.w-full {
    width: 100%;
}
.h-100px {
    height: 100px;
}
.justify-items-end {
    justify-items: end;
}
.center {
    text-align: center;
}
.right {
    text-align: right;
}
.horizontal-center {
    left: 50%;
    transform: translate(-50%, 0);
}
.horizontal-right-next {
    right: 0%;
    transform: translate(50%, 0);
}
.translate-x-50 {
    transform: translate(0, -50%);
}
.translate-x50 {
    transform: translate(0, 50%);
}
.cursor-pointer {
    cursor: pointer;
}