body {
  background-color:rgba(0,0,0,.05);
  color:rgba(0,0,0,.87);
  font-family:Helvetica, Arial, sans-serif;
  text-align: center;
  line-height:1.5;
  margin:0;
  padding:0;
}
.card {
  background-color:white;
  padding:1em;
  margin:1em auto;
  border:1px solid rgba(0,0,0,.1);
  max-width: 40em;
  box-shadow: 1px 1px 3px rgba(0,0,0,.14);
}
a, a:visited {
  color:#3d92e0;
  text-decoration: none;
  transition: all .7s
}
a:hover, a:active {
  color:#2871b3;
  text-decoration: underline;
}

.card h3{
  border-bottom:2px solid #3d92e0;
  display: inline-block;
  padding-left:1em;
  padding-right:1em;
}

footer{
  margin-top:2rem;
  padding-top:2rem;
  padding-bottom:2rem;
  color:rgba(0,0,0,.5);
  background-color:rgba(0,0,0,.05)
}

.tba {
  font-style: italic;
  opacity: .75;
}

.baby-bg{
  background: linear-gradient(141deg, rgba(255,248,112,1) 4%, rgba(165,227,255,1) 25%, rgba(253,183,255,1) 26%, rgba(240,190,255,1) 35%, rgba(165,232,255,1) 47%, rgba(155,238,255,1) 55%, rgba(253,183,255,1) 56%, rgba(228,191,255,1) 61%, rgba(136,222,255,1) 70%, rgba(125,226,255,1) 80%, rgba(253,183,255,1) 82%, rgba(244,255,167,1) 96%);
}

#countdown{
    display: inline-block;
    background-color: rgb(0 0 0 / .85);
    color: white;
    font-family: monospace;
    font-size: 3rem;
    padding: .1em .4em;
    border-radius: .2em;
    letter-spacing: 7px;
    margin-bottom: .5em;
    margin-top: 0;

}
.baby-shower-link a{
  padding:2em;
  margin:2em;
  border:4px solid black;
  display:block;
}