h1 {
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-style: solid;
    border-width: 2px;
    color:white;
    text-align:center;
    border-bottom-color:#3e3945;
    font-family: "Big Shoulders Stencil", sans-serif;
        font-weight: 800;
        font-style: normal;
}
h2 {
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    text-align:center;
    font-family: "Creepster", system-ui;
        font-weight: 400;
        font-style: normal;
}
h3 {
    color:white;
    font-family: "Inconsolata", monospace;
        font-weight: 800;
        font-style: normal;

}
h4 {
    color:white;
    text-align: center;
    margin-top: 50px;
    font-family: "Inconsolata", monospace;
        font-weight:800;
        font-style: normal;   
}
h5 {
    color:white;
    text-align: center;
    font-family: "Inconsolata", monospace;
        font-weight:800;
        font-style: normal;   
}
    
p {
    color:white;
    text-align:left;
    font-family: "Inconsolata", monospace;
        font-weight: <weight>;
        font-style: normal;

}
a:link {
    color:white;
    padding: 30px;
    text-decoration: none
}
a:hover {
    color: #b82b0f;
    padding: 30px;
}
a:visited {
    color:white;
    padding: 30px;
    text-decoration: none
}
a:active {
    color: #b82b0f;
    padding: 30px;
    
}
/*comment*/
.skinwalkerpic1{
    width: 500px;
    height: 500px;
    background-color:#e8e1f2;
    margin: left;
    padding: 20px;
}
table.table1{
    width: 1300px;
    height 600px;
    border-width: 2px;
    border-color: white;
    border-style: solid;
    background: rgba(0, 0, 0, 0.5);
    border-bottom-color:#3e3945;
    margin: auto;
    margin-top: 50px;
    text-align: center;
        font-family: "Inconsolata", monospace;
        font-weight: <weight>;
        font-style: normal;
}
tr.tr1{   
}
td.td1{
    border-width: 2px;
    border-color: white;
    border-style: solid;
    color: white;
    padding: 20px;
    width:800px;
    height: 300px:   
}
.td {
    margin: auto;
    align-content: center;
}
.table-head {
    background-color:black;
    font-weight: bold;
    font-size: 30px;   
}
table.table2 {
    width:1300px;
    height:200px;
    background: rgba(0, 0, 0, 0.5);
    border-color: white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    margin: auto;
    padding: 25px;
    text-align:left;
        font-family: "Inconsolata", monospace;
        font-weight: <weight>;
        font-style: normal;
}
tr.tr2 {
    
}
td.td2 {
    border-color: black;
}
td.td3 {
  margin: auto;
}
.table-head2 {
        background-color:#c3becf;
        font-weight: bold;
        font-size: 30px;
}
.button {
    background-color:#c3becf;
    border-radius: 20px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    font-size:16px;
    height: 30px;
    padding: 20px 28px;
    width:250px;
    margin: auto;
    text-align: center;
        font-family: "Inconsolata", monospace;
        font-weight: <weight>;
        font-style: normal;   
}
.map-master {
    width:1060px;
    height:720px;
    margin:auto;
}
.map{
    width:960px;
    height:620px;
    background-image: url(picture/usmap.jpg);
    position: absolute;
    padding: 30px;
}
.pin1{  
    width:26px;
    height:40px;
    position: absolute;
    left:350px;
    top:220px;  
}
.pin1-rollover{
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: none;
    padding: 10px;
    text-align:center;
    width:200px;
    height:260px;
    position:absolute;
    left:110px;
    top:60px;
}
.pin1:hover + .pin1-rollover{
    display: block;
}
.pin2{  
    width:26px;
    height:40px;
    position: absolute;
    left:320px;
    top:430px;
}
.pin2-rollover{
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: none;
    padding: 10px;
    text-align:center;
    width:200px;
    height:300px;
    position:absolute;
    left:90px;
    top:370px;
}
.pin2:hover + .pin2-rollover{
       display: block;
}
.pin3{
    width:26px;
    height:40px; 
    position: absolute;
    left:450px;
    top:400px;
}
.pin3-rollover{
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: none;
    padding: 10px;
    text-align:center;
    width:200px;
    height:220px;
    position:absolute;
    left:540px;
    top:400px;  
}
.pin3:hover + .pin3-rollover {
    display: block;
}
.pin4{
    width:26px;
    height:40px; 
    position: absolute;
    left:510px;
    top:270px;
}
.pin4-rollover{
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: none;
    padding: 10px;
    text-align:center;
    width:200px;
    height:300px;
    position:absolute;
    left:600px;
    top:270px;  
}
.pin4:hover + .pin4-rollover {
    display: block;
}
.pin5{
    width:26px;
    height:40px; 
    position: absolute;
    left:500px;
    top:240px;
}
.pin5-rollover{
    background: rgba(0, 0, 0, 0.5);
    border-color:white;
    border-bottom-color:#3e3945;
    border-style: solid;
    border-width: 2px;
    color: white;
    display: none;
    padding: 10px;
    text-align:center;
    width:200px;
    height:200px;
    position:absolute;
    left:590px;
    top:240px;  
}
.pin5:hover + .pin5-rollover {
    display: block;
}
audio {
    margin: auto;
}