@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.min.css);

body {
    background-image: url("images/pat.jpg");
    background-repeat: repeat;
    color: white;
    /* Hack makes iOS use the right size on first load */
    font-size: 32;
}

a, h1, img, p {
  margin: 1vmin;
}

.main {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-family: "Raleway";
    font-size: 5vmin;
    width: 100vmin;
}

.row {
  display:flex;
  justify-content:center;
  align-items: center;
}

.headshot {
    border-radius: 50%;
    max-width: 30vmin;
    max-height: 30vmin;
}

.fab {
    font-size: 10vmin;
    /* Must be equal to height for vertical center */
    line-height: 15vmin;
    background: gray;
}

a {
    color: white;
    text-decoration: none;
}

a:hover,
a:focus {
    color: black;
    text-decoration: none;
}

.icon {
    width: 15vmin;
    height: 15vmin;
}