@charset "utf-8";
@import url ('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i' );
    
body {background-color: rgb(57, 9, 9)
    
}
header img {
    height: 6em;
    align-content: center;
    margin-top:-7em;
    margin-left: 14em;
    margin-bottom:3em; 
    
        
}
img{
    display:block;
    align-content: space-around;
    justify-content: space-around;}

header h1{
    font-family: 'Roboto', sans-serif;
    text-align: center;
    font-weight: 400;
    font-size: 2em;
    color: rgb(255, 255, 255)
        
       }
h1{margin-left: 2em;
     display:column;
    }

header h2{
    font-family: 'Roboto', sans-serif;
    font-size:1.3em;
    font-weight: 100;
    text-align: center;
    margin-top: -0.5em;
    color: rgb(255, 255, 255);
    margin-bottom: 7em;
    
    }
h2{
    display:column;
    
}
    

main nav ul {
     text-align: center;
    list-style: none;
    margin-top: 1em;
    background-color: rgba(46, 227, 185, 0.54);
    padding:1em;
    display: block;
    align-content: space-around;
    justify-content: space-around;
    font-family: 'Roboto', sans-serif;
}

main nav ul li a {color: rgb(255, 255, 255);
        text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 1em;
     
}

main section h3{color: rgb(255, 255, 255)
     }

h3{
    font-family: 'Roboto', sans-serif;
    font-weight: 200;
    font-size: 0.8em;
    margin-left: 1em;
    display: flex;
    align-content: space-around;
    justify-content: space-around;
     
    
}
main section h4 a{
    color: rgba(46, 227, 185, 0.54);
    
}
main section h4{
    text-align: center;
    display: block;
    margin: 0;
    padding: 2em;
    margin-top: 0.4em;
        font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 1.3em;
        
        



@media screen and (min-width:90em) {
    main {display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            }