body.main {
  background: -webkit-linear-gradient(#0159E8,#01D3E8);
  background: -o-linear-gradient(#0159E8,#01D3E8);
  background: -moz-linear-gradient(#0159E8,#01D3E8);
  background: linear-gradient(#0159E8,#01D3E8);
  padding: 5% 0% 0% 0%;
}

.navbar { font-family: 'Indie Flower', cursive !important; }
.navbar-brand { font-family: 'Indie Flower', cursive; font-size: 1.4rem; }
.navbar-nav a { font-size: 1.4rem; }
.dropdown-menu.inverse a { font-size: 1.4rem; }

@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; }
 }

.chatroom { margin: 0%;
            width: 100%;
            height: 80vh;
}

@media (min-width: 992px) {
.chatroom { margin: 2% 5% 0% 5%;
            width: 90%;
            height: 85vh; }
}
a.link:link { color: #FFFFFF; 
         font-weight: bold; 
         border-radius: 5px; }
a.link:visited { color:#FFFFFF; font-weight:bold; }
a.link:hover { color: #0159E8; 
          background-color:#FFFFFF; }
.chat { text-align: center; 
        color: #000000;
        text-shadow: 0 0 5px #88b9f4, 0 0 5px #88b9f4;
        font-family: 'Indie Flower' , cursive;
        font-size: 1.2rem; 
        margin: 20px; }
@media (min-width: 992px) {
.chat { font-family: 'Indie Flower', cursive; font-size: 1.4rem; }
 }
#headermain { text-align: center; 
          font-family: 'Indie Flower' , cursive;
          text-shadow: 0 0 10px #000000, 0 0 10px #000000;
          font-size: 6vw;
          font-weight: bold; 
          color: #FFFFFF;
          margin: 20px;
          clear: both; }
#header { text-align: center; 
          font-family: 'Indie Flower' , cursive;
          text-shadow: 0 0 10px #000000, 0 0 10px #000000;
          font-size: 50px;
          font-weight: bold; 
          color: #FFFFFF;
          margin: 20px;
          clear: both; }
#header2 { text-align: center; 
          color: #000000;
          font-family: 'Indie Flower' , cursive;
          font-size: 1.8rem;
          font-weight: bold; 
          text-shadow: 0 0 5px #88b9f4, 0 0 5px #88b9f4;
          clear: both; }
@media (min-width: 992px) {
#header2 { font-family: 'Indie Flower', cursive; font-size: 2.5rem; }
 }
#column { width: 50%;
          float: left; 
          font-family: 'Indie Flower' , cursive;
          font-size: 20px;}
#main { margin: 50px; }
#footer { padding: 20px;
          width: 100%;
          text-align: center;
          color: #FFFFFF;
          background-color: #000000;
          float: bottom;
          font-family: arial;
          font-size: 14px; 
          font-weight: bold;
          position: relative;
          clear: both; }