/* 
--- 01 TYPOGRAPHY
SPACING SYSTEM (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

     - Font Weight:
     Default: 400
    Medium: 500
     semi bold: 600
     bold: 700

     - Line Height: 
      Default: 1
      small: 1.05
      medium: 1.2
      paragarph default: 1.6

      - Letter spacing
      -.5 px
      .75 px


      FONT SIZE SYSTEM (px)
      10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98
 --- 02 Colors
 - Primary:  #e67e22
 - Tints:  #fdf2e9
 - Shades:#cf711f
 - Accents:
 - Greys:
 #555
 #333
 --- 05 SHADOWS
 --- 06 BORDER-RADIUS
 Default: 9px
 --- 07 WHITESPACE
 - Spacing system (px)
      2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128


*/
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
*:focus {
  outline: none;
}
html {
  /* font-size: 10px; */
  font-size: 62.5%;
}
body {
  font-family: "Rubik", sans-serif;
  line-height: 1;
  font-weight: 400;
  color: #555;
  background-color: rgba(0, 149, 120, 255);
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
input,
button {
  padding: 0.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  border: none;
  width: 100%;
  cursor: pointer;
}

/***********************/
/* General Reusable Componenet */
/***********************/