@font-face { font-family: customFont; src: url('../neonize.ttf'); } 

 .container {
    position: relative;
    height: 170px;
}

.logoclass img{
    position: absolute;
    top: 10px;
    width: 7.5%;
    height: auto;
    filter: invert(1);
}

.toptext h1{
    font-family: "customFont";
    text-rendering: geometricPrecision;
    font-weight: lighter;
    text-align: center;
    line-height: 120px; /* vertically align text */
    font-size: 3vw;
    /*font-size: 60px;*/

    color: #d7fd12;
    text-shadow:
    0 0 7px #fe8618,
    0 0 10px 
#fe8618,
    0 0 21px #fe8618,
    0 0 42px #e95e01,
    0 0 82px #cf4600,
    0 0 92px #cf4600,
    0 0 102px ,
    0 0 151px #cf4600;
}

/*END OF TITLE BLOCK*/

body {
  font-family: 'Helvetica','Ariel',sans-serif;
  line-height: 1.2;
  background-color: #ffff;
  color: #fff;
  padding-left: 120px;
  padding-right: 120px;
  padding-top: 20px;

  background-color: black;
}

head {
  background-color: black;
}

h1 {
    text-align: center;
    font-size: xx-large;
}

h2{
    text-align: center;
    font-size: larger;
}

p1 {
    text-align: center;
    font-size: large;
    line-height: 1.6;
}

a{
    color:#fe8618;
}
a:visited{
    color:#cf4600;
}

.spacer {
    height: 50px; /* Adjust height for vertical spacing */
  }


.articleimage {
    max-height: auto;
    width: 45%;
    display: block;
    margin: 0 auto;

    box-shadow:
        0 0 3px #fe8618, 0 0 8px #fe8618,
        0 0 20px #fe8618;
}

.articleimageshort {
    max-height: auto;
    width: 50%;
    display: block;
    margin: 0 auto;

    box-shadow:
        0 0 3px #fe8618, 0 0 8px #fe8618,
        0 0 20px #fe8618;
}

.articleimageswide {
    height: auto;
    width: 90%;
    display: block;
    margin: 0 auto;

    box-shadow:
        0 0 3px #fe8618, 0 0 8px #fe8618,
        0 0 20px #fe8618;
}