@charset "UTF-8";
/* CSS Document */
 body {
    display: flex;
    flex-flow: wrap;
    /*margin: 0 10vh;*/
    background-color: #000000;
    font: lighter 2em Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
    text-align: center;
    color: orangered;
    text-shadow: 1px 3px 4px white;
            }
header{
    width: 100%;
}
a{
    font-size: 0.5em;
    text-decoration: none;
    color: aqua;
}
a:hover{
    cursor: pointer;
    color: #E3E3E3;
    text-decoration: none;
}
.main{
    width: 100%;
    display: flex;
    flex-flow: wrap;
    text-align: center;
}
img{
  max-width: 400px;
  padding: 1rem;
}
figcaption{
    padding: 0 0 3rem 1rem;
}
footer{
    width: 100%;
}


            @media screen and (max-width: 580px) and (min-width: 0px) {
                h1, p, .link-container {
                    width: 80%;
                }
            }
            @media screen and (min-width: 650px) and (min-height: 0px) and (max-height: 750px) {
                .link-container {
                    margin-top: 12px;
                }
            }