:root {

  --bs-primary: #0b67a3;

  --bs-secondary: #084e7c;

  --text-white: #ffffff;

  --text-black: #000000;

  --text-gray: #212329;

}



.font-lato {

  font-family: "Lato", sans-serif;

}



.font-bodoni {

  font-family: "Bodoni Moda", serif;

}



.font-gruppo {

  font-family: "Gruppo", cursive;

}



body {

  background-color: var(--bs-primary);

}



section {

  padding: 3rem 0;

}



a {

  text-decoration: none;

  color: inherit;

}



.color-1 {

  color: var(--text-white);

}

.color-2 {

  color: var(--text-black);

}

.color-3 {

  color: var(--text-gray);

}



p,

h1,

h2,

h3,

h4,

h5,

h6,

span,

ul,

ol {

  color: var(--text-white);

  margin: 0;

}



.text-start {

  text-align: start;

}

.text-center {

  text-align: center;

}

.text-end {

  text-align: end;

}

.text-uppercase {

  text-transform: uppercase;

}



.text-thin {

  font-weight: 100;

}

.text-regular {

  font-weight: 400;

}

.text-semi {

  font-weight: 600;

}

.text-bold {

  font-weight: 800;

}

.text-extrabold {

  font-weight: 900;

}



.bottom-logo {

  transition: transform 0.3s ease;

}

.bottom-logo:hover {

  transform: translateY(-6px);

}