@import url("https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
:root {
  /* COLOR CODE */
  --color1: #ff7365;
  --color2: #ff8b4b;
  --color-white: #fff;
  --top-banner: #ff8b42;
  --font-black: #000000;
  --font-blue: #2b5b7a;
  --color-grey: rgb(138, 138, 138);
  --font-white: #fff;
  --font-violet: #6507a3;
  --font-red: crimson;
  --card-neon_green: #a9ff05;
  --shadow: #edeae5;
  /* FONT WEIGHT */
  --fw-100: 100;
  --fw-200: 200;
  --fw-300: 300;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --fw-800: 800;
  --smallertext-font: 1.15rem;
  --smalltext-font: 1.35rem;
  --normaltext-font: 1.4rem;
  --mediumtext-font: 1.6rem;
  --largetext-font: 1.8rem;
  --extralarge-font: 3.5rem;
  /* FONT FAMILY */
  --ff-roboto: "Roboto", serif;
  --ff-sans: "Open Sans", sans-serif;
  --font-normal: normal;
  --card-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px,
    rgba(0, 0, 0, 0.24) 0px 1px 2px;
  --card-shadow2: rgba(0, 0, 0, 0.16) 0px 3px 6px,
    rgba(0, 0, 0, 0.23) 0px 3px 6px;
  --card-shadow3: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

*,
html {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 10px;
}

body {
  width: 100%;
  height: 100vh;
  background-image: linear-gradient(0deg, var(--color1), var(--color2));
  display: flex;
  flex-direction: column;
  font-family: var(--ff-sans);
}/*# sourceMappingURL=style.css.map */