/* Font Imports */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap");

/* CSS Reset */

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

/* Color variables */

:root {
  --component-background: #121826a6;
  --black: #212936;
  --main-pink: #c93b76;
  --white: #e5e7eb;
  --grey: #4d5562;
}

/* Universal body styling */

body {
  min-height: 100vh;
  font-family: "Inter", sans-serif;
  background-image: url("../assets/covers/bg.jpg");
  display: flex;
  align-items: center;
  justify-content: center;
}

/* reusable classes */

.flex {
  display: flex;
}

.flex-col {
  display: flex;
  flex-direction: column;
}