@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

body{
    height: 100%;
    font-size: 1.3rem;
}


.page-header{
    
    font-size: 1.1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 10;
    background-color:rgb(231,231,231);
    color: rgb(52,57,63);

    
}
.navbar{
    font-family: 'Inter', sans-serif;
    font-weight: 200;
    color:rgb(231, 231, 231);  
}



.navbar-toggler-icon{
    color: rgb(231, 231, 231);
}



.navbar-nav > li{
    padding-left:20px;
    padding-right:20px;
  }

  .col-form-label{
      color: rgb(52,57,63);
  }

 

 

h1{
    line-height: 90%;
    font-family: 'Baloo 2', cursive;
    color: rgb(159,65,127);
    text-align: center;
    font-size: 50px;
    
}

h2{
    font-family: 'Inter', sans-serif;
    display: block;
    text-align: center;
    font-weight: 900;
    font-size: 2rem;
}


h5{
  text-shadow: 0 0 3px #000000;
}

footer{
    margin-top: 0rem;
    font-size: 1rem;
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    background-color:#350826;
    color: rgb(231,231,231);
}

a{
    text-decoration: none;
}

.text-divider {
    display: flex;
    align-items: center;
    color: rgb(159,65,127);
    font-weight: 900;
    --text-divider-gap: 1rem; 
  }
  
  .text-divider::before,
  .text-divider::after {
    content: '';
    height: 1px;
    background-color: rgb(159,65,127);
    flex-grow: 1;
  }
  
  .text-divider::before {
    margin-right: var(--text-divider-gap);
  }
  
  .text-divider::after {
    margin-left: var(--text-divider-gap);
  }

  b{
      font-weight: 900;
  }

  .btn{
     
      color: rgb(231,231,231);
      background-color: rgb(159,65,127);
      box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);
      border-style: none;
  }

  .btn:hover{
      
      background-color: rgb(231,231,231);
      color: rgb(159,65,127);
      box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);
      border-style: none;
  }

  .btn:active {
    background-color: rgb(231,231,231);
    color: rgb(159,65,127);
    box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);
    border-style: none;
  }

  .btn:visited {
    background-color: rgb(231,231,231);
    color: rgb(159,65,127);
    box-shadow: 2px 4px 8px 2px rgba(0,0,0,0.2);
    border-style: none;
  }