*{
    Font-family: Cambria, Georgia, serif;
    text-decoration: 0;
    margin: 0;
    padding: 0;

}

body{
    background:#fbbb63; 
    height:100vh;
      overflow-y: auto;
    
}

#logo{
    margin-top:-90px;

}
.tituloDiv{
        padding:25px;
        margin-top:50px;
        border-radius:15px;
        justify-content:center;
        align-items:center;
        display:flex;
        color:BLACK;
        
     
    
}

img{
    border-radius:15px;
}

.flex-nowrap{
        margin-top:0px;
        border-radius:15px;
        justify-content:center;
        align-items:center;
        display:flex;
        
}

#gif{
       justify-content:center;
        align-items:center;
        display:flex; 
    
}

#divCard{
    
        height:300px;
        overflow-y:scroll;  
        margin-bottom:30px;
    
}
#divCard::-webkit-scrollbar {
  width: 12px;               /* width of the entire scrollbar */
}

#divCard::-webkit-scrollbar-track {
  background: orange;        /* color of the tracking area */
}

#divCard::-webkit-scrollbar-thumb {
  background-color: white;    /* color of the scroll thumb */
  border-radius: 20px;       /* roundness of the scroll thumb */
  border: 3px solid orange;  /* creates padding around scroll thumb */
}


@media screen and (max-width: 779px) {

#logo{
    margin-top:-90px;
    height:500px;
    width:600px;
}
#divCard{
    
        height:300px;
        overflow-y:scroll;  
        margin-bottom:50px;
}      

body{
    height:70vh;
}

}


@media screen and (max-width: 555px) {

#logo{
    margin-top:-30px;
    height:200px;
    width:500px;
}
}

@media screen and (max-width: 455px) {

#logo{
    margin-top:-20px;
    height:200px;
    width:400px;
}
}