@charset "UTF-8";
/*-------------------------GENERAL------------------ */

@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

 :root {
    --green1: #5cff75;
}

@font-face {
    font-family: 'Analogue Reduced';
    src: url('../font/AnalogueReduced-Black.woff2') format('woff2'),
        url('../font/AnalogueReduced-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}



*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 17px;
}

body {
    background-color: var(--green1);
}

a,
a:visited {
    text-decoration: none;
    
}

a:hover {
    
}

#main-content{
    width: 100%;
}

main div h1{
    color: #fff;
    text-align: center;
    font-family: 'Analogue Reduced';
}


#splash-image{

    padding-top: 10vh;
    display: block;
    width: auto;
    height: auto;
    margin: 0 auto;
    max-width:60% ;
}

.navToggle {
    display: block;
}
/* /////////////////Section Rules//////////////////// */

section {
    
}

section article {
 
}

section:last-of-type article:last-of-type {
    
}

section article img {
   
}
/* Article Header */

section article header {
    
}

section article header h1 {
   
}

section article header h2 {
 
}
/* Misc Article Elements */

section article p,
section article ul,
section article ol,
section article dl,
section article aside,
section article blockquote {
    margin-bottom: 1.5em;
}

section article aside {
  
    word-wrap: break-word;
}

section article ul {
    list-style-type: disc;
    margin-left: 7%;
}

section article ol {
    list-style-type: decimal;
    margin-left: 7%;
}

section article dl {
    font-weight: 300;
}

section article dl dt {
    font-weight: 400;
    font-style: italic;
}

section article dd {
    margin-left: 1.5em;
}

section article blockquote {
    margin: 2em;
    font-style: italic;
}

section article pre {
    
}


/* /////////////////Footer//////////////////// */

footer {
    
  color: #fff;
  font-family: 'Analogue Reduced';
  margin: 0 auto;
  width: 25%;
}
footer ul{
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding-left: 0px;
}

footer li{
    
    
    
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
   
}

footer article {
    
}

footer article header h1 {
   
}
/* /////////////////Media Queries//////////////////// */

@media screen and (min-width: 480px) {
    /* footer */
    footer {
        
    }
    footer article {
       
    }
}

@media screen and (min-width: 600px) {
    #splash-image{
    padding-top: 40vh;
    }
    /* articles */
    section article {
        width: 87%;
        max-width: 960px;
        margin: 0 auto;
        padding: 1.5em;
        overflow: hidden;
        word-wrap: break-word;
    }
    section article aside {
        float: right;
        margin-left: 1.5em;
        width: 40%;
    }
}  

@media screen and (min-width: 800px) {
    
   
}