Haga lo que hicimos en el Aula

CSS Personalizado

body { 
    background-color:rgb(20, 20, 20);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70dvh;
    margin: 10px 20px;
   
}

h1 { 
    color: rgb(216, 216, 216);
     font-family: "Krona One";
     font-size: 36px;
  
}
strong  { 
    color: #22D4FD;
    font-family: "Krona One";
}
p { 
    color: rgb(216, 216, 216);
    font-family:  "Montserrat";
    font-size: 24px;
    

}

.text { 
    display: flex;
    flex-wrap: wrap;
    height: auto;
    width: 100%;
   
    
  
    

}

img { 
    display: flex;
    align-items: center;
     border-radius: 16px;
    width: 25rem;
    height: auto;
    

    
}
.container__img { 

   
    padding: 10px;
    
}


.container__title { 
   display: flex;
   justify-content: center;
   flex-direction: row;
   padding: 25rem;
   
   height: 40dvh;

}

.botones-links { 
   
    background-color:  #22D4FD;
    
    border-radius: 10px;
   padding: 15px;
   width: 12rem;
   cursor: pointer;
}

.botones-links:hover { 

  transform: scale(1.1);
  transition: 0.5s;
  color: aliceblue;
  background-color: cornflowerblue;


}


a { 
    color: black;
    text-decoration: none;
}


.buttons__container { 
      display: flex;
      justify-content: center;
      align-items: center;
      flex-direction: row;
      
      gap: 15px;
}