*{
  margin: 0;
  padding: 0; 
  }
  
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
  
  
  .lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}

  
  hr {
  border: none;
  border-top: 1px solid #700000;
  overflow: visible;
  text-align: center;
  height: 1px;
}
  
  .hr { 
    width: 100%; 
    height: "0.3px"; 
    margin: 0;
    color: #700000;
    text-decoration:inherit;
    }
  
  .line { 
    width: 100%; 
    height: "0.6px"; 
    margin: 0;
    padding: 0;
    color: #700000;
    background: #000000;
    }
  
  * { 
    color: #d5d5d5;
    font: lighter 1rem Latolato-regular;
    font-family: lighter "Lato", san-serif;
    }
  
  copy { 
    color: #d5d5d5; 
    outline: none;
    margin: 0;
    padding: 0;
    font: lighter 1rem lato-regular;
    text-decoration:inherit;
  }

	p { 
	  color: #d5d5d5;
	  margin: 0 0 0.5rem 0;
	}

	p. { 
	  color: #700000;
	  margin: 0 0 0.5rem 0;
	}

  halfline. { line-height: 150%; }
  
  small { 
    color: #d5d5d5;
    line-height: 0.66rem;
    margin: 0;
    padding: 0;
    font: lighter 1rem Lato;
  }
  
  h1 {
  color: #700000;	
  margin: 0 0 0 0; 
  outline: none;
  font: lighter 2.4rem lato-regular;
  text-decoration:inherit;
  }
    
  h2 {
  color: #d5d5d5;	
  margin: 0 0 0 0;
  outline: none;
  font: lighter 2.4rem lato-regular;
  text-decoration:inherit;
  }
        
  h3 {
  color: #700000;	
  margin: 0 0 0 0;
  font: lighter 1.6rem lato-regular;
  text-decoration:inherit;
  }
    
  h4 {
    color: #d5d5d5;	
    margin: 0 0 0 0;
    font: lighter 1.6rem lato-regular;
    text-decoration:inherit;
  }
  h5 {
    font-size: 1rem;
    color: #d5d5d5;
    text-decoration:inherit;
  }
  h6 {
    font-size: 0.66rem;
    color: #d5d5d5;
    text-decoration:inherit;
  }
  
  sub {
    height: 5rem;
    color: #700000; 
    text-decoration:inherit;
    
    }
    
  t1 {
    color: #700000;	
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font: lighter 1rem lato-regular;
  }
    
  t2 {
    color: #d5d5d5;
    margin: 0 0 0.5rem 0;
    padding: 0 0 0 0;    
    font: lighter 1rem lato-regular;	
  }
    
  a { 
    color: #d5d5d5;
    outline: none;
    font: lighter 1rem lato-regular;
    text-decoration:inherit; 
  }
  a:hover,
  a:focus	{ 
    color: #26292e;
    font: lighter 1rem lato-regular;
    text-decoration:inherit; 
  }
  
        .halfLine { line-height:50%;}
  
  {
        scrollbar-face-color :#000000;
        scrollbar-shadow-color : #000000;
        scrollbar-highlight-color : #000000;
        scrollbar-3dlight-color : #000000;
        scrollbar-darkshadow-color: #151515;
        scrollbar-track-color :#000000;
        scrollbar-arrow-color : #000000;
        }
  
  