body {
  background:#000 url(https://frogmoonradio.neocities.org/bgstars.gif) fixed;
  font-family: Verdana;
  font-size: 11px;
  color:#888;
  letter-spacing: 1px;}

        
a:link, a:visited, a:active { 
color:#ff00ff;text-decoration:none;}
      
a:hover {
color:#999;}

b {color:#00ff00;font-weight:bold;}
    

      .flex {
  display:flex;
}

      #header {
        margin-top: 33px;
        margin-left: 50px;
        width:300px;
        height:40px;
        background:#ff00ff;
        border-top-right-radius:15px;
        border-top-left-radius:15px;
        text-align:center;
        color:#000;
        padding:4px;
        font:30px courier;
        border-right:2px solid #00ff00;
        line-height:40px;}
        
        #header2 {
        margin-top: 33px;
        margin-left: 50px;
        width:300px;
        height:40px;
        background:#ff00ff;
        border-top-right-radius:15px;
        border-top-left-radius:15px;
        text-align:center;
        color:#000;
        padding:4px;
        font:25px courier;
        border-right:2px solid #00ff00;
        line-height:40px;}

      
      
      #sidebar {
      margin-left: 50px;
      width:300px;
      background:#fff;
      padding:4px;

      border-left:1px solid #00ff00;
      border-top:1px solid #00ff00;
      border-right:1px solid #00ff00;}
      
      
.sideimg {width:300px;}
.sidetitle {background:#abf7b1;font:20px courier;color:#000;border-radius:15px;
text-align:center;border-bottom:4px solid #00ff00;margin-bottom:4px;}
  

      
      #content {
      margin-top: 100px;
      width:500px;
      background:#fff;
      padding:4px;
      border-top:1px solid #00ff00;
      border-right:1px solid #00ff00;
      border-bottom:1px solid #00ff00;
}
      
.contenttitle {background:#abf7b1;font:26px courier;color:#000;
border-radius:15px;text-align:center;border-bottom:4px solid #00ff00;margin-bottom:4px;}

      
    @media only screen and (max-width: 630px) {
   #content {
    margin-top: 10px;
     margin-left: 30px;
     max-width:99%;
     width:300px;

   }
   
   #header {
    margin-left: 30px; 
   }
   
   #sidebar {
    margin-left: 30px; 
   }
   .flex {
     flex-wrap:wrap;
     flex-direction:row;
   }
   .right {
     order:2;
     width:300px;
   }
   .left {
     order:1;
   }
   section {
     display:flex;
     flex-wrap:wrap;
     width:120px;
   }
       }