*{
               
                margin: 0px;
               
            }

body{
    background: rgb(209, 211, 212);
    font-family: 'Segoe UI';
  
}
   header{
    
     text-align: center; 
     top: 0px;
     padding: 10px;
     background-color: rgb(221, 221, 221);
     border-radius:10px;
     width: 100%;
     justify-content: center;
     
     
    
}
.datos{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin: 10px 10px;
}
.datos1{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
        margin: 10px 10px;
    }

#Temas {
        text-align: center;
        background-color:rgba(67, 67, 68, 0.178);
        width: 100%;
        color:black;
        padding: 15px;
        border-radius: 10px;
        justify-content: center;
        
     
}
    
#Punto1{
        background-color: rgba(255, 255, 255, 0.178);
        color: black;
        padding: 15px; 
        border-radius: 10px;
        margin: 10px;
        height: 400px;
        
}
    
#punto2{
        width: auto;
        height: auto;
        background-color:rgba(255, 255, 255, 0.178);
        padding: 15px;
        border-radius: 10px;
        margin: 10px;
}
@media screen and (max-width: 800px){
	
        .datos{
                display: grid;
                grid-template-columns: repeat(1, 1fr);
                gap: 25px;
                margin: 10px 10px;
            }


}