@font-face { 
  font-family: 'Digital_tech.otf';
  src: local('Digital_tech.otf'),
  url(../font/Digital_tech.otf) format('opentype'); 
  }
@font-face { 
  font-family: 'Digitalo.ttf';
  src: local('Digitalo.ttf'),
  url(../font/Digitalo.ttf) format('truetype'); 
  }
html {
padding-left: 3%;
padding-right: 3%;
font-size: 1rem;
font-family:'Digitalo.ttf', serif; 
color: white;
background-color: #111111;
font-size-adjust: inherit;
line-height: 1.5;
}
body {
font-size: 100%;
font-family:'Digitalo.ttf', serif; 
padding-left: 3%;
padding-right: 3%;
color: white;
background-color: #111111;
font-size-adjust: inherit;
line-height: 1.5;
}
header {
font-family: 'Digital_tech.otf', serif;
font-size: 165%;
font-weight: bold;
text-align: left;
padding-bottom: 3rem;
}
h1 {
font-family: 'Digital_tech.otf', serif;
text-align: left;
font-weight: bold;
font-size: 135%;
}
h2 {
font-family: 'Digital_tech.otf', serif;
text-align: left;
font-weight: bold;
font-size: 120%;
}
p {
font-size: 100%;
font-stretch:200%;
}
span {
font-weight:900;
text-decoration: underline
}
a:link {
color: #8b0000;
font-weight: bold;
text-decoration: none;
}
a:visited {
color: #66996e;
text-decoration: none;
}
a:hover {
color: red;
text-decoration: underline;
}
nav{
font-size: 65%;
max-block-size: 90%;
max-width: fit-content;
overflow: visible;
display: inline-flex;
min-width: 80%;
}
#topnavbar {
color: white;
background-color: #1d1d1d;
position: absolute;
}
#navbar {
background-color: #1d1d1d;
position: fixed;
top: -5000px;
transition: top 03s;
}   
#topnavbar a, #navbar a {
float: left;
color: white;
text-align: left;
  
}
.subnav {
float: left;
overflow: hidden;

}    
.subnav .subnavbtn {
border: none;
outline: none;
color: white;
font: inherit;
font-size: inherit;
background-color: inherit;
}
#topnavbar a:hover, #navbar a:hover, .subnav:hover .subnavbtn {
background-color: #1d1111;
}  
.subnav-content {
display: none;
position: absolute;
background-color: #1d1111;
min-width: 160px;
z-index: 1;
}
.subnav-content a {
float: left;
color: white;
}
.subnav-content a:hover {
background-color: #eee;
}
.subnav:hover .subnav-content {
display: block; 
}
#floated {
float: left;
padding-right: 10px;
}
footer {
font-size:100%;
background-color: #1d1d1d;
padding-top: 3rem;
padding-left: 2.5%;
padding-right: 2.5%;
overflow: hidden;
}