/* site_susanaAlvear */
:root {
  /* Mode 1 */
  /* color */
  --bg-color: #ededed;
  --card-bg: #9e2020;
  --text-color: #000000;
}

body.dark{
  --bg-color: #131313;
  --card-bg: #9e2020;
  --text-color: #efefef;
}

body {
   background-color:var(--bg-color);
   color:var(--text-color);  
   font-family: Arial, Helvetica, sans-serif;
}

.contenedor{
    width: 1440px;
    margin: auto;
}

h1{
    font-size: 130px;
    text-align: center;
    font-family: "Outfit", sans-serif;
    font-weight: 300;
}

.card{
    width: 20%;
    margin: 2%;
    height: 300px;
    background-color: var(--card-bg);
    float: left;
}

@media (max-width:1024px){
 .contenedor{
    width:100%;
}
 h1{
    font-size: 60px;
 }
 .card{
    width: 100%;
    margin: 20px 0 20px 0;
 }

}

#toggle{
   background-color:#9e2020;
   color:#efefef;
   font-weight:500;
   padding: 12px 24px;  
   border: none;
   border-radius: 4px;
   display:block;
   cursor: pointer;
   transition: background-color 0.3s, transform 0.3s;;
}

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