[un-cloak] {
    display: none;
}

html {
    scroll-padding-top: 100px;
}

@media screen and (max-width: 768px) {
    html {
        scroll-padding-top: 60px;
    }
}

.clip-text {
    display: inline-block;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

mark {
    background:linear-gradient(transparent 60%,#FFE7B4 40%);
    background-repeat: no-repeat;
    background-size: 0% 100%;
}