/* All code written by Allen Smith Copyright 2022 */
/* ############################################### */
/* #************A Little Ma Production***********# */
/* ############################################### */
/* Main colors and fonts */
/* ************************** */
/* main color #efefef */
/* secondary color #F7p239 */
/* ************************** */
/* Main font faminly -- serf/sans-serif -- */
/* bold font weight -- 900 */
/* medium font weight -- 400 */
/* light font weight -- 100 */
/* base font size is 16px */
/* ************************** */
/* @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100&family=Special+Elite&display=swap'); */
/* ************************** */
/* ************************** */
/* ************************** */
/* ************************** */
/* ************************** */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@1,100&family=Special+Elite&display=swap');

/* Setting variables for easy color management */
:root {
  --background: #000000;
  --gradient: linear-gradient(10deg, #00ff00, #0000ff, #ff00ff);
  --navBlue: #0000ff;
  --btnbkg: #007986;
  --footer: #ffffff;
  /* --footer: #4287f5; */
}

/* Reseting the default behavior of most browsers */
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: 'Ubuntu', sans-serif;
  font-size: 18px;
  font-weight: 400;
  background: var(--footer);
}

a:hover,
a:focus {}

.container {
  margin: 0 auto;
}

.container {
  /* margin: 50px auto; */
  /* width: 80%; */
  /* display: flex; */
  /* border: 2px solid blue; */
}

header {
  width: 100%;
  margin-bottom: 2rem;
  /* border: 2px solid red; */
}

.logo {
  margin-top: 3rem;
  text-align: center;
  font-family: 'Special Elite', cursive;
  font-size: 6rem;
  /* border: 2px solid purple; */
}

h1 {
  min-height: 20vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  font-size: 3rem;
}

h1, h2 {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 900;
  color: var(--background);
  /* border: 2px solid red; */
}

#footer {
  padding: 10px;
  /* display: flex; */
  font-size: 2rem;
  background: var(--footer);
  color: var(--background);
  text-align: center;
  text-transform: capitalize;
}

/* ############################################### */
/* #************Full Screen Stylesheet***********# */
/* ############################################### */
@media screen and (min-width: 992px) {
  header {
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .nav_section {
    background: var(--background);
    padding: 0 0 20px 0;
    color: var(--navBlue);
    /* border: 2px solid red; */
  }

  .nav_title {
    display: none;
    /* font-family: 'Ubuntu', sans-serif; */
  }

  .nav-toggle-label {
    display: none;
  }

  nav {
    display: flex;
    padding: 10px;
  }

  .nav_list_link {
    /* font-size: 1rem; */
    color: var(--navBlue);
    margin: 0 20px;
  }

  #nav {
    flex-direction: row;
    justify-content: space-between;
  }