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

.vcard {
  padding-top: 5px;
}

/*
  background: linear-gradient(to right, #4000ff, #00c0FF)
  background: radial-gradient(#00c0FF, #10008f)
  background: linear-gradient(to right, #8080ef, #4080FF);
*/

.my-name {
  background-color: rgb(128,128,128);
  text-align: center;
  font-size: 48pt;
  color: white;
}

.greeting {
  background-color: rgb(0,0,0);
  text-align: center;
  font-size: 64pt;
  color: white;
  height: 600px;
  padding: 100px;
}


/********** Extra small devices only **********/
@media (min-width: 481px) and (max-width: 768px) {
}
/********** Super extra small devices Only :-) (e.g., iPhone 4) **********/
@media (max-width: 480px) {
}

@media (max-width: 320px) {
}