@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@900&display=swap');

*{ margin: 0%; padding: 0; box-sizing: border-box; }

body {background: radial-gradient(circle, #fdd25c 0%, rgb(255, 69, 69) 100%);}

header img{border-radius: 50%; 
           display:block;
           margin:auto;}

h1 {color: #ffffff;
    background-color: #191919;
    border-radius: 19px;
    text-align: center;
    height: 2.5rem;
    font-family: 'Lato', sans-serif;
    font-weight: 600;
    font-size: 2rem;}

h2{color: #ffffff;
   background-color: #191919;
   border-radius: 19px;
   width: 50%;
   display: block;
   text-align: center;
   height: 1.3rem;
   font-family: 'Lato', sans-serif;
   font-weight: 600;
   font-size: 1rem;}

.bajada {display: block;
         text-align: center;
         font-family: 'Lato', sans-serif;
         font-weight: 600;
         font-size: 1rem;
         margin-bottom: .2rem}

.botones {background-color: #ffffff; 
          display: flex; 
          justify-content: space-around; 
          font-family: 'Lato', sans-serif; 
          color: black;
          text-transform: uppercase;
          border-radius: 1rem;
          margin-top: 2rem;
          margin-bottom: 2rem}

.nombres {padding: 2%;
          border-radius: 1rem;
          box-shadow: 1rem 1rem 1rem #191919}

.contenedor{max-width:20rem;
            margin: auto;}

.lucas{font-family: 'Barlow', sans-serif;}