html{
    box-sizing: border-box;
    font-family: sans-serif;
    font-size: 16px;
   }
   *,
   *after,
   *.before{
       box-sizing: inherit;
   }
   body{
       margin: 0;
       overflow-x: hidden;
   }
   a{
   color:#01579b;
   transition: color 0.3s ease;
   }
   a:hover{
    color:#00b0ff
   }
   h1{
     text-align:center;
   }
   img{
       max-width:100%;
       height: auto;
       border-top-right-radius: 2em;
       border-top-left-radius: 2em;
       border-bottom-left-radius: 2em;
       border-bottom-right-radius: 2em;
   }
   
   .form-search{
      margin:auto;
      text-align: center;
   }
   .form-search input{
       margin: auto;
       padding: 0.25rem;
       border-radius: 0.25rem;
       font-size:1rem;
   }
   .header{
       padding: 0.5rem;
       position: sticky;
       top:();
       text-align: center;
       background-color: #fff;
   }
   .grid-fluid{
       margin: 1rem auto;
       max-width: 90%;
       display:flex;
       overflow-x: scroll;
     
   }
   .derecha{
    
    width: 215px;
    position: relative;
    top: 353px;
   }
   .izquierda{
    top: 353px;
   }
   .header >*{
     margin: 1rem auto;  
   }
   .loader{
       margin:1rem auto;
       display:block;
       width: 4rem;
       height: 4rem;
   }
   .error{
       padding: 1rem;
       font-size:150%;
       font-weight:bold;
       text-align: center;
       color:#fff;
       background-color: #dc3545;
   }
   
   .error mark{
       padding: 0.5rem;
       border-radius: 0.5rem;
       color:#fff;
       background-color: #01579b;
   }
   
   .post-card{
       margin: 1rem auto;
       padding: 1rem;
       width: 80%;
       background-color:#eceff1;
       margin:11px;
       border-top-right-radius: 2em;
       border-top-left-radius: 2em;
       border-bottom-left-radius: 2em;
       border-bottom-right-radius: 2em;
   }
   .post-card p{
       display:flex;
       justify-content:space-between;
   }
   .post-page > aside{
       margin: auto;
       width: 60%;
       text-align: center;
   }
   .post-page >hr{
    border: this solid #cfd8dc;
    margin:2rem auto;
    width: 80%;
   }
   .post-page time{
       margin: 1rem auto;
      
   }
   .post-page > article{
       padding: 0 2 rem;
   }
   .post-page img,
   .post-page figure,
   .post-page audio,
   .post-page iframe,
   .post-page video{
       margin:auto;
       max-width: 100%;
   }

   /**Responsive Sliders**/
 .scrolling-container{
    display:flex;
    flex-wrap:nowrap;
    overflow-x: auto;
 }
 .scrolling-card{
    flex:0 0 auto;
    margin:10px;
    width: 250px;
    height: 427px;
    text-align: center;
 }
 .scrolling-container::-webkit-scrollbar{
    display:none;
 }
 .scrolling-buttons-container{
    display: flex;
    justify-content: space-between;
    font-size: 25px;
    margin-left: 25px;
    margin-right: 25px;
 }
 @keyframes scroll{
    0%{
        -webkit-transform:translateX(0);
        transform:translateX(0);
    }
    100%{
        -webkit-transform:translateX(calc(-200px *8));
        transform:translateX(calc(-200px*8));
    }
 }