.header-container{position:fixed;width:100%;display:flex;flex-direction:column;justify-content:center;margin:2% 2% 0% 0%}.header-title h1{font-family:Bebas Neue;text-align:center;font-size:250%}a{font-weight:500;color:#00f;text-decoration:inherit}a:hover{color:#0000ff86}@media only screen and (max-width: 600px){.header-title h1{font-family:Arial,Helvetica,sans-serif;text-align:center;font-size:200%}}.photo-container{display:flex;flex-direction:column;align-items:center;padding:6% 0% 0%}.photo-container img{margin:auto;width:50em;height:auto}.photo-label-container{display:flex;flex-direction:row;justify-content:space-between;width:50em}.photo-name{font-size:130%;font-family:Times New Roman,Times,serif}.photo-year{font-size:130%}@media only screen and (max-width: 1920px){.photo-name,.photo-year{font-size:125%}}@media only screen and (max-width: 1730px){.photo-container{padding:8% 0% 0%}.photo-name,.photo-year{font-size:115%}}@media only screen and (max-width: 1160px){.photo-container img{width:70vw;height:auto}.photo-label-container{width:70vw}.photo-name,.photo-year{font-size:110%}}@media only screen and (max-width: 600px){.photo-container img{width:90vw;height:auto}.photo-label-container{width:90vw}.photo-container{padding:12% 0% 0%}.photo-name,.photo-year{font-size:100%}}.footer-text{margin:auto;padding:1em;text-align:center;color:#000}*{margin:0;padding:0;box-sizing:border-box}body{background-color:#8000ff55;width:100%;min-height:100vh;position:relative}h1{font-size:3.2em;line-height:1.1}
