/* 
*  global css variables
*/

/* Font links */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Goldman:wght@400;700&family=Montserrat&display=swap');

@font-face {
    font-family: heading;
    src: url(../../fonts/PPTelegraf-UltraBold.ttf);
}

/* Standard preset variables for all pages */
* {
    margin: 0px;
    padding: 0px;
}

html {
    scroll-behavior: smooth;
}

body {
    background-color: var(--white);
    user-select: none;
    overflow-x: hidden !important;
}

body.disable-scroll {
    overflow: hidden !important;
}

h1,h2,h3,p,a,input {
    font-family: var(--fontOne);
    color: var(--text);
}

ul {
    list-style: none;
}

a {
    text-decoration: none
}

/* Wraps all the content */
#pagewrapper {
    max-width: 1920px;
    margin: 0 auto;
}

/* Structured container */
.container {
    max-width: 1600px;
    margin: 0 1.3rem;
    display: flex;
}

/* Color scheme */
:root {
    --white: white;
    --black: black;
    --turqoise: #9FBBB5;

    --fontOne: "Montserrat", sans-serif;
    --fontTwo: "Goldman", sans-serif;
}

/* 
*   Global sizes 
*/
:root {
/* Font Sizes */
  --font-size-xxs: clamp(1rem, 1vw, 1rem); /* 16px - scales with 1vw - max 16px */
  --font-size-xs: clamp(1.125rem, 1.2vw, 1.125rem); /* 18px - scales with 1.2vw - max 18px */
  --font-size-sm: clamp(1.25rem, 1.5vw, 1.25rem); /* 20px - scales with 1.5vw - max 20px */
  --font-size-md: clamp(1.375rem, 1.8vw, 1.375rem);/* 22px - scales with 1.8vw -- max 22px */
  --font-size-lg: clamp(1.75rem, 2.5vw, 1.75rem); /* 28px - scales with 2.5vw - max 28px */
  --font-size-xl: clamp(2rem, 3vw, 2rem); /* 32px - scales with 3vw -- max 32px */
  --font-size-xxl: clamp(2.25rem, 4vw, 2.25rem); /* 36px - scales with 4vw - max 36px */

        /* Fonts */
    --heading: heading;

}