p {
    border-radius: 10px;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: large;
    color:black;
    font-family: quicksand;
}

.welcome {
    font-size:xx-large;
    font-family: valorant, sans serif;
    margin-top: 50px;

}

h1 {
    text-align:center;
    color: rgba(0, 0, 0, 0.686);
    font-family: Valorant, sans serif;
    font-size:300%;
    margin-bottom: 0px;
    margin-top: 9px;
}

h2 {
    font-family: valorant, sans serif;
    text-align: left;
    color: rgb(0, 0, 0);
}

h4 {
    text-align: center;
    font-family: quicksand, sans serif;
    max-width: 80%;
    margin: auto;
    font-style: italic;
    margin-bottom: 10px;
}

h5 {
    margin-top:40px;
    font-family: valorant;
    color:rgba(19, 22, 22, 0.757);
    font-size: 30px;
}

.bgvid {
    object-fit: cover;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
}

.container {
	position:relative;
    text-align: center; 
}

.card {
    background-color:rgba(141, 177, 192, 0.706);
    width: auto;
    height: auto;
    border:solid;
    border-width: 1px;
    margin-bottom: 60px;
}

@font-face {
    font-family: valorant;
    src: url(fonts/Valorant\ Font.ttf);
}

@font-face {
    font-family: quicksand; src:url(fonts/Quicksand_Book.otf);
}

.row {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}


.col-md-4 {

    padding-bottom: 10px;
}

.nav-item {
    background-color:rgba(105, 152, 191, 0.225);
    text-align: center;
}


ul {
    font-family: quicksand;
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    border-color: rgba(0, 0, 0, 0.503);
    background-color: rgba(103, 154, 188, 0.258); 
}

.firefly { 
    display:flex;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul li:hover {
    background: scroll;
    text-decoration:underline;
    background-color:rgba(115, 125, 130, 0.288);
}

.hello{
    background-color: rgba(25, 135, 145, 0.321);
    border-radius: 8px;
    margin-top: 30px;
    padding-top: 30px;
    font-family: quicksand;
    font-size: x-large;
}

.btn {
    font-family: quicksand;
    background-color:rgba(2, 2, 2, 0.733);
    border-color:black ;
    font-size: x-large;
    margin-bottom: 40px;
    color: rgba(255, 255, 255, 0.673);
    font-style:oblique;
}

figcaption {
    font-family: quicksand;
}

  @keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);}
    }

.taggy{

    margin-top: 20px;
      background-color: rgba(181, 91, 91, 0.271);
      font-size: x-large;
    }

.navbar-toggler {
        background-color:rgba(145, 187, 200, 0.605);
        border-color: black;
      }

.row {
    background-color: rgba(66, 87, 87, 0.366);
border-radius: 5px;
}

.ai-list {
    padding-left: 0;
    max-width: 50%;
    margin: 0 auto;
  
    text-align: left;
}

@keyframes fadeIn {
    from {
      opacity: 0;}
    to {
      opacity: 1;}
  }
  
  h5.fade-in {
    animation: fadeIn 2.5s ease-in-out;
  }
  
  .accordion-body {
    font-family: quicksand;
    padding: 20px;
  }

  .accordion-item img {
    padding-top: 20px;
    max-width: 100%;
    height: auto; 
    margin: 0 auto 20px;
    text-align: center;
}

img{
    display: block;
    padding-bottom: 20px;
}


.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}