html {
    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;
    @include primary-font;
    @include small {
        font-size: $root-size-mobile;
    }
    @include large {
        font-size: $root-size;
        border: 10px solid $active-color;
        padding: 1px;
        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;
    }
}

@keyframes blinkfast {
    from {
        color: $active-color;
    }
    50% {
        color: $hover-color;
    }
    to {
        color: $active-color;
    }
}
@keyframes threedee {
    from {
        top: 0px;
        left: 0px;
        text-shadow: 0px 1px 0 $purple, 1px 1px 1px $purple;
    }
    30% {
        top: -1px;
        left: -1px;
        text-shadow: 0px 1px 0 $purple, 1px 2px 0 $purple, 1px 1px 3px $purple;
    }
    60% {
        color: $hover-color;
        top: -2px;
        left: -2px;
        text-shadow: 0px 1px 0 $purple, 1px 2px 0 $purple, 2px 3px 0 $purple, 1px 1px 4px $purple;
    }
    to {
        color: $hover-color;
        top: -3px;
        left: -3px;
        text-shadow: 0px 1px 0 $purple, 1px 2px 0 $purple, 2px 3px 0 $purple, 3px 4px 0 $purple,
            1px 1px 5px $purple;
    }
}

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;
}
