/* simple reset*/
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
 html{
    font-size: 1.44rem;
    line-height: 1.44;
    height: 100%;
 }
 h1{
    font-size: 4.209rem;
 }
 h2{
   font-size: 3.157rem;
 }
 h3{
   font-size: 1.777rem;
 }
 h4{
   font-size: 1.777rem;
 }
 pre,
 code {
   font-size: 1.2rem;
   font-family: Arial, Helvetica, sans-serif;
   color: aliceblue;
   white-space: pre-wrap;
 }
 small {
   font-size: 0.777rem;
 }

 strong {
   color: rgb(102, 127, 239);
 }

 ul{
   margin: 0 1.44em;
 }

 /* end of reset */

 /* basic styling */

 body {
   min-height: 110vh;
   font-family: Arial, Helvetica, sans-serif;
   color: rgb(0, 0, 0);
   background-color: rgb(0, 0, 0);
 }

 h1,
 h2,
 h3,
 h4 {
   font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
   color: rgb(163, 172, 175);
 }

 /* anchor tag pseudo elements */
 a:link,
 a:visited {
   color: rgb(102, 127, 239);
   /* transition: color o,5s;*/
 }

a:hover,
a:focus {
   color: rgb(255, 255, 255);
   text-decoration: none;
   /*background-color: rgba (240, 240, 0,15); */
}