body {
    height: 100vh;
    margin: 0;
}

::-moz-selection {
  background: blueviolet;
  color: greenyellow;
}

::selection {
  background: blueviolet;
  color: greenyellow;
}

.header{
  font-family: "NHaas-Reg";
  font-size: 15pt;
  /*position: fixed;
  padding-bottom: 40px;*/
}

.one{
    color: #877A6C;
}


.footer{
    position: fixed;
    bottom: 20px;
    color: #BABABA;
    font-family: "NHaas-Reg";
    font-size: 10pt;
    padding-left: 20px;
}

#SI{
     color: #BABABA;
}

#home{
    color: black;
    text-decoration: none;
}

.content{
    z-index: 100;
    position: relative;
    font-family: "NHaas-Reg";
    font-size: 15pt;
    padding: 20px;
    color: #877A6C
}

.content a{
    text-decoration: none;
    color:  #877A6C;
}

.interview{
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    padding-top: 50px;
    flex-basis: auto;

}

.interview1{
    display: flex;
    justify-content: flex-start;
    gap: 50px;
    flex-basis: auto;
}

.date{
    white-space: nowrap;
    max-width: 150px;
    min-width: 150px;
    text-align: left;
}

.name{
    width: 20px;
    text-align: left;
}


#images{
    width: 250px;
}


@media only screen and (max-width: 768px) {


    .interview{
        flex-direction: column;
        gap: 10px;
        padding-top: 30px;
    }

    .interview1{
        flex-direction: column;
        gap: 10px;
        padding-bottom: 20px;
    }


    .image-section{
        margin-right: 10px;
         margin-bottom: 20px;
         float: left;
         width: 150px;
    }



}



@font-face {
  font-family: "NHaas-Reg";
  src: url('NHaasGroteskDSStd-55Rg.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "NHaas-LT";
  src: url('NHaasGroteskDSStd-45Lt.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}