/* Reset and Base Styles */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

/* Hide everything by default until JS finishes */
html.loading body {
  visibility: hidden;
}

body {
  font-family: 'Segoe UI', sans-serif;
}

/* Making a css variable for colors */
/*root lets us use these variables anywhere */
:root { 
 --primary-color: #5cb85c;
 --light-color: #f4f4f6;
 --dark-color: #333;
 --background-color: #fff;
 --main-text-color: #000;
 --secondary-text-color: #fff;

}