HTML 30-day challenge - Día 16

Muestra un texto con el atajo de teclado CTRL+ALT+SUPR y dale estilo para que parezcan teclas.

HTML

  
  <div class="container">
    <kbd>Ctrl</kbd>
    <kbd>Alt</kbd>
    <kbd>Supr</kbd>
  </div>
  

CSS

  
  .container {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
  }
    
  kbd {
    background-color: #dcdcdc;
    color: #616161;
    font-weight: 900;
    font-size: 1.5rem;
    padding: 1rem;
    border-radius: 8%;
    box-shadow: black 1px 1px 4px;
    cursor: pointer;
  }
    
  kbd:hover {
    background-color: #aeaeae;
  }
  
Día 15 Día 17
Ctrl Alt Supr