* {
  margin: 0;
  padding: 0;
}

:root {
  --primary-color: #fff;
  --secondary-color: rgb(10, 10, 20);
  --accent-color: rgb(92, 92, 102);
  --spacing-left: 25%;
}

body {
  height: 500px;
  background-image: url("assets/asphalt9.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.mainContainer > h1 {
  font-size: 80px;
  color: var(--primary-color);
  margin-top: 10%;
  margin-left: var(--spacing-left);
  text-transform: uppercase;
}
.mainContainer > p {
  font-size: 2rem;
  margin-left: var(--spacing-left);
  text-transform: uppercase;
  color: var(--primary-color);
}
.mainContainer > h2 {
  font-size: 1.5em;
  margin-left: var(--spacing-left);
  color: var(--primary-color);
}

.firstContainer {
  height: 350px;
  margin-top: 20%;
  background-color: var(--secondary-color);
}
.firstContainer > p {
  text-align: left;
  padding-top: 5%;
  margin-left: var(--spacing-left);
  font-size: 25px;
  color: var(--primary-color);
}

.secondContainer {
  height: 200px;
  background-color: var(--accent-color);
}