* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    color-scheme: light dark;
    --base-color: white;
    --base-variant: #e8e9ed;
    --text-color: #111528;
    --secondary-text: #232738;
    --primary-color: #3a435d;
    --accent-color: #0071ff;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #121212;
    color: #fff;
  }
  /* additional dark mode styles */
}

@media (prefers-color-scheme: light) {
  body {
    background: #fff;
    color: #222;
  }
  /* additional light mode styles */
}

.darkmode {
    --base-color: #070b1d;
    --base-variant: #101425;
    --text-color: #ffffff;
    --secondary-text: #a4a5b8;
    --primary-color: #3a435d;
    --accent-color: #0071ff;
}

body {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
}

ul {
    list-style: none;
    text-decoration: none;
}

a {
    text-decoration: none;
}

.f-c-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

.h-50 {
    height: 3.125rem;
}

.d-none {
    display: none;
}

.h-80 {
    height: 80vh;
}

.h-10 {
    height: 10vh;
}

.m-20 {
    margin-bottom: 1.5rem;
}

.gap-20 {   
    gap: 2rem;
}

.w-600 {
    font-weight: 600;
}