/* site_victoriaPerez */
:root {
  /* Mode 1 */
  /* color */
  --bg-color: #ffffff;
  --calor-card: #f3e5e5;
  --text-color: #5b3232;
  --card-bg: #f3e5e5;
}
body.dark {
  --bg-color: #000000;
  --calor-card: #f3e5e5;
  --text-color: #ffffff; 
}

body{
    background-color: var(--bg-color);
    color:(--text-color);
    font-family: Arial, Helvetica, sans-serif;
}
 .contenedor {
    width: 1440px;
    margin: auto;
    box-sizing: border-box;
    }

    .card {
      width: 20%;
      margin: 2%;
      float: left;
      height: 300px;
      background-color: var(--card-bg);
    }
    h1 {
      font-family: "Ballet", cursive;
      font-size: 60px;
      text-align: auto;
      color: #f8bdbd;

    }
  
    @media (max-width: 1024px) {
      body{
          background-color: rgb(220, 159, 220) ;
        }
    
    .contenedor{
        width: 100%;
    }
    .card {
      width: 100%;
      margin: 20px 0 50px 0;
    }
    

}
#toggle-theme {
  padding: 8px 16px;
  border: none #000 8px;
  font-size: 16px;
  font-weight: 800;
  border-radius: 8px;
  cursor: pointer;
  background-color: #ffd2d2;
  display: block;
  color: #eb6b6b;
  transition: background-color 0.3s, transform 0.3s;
  margin: 2%;
}

#toggle-theme:hover{
  background-color: #f8bdbd;
  transform: scale(1.05);
}