.yellow{
    color: #FFB703;
}
.blue {
    color: #4285F4;
}
.red{
    color:#FA4C22;
}
.green{
    color:#02833B;
}
.oswald {
    font-family: 'Oswald', sans-serif;
}
.quatt {
    font-family: 'Quattrocento', serif;
}
.Title_font{
    font-weight: 600 !important;
    font-family: 'Oswald', sans-serif;
    font-size: 4vw;
    
} 

.Title_font2{
    font-family: 'Oswald', sans-serif;
    font-weight: 700;
    font-size: 2vw;
} 

.Title_font3{
    font-weight: 500 !important;
    font-family: 'Oswald', sans-serif;
    font-size: 4vw;
    
} 

.body_text{
    font-family: 'Quattrocento', serif;
    font-size: 1.5vw;
    line-height: 2ems;
}

.body_text2{
    font-weight: 700 !important;
    font-family: 'Quattrocento', serif;
   
}
.container{
    margin-left: 60px;
}
.all_cards{
    display: flex !important ; 
    flex-direction: row;
}
.card_body{
    font-size: 1vw;
}
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    width: 30%;
    margin-right: 20px;
    border-radius: 20%;
    background-color: #545454;
  }
  
  .card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
  }
  .card-text {
    color: white;
  }
  
  .container_card {
    padding: 12px 16px;
    text-align: center;
    color: white;
    border-radius: 20%;
    
    background-color:#403d3d ;
  }

  .card_title{
    text-align: center;
    font-size: xx-large;
  }
  .footer {
    background-color: #4e4e4e;
    align-items: center;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: static;
    max-width: 100vw;
    height: 205px;
    margin-top: 5%;
    color: white;
}
.footer_icons{
    display: flex;
    flex-direction: row;
    margin-left: -5%;
    padding-bottom: 1%;
    padding-top: 1%;
}
.icon1{
    padding-right: 8%;
    color: white;
}

.icon2{
   
   
}
.oswald_foot{
    font-family: 'Oswald', sans-serif;
    font-weight: 300;
}

.nav_element{
    position: fixed;
   top:0;
   right:0;
z-index:10;
margin-top: 8%;
margin-right: 10%;
align-items: center;
    text-align: center;

}

.main-body{
    display: flex;
    flex-direction: row;
}


/* Responsive styles for YouTube video container */
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
  }
  
  .video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  
  
  /* Media query for smaller screens */
  @media (max-width: 767px) {
    .card {
      margin-left: 0;
      margin-right: 0;
    }
  }

  main.all_tile{
    display: flex; 
    flex-direction:row;
   
    }
    
    
    div.tile{
    display: flex; 
    flex-direction:column; 
    }

    .card-2 {
        background-color: #737373;
    
        width: 100%;
        border-radius: 10%;


    }

    .ytv{
        margin: 80px;
        margin-top: 15px;
        align-items: center;
        justify-self: center;
    }

    .ytb{
        margin-top: -70px;
        margin-left: 140px;
        align-items: center;
        justify-self: center;
        color: white;
    }

    span.yt{
        margin-right: 100px;
    }

    .ytt{
        padding-top: 20px;
     color: whitesmoke;
    }
    /* @media(min-width: 992px){
        .padding{
            padding-left: 10%;
            padding-right: 10%;
        }
    } */