body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: 'Sansation', sans-serif !important;
    scroll-behavior: smooth;
}

* {
    box-sizing: border-box;
}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Sansation', sans-serif !important;
    font-weight: 400;
    color: #1A212F;
    margin: 0;
}

h1 {
    font-size: 28px;
    text-align: center;
}

h2 {
    font-size: 27px;
}

h3 {
    font-size: 26px;
}

h4 {
    font-size: 25px;
}

h5 {
    font-size: 24px;
}

h6 {
    font-size: 23px;
}

p {
    font-family: 'Sansation', sans-serif !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 19.2px;
    text-align: left;
    margin: 0;
}

@media (min-width: 564px) {
    h1 {
        font-size: 57px;
        line-height: 66px;
    }

    h2 {
        font-size: 51px;
    }

    h3 {
        font-size: 46px;
    }

    h4 {
        font-size: 40px;
    }

    h5 {
        font-size: 34px;
    }

    h6 {
        font-size: 28px;
    }
}

/*Quill*/
.ql-snow {
    margin-top: 100px;
    font-family: 'Sansation', sans-serif !important;
    word-wrap: break-word;
    tab-size: 4;
    -moz-tab-size: 4;
    text-align: left;
    white-space: pre-wrap;
}

.ql-snow img {
    max-width: 100%;
    border-radius: 15px;
}

.ql-snow h1 {
    max-width: 100%;
    border-radius: 15px;
    text-align: start;
}

.ql-snow h1 span, .ql-snow p span {
    padding: 5px 15px;
    border-radius: 5px;
}

.ql-snow .ql-video {
    width: 100%;
    min-height: 500px;
    border-radius: 15px;
}

.ql-snow .ql-picker-label svg {
    vertical-align: baseline
}

.ql-snow .ql-align-center {
    text-align: center;
}

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

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

.ql-snow frame{
    border-radius: 15px;
}

.ql-snow .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em
}

.ql-snow li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em
}

.ql-snow .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em
}

.ql-snow li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em
}

.ql-snow .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em
}

.ql-snow li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em
}

.ql-snow .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em
}

.ql-snow li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em
}

.ql-snow .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em
}

.ql-snow li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em
}

.ql-snow .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em
}

.ql-snow li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em
}

.ql-snow .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em
}

.ql-snow li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em
}

.ql-snow .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em
}

.ql-snow li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em
}

.ql-snow .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em
}

.ql-snow li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em
}

.ql-snow .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em
}

.ql-snow li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em
}

.ql-snow .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em
}

.ql-snow li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em
}

.ql-snow .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em
}

.ql-snow li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em
}

.ql-snow .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em
}

.ql-snow li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em
}

.ql-snow .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em
}

.ql-snow li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em
}

.ql-snow .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em
}

.ql-snow li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em
}

.ql-snow .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em
}

.ql-snow li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em
}

.ql-snow .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em
}

.ql-snow li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em
}

.ql-snow .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em
}

.ql-snow li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em
}

.ql-snow li.ql-direction-rtl {
    padding-right: 1.5em
}

.ql-snow blockquote {
    border-left: 4px solid #ccc;
    margin-bottom: 5px;
    margin-top: 5px;
    padding-left: 16px;
}

.ql-snow .ql-code-block-container {
    background-color: #080b0f;
    color: #f8f8f2;
    overflow: visible;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 10px;
    border-radius: 15px;
}

@media (min-width: 564px) {
    .ql-snow .ql-video {
        border-radius: 25px;
    }

    .ql-snow img {
        border-radius: 25px;
    }
}