body > header{
box-shadow: 0 0 1px black;
}
photo{
margin: 2vw; min-height: 100px; max-width: min(calc(24vh + 12vw), 100%); max-height: calc(24vh + 12vw); border: 2px solid white; object-fit: cover;
}
role{
color: lightgray; font-weight: lighter;
}
.social{
margin: 15px; height: 5vw; min-height: 50px; max-height: 100px; transition: transform .5s ease; object-fit: contain;
}
.social:hover{
-webkit-transform: scale(1.2); transform: scale(1.2);
}
@media screen and (max-width: 768px){
body > header{ position: initial !important; }
}