html,
body {
    box-sizing: border-box;
}
*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    background: $bg-color;
    color: $text-color;
    padding: 0;
    font-feature-settings: 'liga' 0;
    line-height: 1.5;
    // background: linear-gradient(180deg, rgb(30, 32, 32) 0%, rgb(55, 58, 58) 100%) fixed;

    @include primary-font;
    @include small {
        font-size: $root-size-mobile;
    }
    @include large {
        font-size: $root-size;
        // border: 10px solid $active-color;
        // padding: 10px;
        overflow: hidden;
        min-height: 100vh;
    }
}

h1,
h2,
h3,
h4,
h5,
h6 {
    @include secondary-font;
    margin: 0 0 $spacing 0;
}

p,
ul,
ol {
    margin: 0 0 $spacing 0;
    @include small {
        line-height: 1.6;
    }
    @include medium-large {
        line-height: 1.8;
    }
}

a {
    text-decoration: none;
    &,
    &:link,
    &:visited,
    &:active,
    &:focus {
        @include small {
            color: $active-color;
        }
        @include medium-large {
            color: $active-color;
        }
    }
    &:hover {
        position: relative;
        text-decoration: underline;
    }
    &.button,
    &.resp-sharing-button__link {
        &:hover {
            animation: none;
        }
    }
}

.conclusion__byline {
    text-align: right;
    display: block;
    @include font-bold;
}

.Block {
    margin-bottom: $spacing * 3;
    &--text {
    }
    &__Heading {
        text-align: center;
    }
    &__Content {
    }
}

.hidden {
    padding: 0;
    width: 1px;
    height: 1px;
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    overflow: hidden;
    border: 0;
}
