@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');

:root {
    --red: #C22B24;
    --soft-white: #f2f3f4;
    --gray: #6c6c6c;
    --black: #000000;
    -white: #ffffff;
}

* {
    scroll-behavior: smooth;
    box-sizing: border-box;
}

html,
body {
    overscroll-behavior: none;
}

body {
    height: 200vh;
    font-family: "Inter", sans-serif;
    color: var(--soft-white);
    background: var(--black);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Instrument Sans", sans-serif;
    margin: 0;
}

.gradient_instagram {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.inset_shadow {
    box-shadow: inset 0 0 15px var(--soft-white);
}

#videoControlBtn {
    opacity: 1;
    cursor: pointer;
}

#videoControlBtn.hidden {
    opacity: 0;
    pointer-events: none;
}