header {
    background-image: url('../images/rpf_header.PNG');
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

main {
    margin-top: 2em;
    margin-bottom: 2em;
}

div {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.container {
    display: grid;
    grid-template-columns: auto auto;
}

.card {
  display: inline-grid;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  width: 60%;
  margin-bottom: 2em;
  background-color: orangered;
}

.card:hover {
  box-shadow: 0 8px 16px 0 rgba(5,5,5,5);
}

.txt {
  padding: 2px 2px;
  text-align: center;
}

b {
  font-size: 170%;
  text-shadow: 1px 1px 2px black ;
  color: yellow;
}

p {
  font-size: 100%;
  font-weight: bold;
}