body {
  background-repeat: no-repeat;
  /* For Safari 5.1 to 6.0 */
  background: -webkit-linear-gradient(left,#2F8F75,#12F6E9,#58F8AB,#A0FB71,#EBFF33);
  /* For Opera 11.1 to 12.0 */
  background: -o-linear-gradient(right,#2F8F75,#12F6E9,#58F8AB,#A0FB71,#EBFF33);
  /* For Fx 3.6 to 15 */
  background: -moz-linear-gradient(right,#2F8F75,#12F6E9,#58F8AB,#A0FB71,#EBFF33);
  /* Standard syntax */
  background: linear-gradient(to right,#2F8F75,#12F6E9,#58F8AB,#A0FB71,#EBFF33);
} 
.navbar { font-family: 'Indie Flower', cursive !important; }
.navbar-brand { font-family: 'Indie Flower', cursive; font-size: 1.5rem; }
.navbar-nav a { font-size: 1.5rem; }
.dropdown-menu.inverse a { font-size: 1.5rem; }

@media (min-width: 992px) {
.navbar-brand { font-family: 'Indie Flower', cursive; font-size: 1.2rem; }
.navbar-nav a { font-size: 1.2rem; }
.dropdown-menu.inverse a { font-size: 1.2rem; }
 }

@media (max-width: 992px) {
.hide { display: none; }
}
.landing { 
       background-image: url('./doublenuts.png');
       background-size: 100% auto;
       background-position: 0% 10%;
       background-repeat: no-repeat;
       background-color: #007bff;
 }
.fillclick { color: #252525; 
        font-size: 20px;
        font-family: 'Bubblegum Sans', cursive; }
a.old:link { color: #12F6E9; 
         background-color: #252525; 
         font-family: 'Indie Flower' , cursive;
         font-size: 18px;
         padding: 1px; 
         display: block; 
         border-radius: 5px;
         text-decoration: none; }
a.land:link {      padding: 2px; 
         margin: 100px 0px 100px 0px;
         border-radius: 5px; 
         display: inline; 
         font-size: 20px;
         font-weight: bold;
         font-family: 'Indie Flower' , cursive; }
a.norm:link { padding: 1px;
        font-size: 1.4rem;
        font-family: 'Indie Flower', cursive;
              font-weight: bold;
              display: inline; }
a.l:link { font-weight: bold;
         font-size: 30px;
         padding: 15px; 
         display: inline;
         border-radius: 15px; }
a.award:link { display: inline; 
               color: #F5F9FC;
               background-color: #F5F9FC;
               padding: 0px;
               margin: 0px; }
a.recipe:link { display: inline; 
                font-weight: bold;
                font-size: 18px; }
a.afill:link { display: inline; 
               color: #FFFFFF; }
a.bfill:link { display: inline; 
               color: #FFFFFF; }
a.cfill:link { display: inline; 
               color: #FFFFFF; }
a.dfill:link { display: inline; 
               color: #FFFFFF; }
a.efill:link { display: inline; 
               color: #FFFFFF; }
a.ffill:link { display: inline; 
               color: #FFFFFF; }
a.gfill:link { display: inline; 
               color: #FFFFFF; }
a.hfill:link { display: inline; 
               color: #FFFFFF; }
a.old:visited { color: #12F6E9; 
            background-color: #252525; 
            font-weight: bold; }
a.afill:visited { color: #FFFFFF; }
a.bfill:visited { color: #FFFFFF; }
a.cfill:visited { color: #FFFFFF; }
a.dfill:visited { color: #FFFFFF; }
a.efill:visited { color: #FFFFFF; }
a.ffill:visited { color: #FFFFFF; }
a.gfill:visited { color: #FFFFFF; }
a.hfill:visited { color: #FFFFFF; }
a:hover { color: #FFFFFF; }
a.old:hover { color: #252525; background-color: #12F6E9; }
a.old:active { color: #2F8F75; background-color: #252525; }
.binfox { margin: 0px 0px 0px 10px; }
.infox { margin: 0px 0px 0px 10px; }
.helpx { margin: 0px 0px 0px 10px; }
img { height: 100%; }
#img { float: left;  
       height: 100%; 
       max-width: 10%; }
.menu { float: left;
          width: 0%; 
          height: 100%; 
          font-weight: bold;
          font-family: arial;
          font-size: 15px;}
.space { width: 10%; 
         word-wrap: break-word; }
.main { top: 10%;
        right: 5%;
	left: 5%;
        bottom: 2%;
         position: absolute;
         width: 90%;
         border-style: solid;
         border-width: 4px;
         border-color: #252525;
         overflow-y: auto;
     text-align: center;
  background: -webkit-linear-gradient(#12F6E9,#E7FEFD);
  background: -o-linear-gradient(#12F6E9,#E7FEFD);
  background: -moz-linear-gradient(#12F6E9,#E7FEFD);
  background: linear-gradient(#12F6E9,#E7FEFD); }
.mover { width: 75%; }
iframe { float: right;
         border-style: solid;
         border-width: 4px;
         border-color: #252525;
         width: 85%; 
         height: 98%; }
.iframer { width: 75%; }
.landingfill  { color: #000000;
                font-size: 1.5rem;
                font-family: 'Indie Flower', cursive;
                margin: 5%; }
.fill { color: #000000; 
        font-size: 1.4rem;
        font-family: 'Indie Flower', cursive;
	text-align: center;
        margin: 5%; }
.header { font-size: 3rem; 
          color: #000000;
          font-weight: bold;
	  text-align: center;
          font-family: 'Indie Flower' , cursive; }
.lheader { text-align: center; 
       position: relative; 
       color: #000000; 
       font-family: 'Chango', cursive;
       font-size: 4rem;
       margin: 5% 10% 2% 10%;}
#llheader { margin: 8% 25% 10% 25%;}
ul { font-size: 20px; 
        font-family: 'Indie Flower', cursive; 
        margin: 5%; }
#main {  height: 85%;
         width: 80%;
         margin: 1% 10% 1% 10%;
         border-style: solid;
         border-width: 4px;
         border-color: #252525;
         overflow-y: auto;
     text-align: center;
  background: -webkit-linear-gradient(#12F6E9,#E7FEFD);
  background: -o-linear-gradient(#12F6E9,#E7FEFD);
  background: -moz-linear-gradient(#12F6E9,#E7FEFD);
  background: linear-gradient(#12F6E9,#E7FEFD); }
#main2 { text-align: center; }
#lmain { position: relative;
       text-align: center; 
       color: #000000; 
       font-size: 6vh;
       font-weight: bold;
       font-family: 'Indie Flower', cursive; }
#linfo { font-weight: bold;
       text-align: center;
       margin: 0% 10% 0% 10%;}
#link { font-size: 30px;
       font-family: 'Chango', cursive; }
.llinks { width: 50%; }
.foot { position: relative;
       text-align: center; 
       color: #252525; 
       font-size: 1rem;
       font-family: 'Arial'; 
       margin: 5%;}
#symptoms { text-align: left; 
            margin: 5%;
            font-family: 'Indie Flower', cursive; }
#list { margin: 50px 0px 0px 0px; 
        width: 25%; }
#awards { height: 40px;
          width: relative; }
#mnawards { margin: 10% 30% 5% 30%;  
	 padding: 12 0 0 25;
         box-shadow: 10px 10px 10px 10px #252525;        
         border-style: solid;
         border-width: 4px;
         border-color: #252525; }
.land { margin: 20px; }
.landiv { margin: 20px; }
#lland { font-size: 30px;
         text-decoration: underline; }
#chatrule { float: right; 
            margin: 20%; }
a#rulecheck:hover { background-color: #FFFFFF; }
#rulecheck { font-size: 2rem; }


.table { margin: 0% 37.5% 0% 37.5%; 
         font-family: 'Indie Flower', cursive;
         font-size: 1.2rem; }
#tablerec { width: 25%; }

@media (max-width: 768px) {
.table { margin: 0% 0% 0% 0%; }
#tablerec { width: 100%; }
}

.scrollable-menu {
	height: auto;
	max-height: 200px;
	overflow-x: hidden;
}
.recipefill { font-family: 'Indie Flower', cursive; }
a.rec:link { color: #000000; }
a.rec:visited { color: #000000; }
a.rec:hover { background-color: #FFFFFF;
              color: #000000; 
	      border-radius: 8px; }
.mood {
 width:100%;
 margin: 5% 0% 0% 0%;
 height:620px; }