body {
  font-family: "DM Sans", serif;
  display: flex;
  flex-direction: column;
  margin: 0;
  /*background-color: #f0f0f0;*/
  background-image: url(background.png);
  background-size: cover;
}
.content
{
    margin: auto;
    background-color: #f0f0f0;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 70%;
    padding-left: 1%;
    padding-right: 1%;
}
.title
{
    font-size: 500%;
    filter: drop-shadow(1px 1px 8px gray);
    text-align: center;
    margin-bottom: 20px;
}
.subtitle
{
    text-align: center;
    font-size: larger;
}
.subtitle2
{
    font-size: x-large;
}
hr {
    border: none;
    border-top: 4px solid #333;
}
@media screen and (max-width: 900px) {
    .content
    {
        height: 100%;
        width: 100%;
    }
}