@font-face {
    font-family: "Long Shot";
    src: url('/fonts/Long_Shot.ttf');
    src: url('/fonts/Long_Shot.ttf') format('truetype');
}

*,
*::before,
*::after {
    box-sizing: border-box;
    background-repeat: no-repeat;
}

* {
    font-family: "Long Shot", sans-serif;
}

html {
    scroll-behavior: smooth;
}

html,
body {
    max-width: 100%;
    overflow-x: hidden;
}

body {
    width: 100vw;
    width: 100dvw;
    min-height: 100vh;
    min-height: 100dvh;
    margin: 0;
    padding: 0;
    background: rgb(255, 34, 250);
    background: -moz-linear-gradient(90deg, rgba(255, 34, 250, 1) 0%, rgba(6, 88, 254, 1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(255, 34, 250, 1) 0%, rgba(6, 88, 254, 1) 100%);
    background: linear-gradient(90deg, rgba(255, 34, 250, 1) 0%, rgba(6, 88, 254, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff22fa", endColorstr="#0658fe", GradientType=1);
}

main {
    margin: 0;
    width: 100vw;
    width: 100dvw;
    height: 100vh;
    height: 100dvh;
    text-align: center;
    display: block;
    align-items: center;
    justify-content: center;
    color: #fff;
}

h1 {
    font-size: clamp(5rem, 10vw, 9rem);
    letter-spacing: .6rem;
}

h2 {
    font-size: clamp(2rem, 10vw, 6rem);
    letter-spacing: .4rem;
}

p.links {
    align-items: center;
    justify-content: center;
}

p.links a:not(:last-child) {
    margin-right: 1rem;
}

p.copyright {
    font-size: clamp(1rem, 10vw, 4rem);
}