@font-face {
    font-family: Sharp Sans;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(Medium.989ae082.woff2) format("woff2")
}

@font-face {
    font-family: Sharp Sans;
    font-style: semibold;
    font-weight: 600;
    font-display: swap;
    src: url(SemiBold.5cbe3df4.woff2) format("woff2")
}

@font-face {
    font-family: Sharp Sans;
    font-style: bold;
    font-weight: 700;
    font-display: swap;
    src: url(Bold.5473f3df.woff2) format("woff2")
}

@font-face {
    font-family: Sharp Sans;
    font-style: extrabold;
    font-weight: 800;
    font-display: swap;
    src: url(ExtraBold.2f4fd111.woff2) format("woff2")
}

html {
    scroll-behavior: smooth;
}

:target {
    scroll-margin-top: 2rem;
}

::-moz-selection {
    color: #ffffff;
    background: #30B3D7;
}

::selection {
    color: #ffffff;
    background: #30B3D7;
}

input[disabled] ~ span {
    opacity: 0.6;
}