body{
            margin: 0;
            padding: 0;
             background-color: #013A6B;
  background-image: -webkit-linear-gradient(45deg, #013A6B 50%, #a32339 50%);
  background-repeat: no-repeat;
  background-attachment: fixed;
  min-height: 100%;
  color: #333;
        }

        ::selection {
            background: #a32339;
            color: #fff;
        }
        ::-moz-selection {
            background: #a32339;
            color: #fff;
        }
        ::-webkit-selection {
            background: #a32339;
            color: #fff;
        }
        
        #container{
            width: 45em;
            background: #ffffff;
            margin: 5em auto;
            padding: 3em;
            font: normal 100%/150% 'Inter', sans-serif;
        }
        
        h1{
            font: normal 2.5em 'Indie Flower';
            text-transform: lowercase;
            text-align: center;
            color: #a32339;
            margin: 0;
            padding: 0;
        }
        
       h1 b{
           font-weight: normal;
           color: #013A6B;
       }
       
       h2{
           font: normal 2em 'Indie Flower';
           color: #333;
           margin-top: 0;
           text-align: center;
           text-transform: lowercase;
       }
       
       prompt{
           font: normal 70% 'Consolas', monospace;
           color: #09497c;
           text-transform: lowercase;
       }
       
       #prompts{
           display: block;
           padding: 1.5em;
           border-top: 5px solid #09497c;
           border-left: 5px solid #09497c;
           border-bottom: 5px solid #b23a4e;
           border-right: 5px solid #b23a4e;
           margin: 1em;
           color: #333;
           font: normal 1.5em 'Inter', sans-serif;
           text-align: center;
       }
       
       #prompts b{
           color: #09497c;
           font-size: 120%;
       }
       
       /** #prompts b{
           font-weight: normal;
           font: normal 150% 'Indie Flower';
       } **/
       
       input[type="button"]{
    background: #09497c;
    font: normal 150% 'Indie Flower';
    color: #fff;
    padding: 10px 20px;
    border: none;
    text-transform: lowercase;
    margin-bottom: 1em;
}

input[type=button]:hover, input[type=button]:focus{
    background: #b23a4e;
}

#footer{
    font: normal 120% 'Indie Flower';
    text-align: center;
    margin-top: 1.5em;
}

a:link, a:visited{
    color: #b23a4e;
    text-decoration: none;
}

a:hover, a:active, a:focus{
    color: #09497c;
}

ul.nav, ul.ohmnanon{
    list-style-type: none;
    -webkit-padding-start: 0!important;
    padding-start: 0!important;
    -moz-padding-start: 0!important;
    width: 100%;
}

ul.nav li.red, ul.nav li.blue{
    display: inline-block;
    width: 21em;
    margin: 5px 1.3%;
}

ul.ohmnanon{
text-align: center;
}

ul li.ohmnanon{
    display: inline-block;
    width: 21em;
}

ul.nav li.ohmnanon a:link, ul.nav li.ohmnanon a:visited{
    margin: 0 auto;
    background: #fff;
    border-bottom: 2px solid #09497c;
           border-right: 2px solid #09497c;
           border-top: 2px solid #b23a4e;
           border-left: 2px solid #b23a4e;
           padding: 10px 1%;
           display: block;
           font: normal 120% 'Indie Flower';
}

ul.nav li.ohmnanon a:hover, ul.nav li.ohmnanon a:focus{
    border-top: 2px solid #09497c;
           border-left: 2px solid #09497c;
           border-bottom: 2px solid #b23a4e;
           border-right: 2px solid #b23a4e;
}

ul.nav li.red a, ul.nav li.blue a{
    margin: 0 auto;
    text-align: center;
    display: block;
    width: 100%;
    padding: 10px 1%;
    color: #fff;
    font: normal 130% 'Indie Flower';
    text-transform: lowercase;

}

ul.nav li.red a:link, ul.nav li.red a:visited{
    background: #013A6B;
    border: 2px solid #013A6B;
}

ul.nav li.blue a:link, ul.nav li.blue a:visited{
    background: #a32339;
    border: 2px solid #a32339;
}

ul.nav li.blue a:hover, ul.nav li.blue a:focus{
    background: #fff;
    color: #013A6B;
}

ul.nav li.red a:hover, ul.nav li.red a:focus{
    color: #a32339;
    background: #fff;
}

@media only screen and (max-width: 960px) and (min-width: 431px) {

html {
-webkit-text-size-adjust: none;
}

#container{
    width: 80%;
    margin: 5% auto;
}

}

@media only screen and (max-width: 430px) and (min-width: 0px) {

html {
-webkit-text-size-adjust: none;
font-size: 90%;
}

#container{
    width: 90%;
    margin: 0% auto;
    padding: 2em 5%;
}

#bar{
    width: 100%;
}

ul.nav li.red, ul.nav li.blue {
  display: block;
  width: 100%;
  margin: 15px 0;
}

ul li.ohmnanon {
  display: block;
  width: 100%;
}

ul.nav li.red a, ul.nav li.blue a{
    width: auto;
}


}