* { 
    box-sizing: border-box;
    text-align: center;
    border: 0;
    padding: 0;
    }


 header{
        background-color: rgb(26, 133, 233);
        box-shadow: 1 /* desplazamiento horizontal */ 3px /* desplazamiento vertical */ 3px /* desenfoque */ hsl(0 0% 0% / 20%) /* color */;
        ;box-shadow:
         4px
         4px 
        #19ece2;
        align-items: center;
        font-family: Arial, Helvetica, sans-serif;
        box-sizing: border-box;
        color: #f9f5f1;

        }
    
body{
        margin: 0;
        min-height: 100dvh;
        display: grid;
        grid-template-rows: auto 1fr;
        background-image:url('gif-club-penguin-dance.gif'); background-repeat:repeat; 
    font-family: Arial, Helvetica, sans-serif;
    background-position: 50%;

    
    }
nav{background-origin: padding-box;
        padding-top: 1rem;
        
    }
ul{list-style: none;
}

  
.contenedora {
    margin-block: 0.5em;
    padding: 0em;
    border-radius: 1em;
    font-size: 1.25em;
    margin-inline: auto;
    align-items: center;

}
header .menu{
        display: flex;
        gap: 2em;
       justify-content: center;
       align-items: center;
    
   
    }
    .scrolling-text {
        width: 100%;
        overflow: hidden;
      }
      
      .scrolling-text p {
        animation: scrolling-text 15s linear infinite;
        white-space: nowrap;
        font-size: 24px;
        margin: 0;
        padding: 0;
      }
      
     @keyframes scrolling-text {
        0% {
          transform: translateX(100%);
        }
        100% {
          transform: translateX(-100%);
        }
      }
    
    .scrolling-text {
        background-color: rgb(26, 133, 233);
    font-family: "Helvetica", serif;
    color: #f9f5f1;
    width: 100%;
    overflow: hidden;
}
    
    a{color: hwb(0 100% 0%);
    font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
;
}
.main p {display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;

}


  
h1{font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    background-color: #f9f5f1;
    color: rgb(15, 235, 235); padding-top: 0%;
    text-align: center
    
    }
h2{font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        background-color: #f9f5f1;
        color: rgb(15, 235, 235); padding-top: 0%;
        text-align: center
        }
h3{font-family: Arial, Helvetica, sans-serif;
          font-weight: bold;
          background-color: #f9f5f1;
          color: rgb(15, 235, 235); padding-top: 0%;
          text-align: center
          }
    
    
.MateriasCursadas{
        background-color: rgb(15, 235, 235);
       padding: 1em; 
       border-radius: 2em;
        
          }

        
div .cursada{display: flex;
    align-items: flex-start;
    gap: 1rem;padding: 2px;
    margin-top: 20px;
    margin-bottom: 40px;
    margin-right: 12%;
    margin-left: 12%
}                 
.portfolio img{display: block;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        max-width: 65rem;
        margin-inline: auto;
        border-radius: 50%;}
              
footer{
         background-color: rgb(26, 133, 233);
         box-sizing: border-box;
         display: block;
         
        }
div {  
  width: auto;  
  text-align: center;  
  padding: 5px;  
  border: px solid rgb(255, 255, 255);  
  }  
  img {  
  max-width: 40%;  
  height: auto;  
  }
footer p{ font-weight: bold;
            text-align: center;
            color: rgb(255, 255, 255);}