body {
  background-color: white;
  font-family: helvetica;
}

header {
  display: flex;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
  padding: 5px 50px;
  color: black;
  position: sticky;
  top: 0;
  font-size: 20px;
}

#m1 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:100px;
  font-size: 25px;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin:20px;
}




#button {
    font-family: Arial, sans-serif;
    font-size: 14px;
    padding: 10px 18px;

    color: white;
    background-color: #4285f4; /* classic blue */

    border: none;
    border-radius: 3px;

    cursor: pointer;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover */
#button:hover {
    background-color: #3367d6;
}

/* Click effect */
#button:active {
    box-shadow: 0 1px 3px rgba(0,0,0,0.2) inset;
}

/* Optional shadow (very 2016 vibe) */
#button {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}