/* Import "Syne" Font-Family from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');

/* Import CSS Files */
@import url('header.css');
@import url('main.css');
@import url('sponsors.css');

* {
  font-family: 'Syne', sans-serif;
  font-weight: 400;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

:root {
  --blue-color: #0147ff;
  --black-color: #000000;
  --white-color: #ffffff;
  --dark-gray-color: #1a1a1a;
  --light-gray-color: #bdbdbd;

  --fast-transition: all 0.3s ease;
  --slow-transition: all 0.5s ease;
}

body {
  background-color: var(--black-color);
  color: var(--white-color);
  background-image: linear-gradient(#0149ff36, var(--black-color));
  background-size: cover;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 10px;
}