body {
    background-color: #2a0a3f;
    margin: 0;
    font-family: Arial, sans-serif;
}

header img {
    width: 100%;
    height: auto;
    display: block;
}

h1 {
    text-align: center;
    color: #f700e7;
    font-size: xx-large;
    font-family:Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif
}
 h2{
    text-align: center;
    color: #ff00fb;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
 }

a {
    color: #ff00ee;
    font-size: large;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    text-decoration: none;
}

a:hover,
a:focus {
    color: rgb(255, 217, 65);
    text-shadow: 0 0 5px #fff;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

iframe {
    display: block;
    margin: 20px auto;
    max-width: 100%;
}

footer {
  background-color:#2b1261;
  width: 100%;
  background-size: cover;
  padding: 35px;
  font-size: 17px;
  color: #7d7cac;
  margin-top: 50px;
}

.footer-socials {
  transition: opacity 1% ease;
  position: relative;
  bottom: 6px;
}

.footer-socials img {
  height: 24px;
}


footer p {
  max-width: 60%;
  padding: 5px;
  color: #f700e7;
}

@media screen and (max-width: 768px) {
    section, aside {
        width: 100% !important;
        float: none;
        padding: 0;
        text-align: center;
    }
}