main{

    color: white;
  }
  /*-------------- Video Content------------*/
  .video_item {
    align-content: center;

  }
  
  /*--------------Ver video------------*/
  .form_Video button {
    background-color: rgb(39, 112, 185);
    border: 1px solid #ddd;
    color: white;
    cursor: pointer;
    width: 100%;
    border-bottom-right-radius: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    height: 30px;

  }
  .form_Video button:hover {
    background-color: rgb(0, 21, 255);
  }
  
  /*--------------Imagen Principal del video------------*/
  .videoCategories{
    padding-bottom: 10px;
    padding-top: 5px;
    text-align: left;
    font-size: medium;
  }
  
  .video_items img {
    width: 100%;
    text-align: center;
    border-radius: 20px;
    height: 75%;

  }
  /*--------------Informacion de publicado y description------------*/
  .video_items .details {
  
      text-align: center;
      font-size: small;
      padding-bottom:10px ;
  }
  .video_items .details:hover {
  
    border: 2px solid rgb(39, 112, 185);
    font-size: large;
  }
  

  .grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 5px;
    align-content: center;
  }



@media screen and (min-width:0px) and (max-width:325px) {

    .grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5px;
        align-content: center;
      }
  }
  
  @media screen and (min-width:326px) and (max-width:426px) {
    .grid {
        grid-template-columns: repeat(2, 1fr);

    }
    .video_items img {
        width: 150px;
        
    }
    .form_Video button {
        width: 150px;
    }   
  }
  
  @media screen and (min-width:427px) and (max-width:1024px) {
    .grid {
      grid-template-columns: repeat(2, 1fr);
    }
  
  }
  
  @media screen and (min-width:1025px) and (max-width:5000px) {
    .grid {
      grid-template-columns: repeat(4, 1fr);
    }
  }