@import url('./css/container.css');
@import url('./css/flex.css');
@import url('./css/front.css');
@import url('./css/navbar.css');

* {
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  background: linear-gradient(#0575E6, #021B79);
  background-attachment: fixed;
  font-family: 'Lato', 'Roboto', 'Open Sans', sans-serif;
  font-size: 18.75px;
  line-height: 1.5;
  margin: 0px;
}

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  line-height: inherit;
  font-size: inherit;
  font-weight: inherit;
  margin: 0px;
}

.bg-dark { background-color: #242124; }
.bg-darkred { background-color: darkred !important; }
.bg-darkred-hover:hover { background-color: darkred; }
.bg-light { background-color: #fdfdfd; }
.bg-white { background-color: white; }
.bg-dark-hover:hover { background-color: #242124; }
.bg-white-hover:hover { background-color: white; }

.border {
  border-style: solid;
  border-width: 3.125px;
}

.border-dark { border-color: #242124; }
.border-darkred { border-color: darkred; }
.border-light { border-color: #fdfdfd; }
.border-radius { border-radius: 25px; }

.btn {
  display: flex;
  align-items: center;
  justify-content: center;

  background-color: transparent;
  border: none;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  height: 50px;
  max-height: 50px;

  padding-left: 25px;
  padding-right: 25px;

  text-decoration: none;
}

.btn:hover { cursor: pointer; }

.cover {
  height: 100vh;
  width: 100%;
}

.d-none { display: none; }

.list-style-none { list-style: none; }

.selection-transparent::selection {
  background: transparent;
}

.shadow {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
}

.text-dark { color: #242124; }
.text-dark-hover:hover { color: #242124; }
.text-decoration-none { text-decoration: none; }
.text-light { color: #fdfdfd; }
.text-light-hover:hover { color: #fdfdfd; }
.text-uppercase { text-transform: uppercase; }
.text-white { color: white; }
.text-white-hover:hover { color: white; }

.z-index-1 { z-index: 1; }

@media (min-width: 1024px) {
  .d-md-flex { display: flex; }
}