@font-face 
{
  font-family: "Yorstat";
  src: url("font/yor.ttf") format("truetype");
}

@font-face 
{
  font-family: "Linux Biolinum G";
  src: url("font/linux-biolinum-g.otf") format("opentype");
}

/* handle the background */
html
{ 
  background-color: #000000;
}

.hsn_title_div
{
  font-family: "Yorstat";

  font-size: calc(32px + 5.5vw);
  font-style: bold;

  color: #ffffff;

  background: linear-gradient(to right,rgb(255,0,0), rgb(255,255, 255));
  -webkit-background-clip: text;
  /*background-clip: ; */
  -webkit-text-fill-color: transparent;

  margin-top: 60px;

  text-align: center;  
}

.hsn_heading1_modifier
{
  margin-top:    1vw;
  margin-bottom: 1vw;
}

.hsn_subheading_text_div
{
  font-family: "Linux Biolinum G";

  font-size: calc(15px + 4vw);
  font-style: bold;

  color: #ffffff;

  margin-left:   auto;
  margin-right:  auto;
  margin-top:    30px;
  margin-bottom: 50px;

  text-align: center;  
}

.hsn_explain_text_div
{
  font-family: "Linux Biolinum G";
  font-size:   calc(14px + 1.5vw);
  font-style:  bold;

  width: 95vw;
  margin-left:  auto;
  margin-right: auto;
  margin-bottom: 20px;
  
  color: #990000;

  background: linear-gradient(to right,rgb(255,0,0), rgb(255,255, 255));
  -webkit-background-clip: text;
  /*background-clip: ; */
  -webkit-text-fill-color: transparent;

  text-align: justify;  
}

.hsn_link_text_span
{
  color: #ffffff;

  font-weight: bold;
  font-style:  italic;

  text-decoration: underline;
}

.hsn_find_image_img
{
  width: 95vw;

  display: block;

  margin-top: 4vw;
  margin-bottom: 4vw;

  margin-left:  auto;
  margin-right: auto;  
}

.hsn_copyright_div
{
  font-family: "Linux Biolinum G";
  font-size:   14px;

  margin-top: 20px;

  width:        95vw;
  margin-left:  auto;
  margin-right: auto;
  
  color: #999999;

  text-align: left;    
}

/* if the window is wider than the set amount, then apply these changes */
@media only screen and (min-width: 1000px) 
{
  .hsn_subheading_text_div
  {
    font-size: 55px;
  }
 
  .hsn_explain_text_div
  {
    font-size: 29px;
  }  

}  