@import url('https://fonts.googleapis.com/css2?family=Bakbak+One&family=Roboto&display=swap');
::root {
  --header: #302E82;
}
.btn-discord{
    color: #ffffff;
    background-color: #6D0898;
    border-color: #6D0898;
}
.btn-discord:hover{
    color: #ffffff;
    background-color: #9B1791;
    border-color: #9B1791;
}
.card{
    border-width: 4px;
    border-radius: 0px;
    color: #ffffff;
    margin-bottom: 20px
}
.bg-card{
    background-color: #3BFFE0
}
.bg-gray{
    background-color: #424242;
    
  /*assets/background.jpg is obviously the background! Upload a new file into the assets directory to set a new background*/
    background-image: url("assets/background.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.big-text{
    color: #ffffff;
    font-size: 36px;
}
.bg-grey{
    background-color: #484848;
}
.card-text{
    color: #ffffff;
    font-size: 16px;
}
body {
    background-color: #DAAC80;
    height: 100%;
}
.head {
    font-family: 'Bakbak One', cursive;
    padding-top: 260px;
    color: #FFFFFF;
    line-height: 1.3;
    text-align: center;
}
.subtext {
    padding-bottom: 200px;
    color: #ffffff;
    line-height: 1.3;
    text-align: center;
}
.container {
    max-width: 1000px;
}
.container-1{
    margin-bottom: 50px;
}
.footer {
  position: absolute;
  width: 100%;
}
.navbar-dark {
      background-color: var(--header);
}
.navbar-brand {
    padding-top: 0px;
    padding-bottom: 0px;
}
.nav-head {
    font-family: 'Hammersmith One', sans-serif;
    font-size: 2rem;
    display: none;
  }
.active {
    color: rgb(166 168 253);
  }
li {
  font-family: 'Josefin Sans', sans-serif;
  padding-top: 10px;
}
#nav-list {
  transform: none;
}
.nav-link {
  background-color: var(--background);
  padding-right: 10px;
  text-align: center;
  border-radius: 5px;
}
@media (min-width: 992px) {
.nav-head {
  display: block;
}
.nav-link {
  background-color: transparent;
  padding-right: none;
  text-align: left;
  border-radius: none;
}
}