a.button.tab
  {margin:0; border-width:2px}
a.button.tab.first
  {margin-right:0; border-top-right-radius:0; border-bottom-right-radius:0}
a.button.tab.second
  {margin-left:0; margin-right:0; border-radius:0; border-bottom-right-radius:0; border-left:0}
a.button.tab.middle
  {margin-left:0; margin-right:0; border-radius:0; border-left:0; border-right:0}
a.button.tab.last
  {margin-left:0; border-top-left-radius:0; border-bottom-left-radius:0}
a.button.tab.inactive
  {background-color:white; color:var(--dark); border-color:var(--dark)}
a.button.tab:hover
  {background-color:var(--tintlite)}
 
.app_card_parent
  {min-height:200px; height:fit-content; min-width:90%;
   margin-left:auto; margin-right:auto; display:flow-root}
.app_menu
  {height:600px; background-color:var(--dark); color:white; padding:10px}
.app_card
  {min-height:200px; height:auto; min-width:300px; max-width:90%; width:400px;
   float:left; border: solid var(--dark) 4px; border-radius:25px;
   margin:10px; padding:10px; color:var(--dark); font-weight:normal}
.app_card._code
  {min-width:100px !important}
.app_card._links
  {min-height:100px !important; max-height:100px !important}
.app_card:hover
  {border-style:dashed;background-color:var(--tintlite)}
.app_card a
  {text-decoration:none; color:var(--dark); background-color:white}
.app_hdr
  {color:white; font-size:var(--subhdrf); width:100%; background-color:var(--dark);
   text-align:center; padding:2px}
.app_ver
  {color:var(--dark); font-size:var(--normalf); font-weight:normal}
.app_copy, .app_summ, .app_desc
  {color:var(--dark); font-size:var(--largef); font-weight:normal}
.app_contact
  {color:black; font-size:var(--largef); font-weight:normal}
.app_ul
  {text-decoration:underline; font-weight:bold}
.app_card .img_top
  {width:100%; height:auto; top:0}

.dl_cont
  {max-width:800px !important; width:auto}
.dl_cont_large
  {max-width:100% !important; width:auto}
.dl_table
  {margin-left:10px; margin-right:10px; padding-right:10px; width:100%; max-width:1000px}
.dl_table th
  {height:100px}
.dl_th_logo
  {width:100px}
.dl_th_details
  {width:auto}
.dl_logo
  {height:100px; width:100px; margin-left:10px}
.dl_title
  {background-color:var(--light); color:white; font-size:var(--subhdrf);
   margin-left:20px; margin-right:20px}
.dl_ver, .dl_count, .dl_summ, .dl_desc
  {color:var(--dark); font-size:var(--largerf); margin-left:20px; text-align:left}
.dl_summ, .dl_Expiry
  {font-weight:bold}
.dl_error
  {color:red}
.dl_price
  {color:red; font-size:var(--largerf); margin-left:20px}
.dl_table2
  {width:200px; margin-top:20px; margin-left:10px}
.dl_table2 td
  {width:200px !important}
.dl_table2 h3
  {font-size:var(--subhdrf);text-align:center}
.dl_platform
  {height:100px; width:100px}
.dl_btn_div
  {padding-left:10px; padding-right:10px; text-align:center}
.dl_donate
  {margin:20px}
.dl_nav
  {width:fit-content; height:auto; padding:10px; align-content:center}
.dl_nav a.tab
  {font-weight:bold; font-size:var(--largerf)}
.dl_expiry
  {font-size:var(--largerf); margin:5px 10px 0px 10px !important; text-align:center; font-weight:bold}

div.blog
  {min-height:400px; height:auto; max-width:90%; margin:10px auto 10px auto; font-size:var(--normalf);
   color:var(--dark); background-color:white; padding:10px}
div.blog em
  {font-style:italic; font-weight:bold}
.blog h1
  {font-size:var(--largerf); background-color:var(--dark); color:white;
   border-radius:5px; padding:3px; text-align:center}
.blog h2, .blog h3
  {color:var(--dark); background-color:white; text-align:unset !important}
.blog h2
  {font-size:var(--largerf)}
.blog h3
  {font-size:var(--largef)}
.blog code
  {font-weight:bold}   
.blog kbd
  {border: solid 1px black; padding:1px; font-weight:bold}  
div.blog_image_l, div.blog_image_r
  {background:transparent; border:none; padding:10px; min-width:100px; width:50%;
   position:relative; top:0; color:var(--dark); font-size:var(--normalf)}
div.blog_image_l
  {float:left; left:0}
div.blog_image_r
  {float:right; right:0}
div.blog_image_30
  {max-width:30% !important}
a.blog_image
  {text-decoration:none; background:none; cursor:pointer; font-size:var(--smallf);
   color:black}
div.blog_text
  {padding:5px}
.blog_text a
  {text-decoration:none; color:var(--dark); font-weight:bold;
   padding-left:5px; padding-right:5px}
.blog_text ul a
  {text-decoration:initial; color:red; font-weight:normal}
img.blog_image
  {width:100%; height:auto}
.blog pre
  {overflow: auto; padding: 15px; margin: 10px 20px;}
  
@media only screen and (max-width:800px)
{ .app_card {min-width:240px; width:300px}
  .dl_nav a.tab {font-size:var(--largef); padding:5px}
}

@media only screen and (max-width:640px)
{ div.blog_image_r,
  div.blog_image_l
    {width:94% !important; float:none; left:auto; right:auto}
  .dl_th_logo {display:none}
}