/*//////////////////////////////

        CSS STRUCTURE
1. General
2. IDs

//////////////////////////////*/

/*      1. General    */
* {
  scroll-behavior: smooth;
  box-sizing: border-box;
  margin: 0 0;
  padding: 0 0;
  color: white;
  text-align: center;
}
body {
    background-color: maroon;
}
h1 {
    margin: 1rem;
    padding: 1rem;
    justify-content: center;
    text-align: center;
}
input {
    color: black;
}
/*      2. IDs      */
#main-card {
    margin: auto auto;
    width: 50%;
    height: 50%;
    background-color: black;
}