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

:root {
    --primary-color: #fad3ce;
    --secondary-color: rgb(64, 71, 71);
    --accent1-color: #e6a5a1;
    --accent2-color: #d7ebdf;
    --accent3-color: #ce615a;

    --white: #fff;
    --black: #111;
    --blue: #3a80e9;
    --grey: #888;
    --darkgrey: #1b1b1b;
    --green: #61c96f;
    --red: #f94141;
    --gold: hsla(54, 98%, 52%, 0.801);

    min-height: 100vh;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
}


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
    background: transparent;
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 400;
}

html {
  scroll-snap-type: y mandatory;
}

body {
    background-color: var(--white);
    color: var(--secondary-color);
    overflow: hidden;
    overflow-y: scroll;
    min-height: 100vh;
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
}

::selection {
    background-color: var(--secondary-color);
    color: var(--white);
  }
  
  /* width */
  ::-webkit-scrollbar {
    width: 0.3rem;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    background: var(--primary-color)
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: var(--secondary-color);
    border-radius: 3rem;
  }

  img {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
  }

  p, h1, h2, h3, h4, span, div {
      -webkit-user-select: none;  /* Safari */
      -ms-user-select: none;      /* IE/Edge */
      user-select: none;          /* Standard syntax */
    }

  

  @media screen and (max-width: 420px) {
    :root {
        width: 100vw;
        min-width: 100%;
        overflow-x: hidden;
    }

    body {
        width: 100vw;
        min-width: 100%;
        overflow-x: hidden;
    }
}