h1, h2, p {
    font-family: Roboto, sans-serif;
}

header {
    display: flex;
    margin-top: 5vh;
    justify-content: center;
    align-items: center;
}

header img {
    width: 25vh;
    height: 25vh;
    margin-right: 5vw;
    border-radius: 5rem;
}

header h1 {
    font-size: 10vh;
}

div {
    flex-direction: column;
    width: 50vw;
    margin: auto;
    justify-self: center;
}

div h2 {
    font-size: 6vh;
}

div p {
    font-size: 3vh;
    padding-left: 5vw;
    color: #adadad;
}

p a {
    color: #adadad;
    text-decoration: none;
}

p a:hover {
    color: #7d7d7d;
}

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

.icons i {
    padding-left: 1vw;
    color: #000000;
}

.icons i:hover {
    color: #7d7d7d;
}

span {
    color: #000000;
    font-size: 3vh;
}

@media(max-width: 700px) {
    div {
        width: 80vw;
    }
}