@charset "UTF-8";
/* CSS Document */
html {
    font-size: 62.5%;
}
a:link {
    text-decoration: none;
    color: red;
}
a:hover {
    color: green;
}
a:visited {
    color: antiquewhite;
}

 body {
 margin: 0; width: 100vw; height: 100vh;
 font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif";
     background-color: #140A13;
}
    

header{
    font-size: 2rem;
    /*color: antiquewhite;*/
}
nav ul {
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
}
nav ul li {  
    margin-left: 1.5em;
    color: darkgrey;
}

.menu-horizontal > li:hover{
/*    outline: none;
    color: white;*/
    border-bottom: 1px solid white;
}
.menu-horizontal >li >a{
    font-size: .85em;
    display: block;
    padding-bottom: .5em;
    text-decoration: none;
    letter-spacing: .15em;
    text-transform: uppercase;
}
h1{
    color: orangered;
    text-align: center;
}
main{
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    font-size: 1.6rem;
    color: white;
}

img{
    max-width: 200px;
    padding: 1rem;
}

footer{
     margin: 2rem 5rem;
    font-size: 1.5rem;
}