*{
    padding: 0;
    margin: 0 auto;
    font-family: ystem-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    max-width: 40em;
    filter: grayscale(100);
}
body{
    padding: 2em 2em 1em 2em;
}
.center{
    display: flex;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    padding-top: 1em;
}
h1{
    padding-bottom: 0.5em;
    padding-top: 0.5em;
    font-size: 2.54em;
    text-align: center;
}
h2{
    padding-top: 1em;
    padding-bottom: 1em;
}
span{
    font-size: 1.17em;
    font-style: italic;
}
embed{
    display: flex;
    justify-content: center;
    width: 100%;
    height: 325px;
    margin: 0.5em 0 0.5em;
}
img{
    width: 100%;
}
hr{
    width: 100%;
    border: 0.5px solid;
    color: rgb(207, 207, 207);
    margin-top: 2em ;
}
p{
    padding: 0.5em 0 0.5em ;
}
ul{
    padding-left: 1em;
}
a{
    color: #000000;
}
#imglogo{
    width: 75px;
}
#by{
    padding-top: 1em;
    font-size: 0.9em;
    text-align: center;
}