body {
  font-size:1.2em;line-height:1.4em;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

  background:#222;
  color:#ddd;}
  
  .logostuff
  {fill:#f60;}
  .logo{width:200px;margin-top:90px;}
  
  a {color:#f60;}
  
  .list a {color:#ddd;}
  .list {list-style-type: square;  columns: 2;
}
  .list li::marker{color:#f60;}
  
  .main {max-width:600px;margin-left:auto;margin-right:auto;width:100%;}
  
  .buttons{list-style:none;flex-wrap:wrap;
    margin:0px;padding:0px;display:flex;justify-content:center;
    }
    .buttons li {margin:10px;}
    
    
    /* Style the list */
ul.breadcrumbs {
padding: 10px 16px;
list-style: none;
background-color: hsla(0,0,0,0.5);
}

/* Display list items side by side */
ul.breadcrumbs li {
display: inline;
font-size: 18px;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumbs li+li:before {
padding: 8px;
color: #eee;
content: "\00BB";
}

/* Add a color to all links inside the list */
ul.breadcrumbs li a {
color: #f60;
text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumbs li a:hover {
color: #01447e;
text-decoration: underline;
}



      
  .othersites{
    list-style:none;flex-wrap:wrap;
    margin:0px;padding:0px;display:flex;justify-content:center;
    }
    
    .othersites li {margin:10px;}
    .othersites li a img {display:block;border-radius:10px;}
    
    .footer{text-align:center;font-size:smaller;color:#999;padding-bottom:90px;}
    
    .imagecaption, .imagecaption a{
      color:#999;
      text-decoration:none;
      font-size:smaller;
      text-align:center;
      
      }
      
      .computer-list ul {
        list-style:none; margin:0;padding:0;}
        
    .computer-list li img {margin-right:10px; vertical-align:middle;}
      
      .section {
         margin-bottom:40px;
         margin-top:30px;
         border-bottom:dashed #f60 1px;
         padding-bottom:30px;
        
        }
        .social_image{padding:20px;}
         .social_insta_image img,.social_image img {width:100%;border-radius:20px;}
        
        .social_list,.social_list ul{margin:0;padding:0;list-style:none;}     
        
        .social_item{margin:0;padding:0;;list-style:none;margin-bottom:20px;border-radius:10px;background:#111;padding:10px;display:flex;flex-direction:column;}
        .social_date {margin-top:10px;margin_bottom:10px;font-size:smaller;color:gray;}
        .social_permalink a img {width:20px;}
        .hashtag{color:#999;}
        .social_location img{width:20px;vertical-align:middle;margin-right:10px;}
        .social_location a {color:#999 ;text-decoration:none;font-size:smaller;}
        
        .social_preamble {color:#999;font-size:smaller;margin:10px 0 10px 0;}