body{
    text-align: center;
    color: whitesmoke;
    background-color: black;
    font-family: "Gill Sans", sans-serif;
    margin: 8vh;
}

body hr{
    margin: 4vh;
}

div.main{
    margin: auto;
    max-width: 1024px;
}

div.photo img{
    width: 28vh;
    border: 8px solid whitesmoke;
}

div.cv_button {
    color: whitesmoke;
    border: 2px solid whitesmoke;
    padding: 16px;
    display: inline-block;
}

div.cv_button::before {
    content: url("https://api.iconify.design/fluent:document-pdf-24-regular.svg?color=%23ffffff&height=32");
    vertical-align: -0.5em;
}

div.cv_button:hover{
    color: black;
    background-color: whitesmoke;
    cursor: pointer;
}

div.cv_button:hover::before {
    content: url("https://api.iconify.design/fluent:document-pdf-24-regular.svg?color=%23000000&height=32");
    vertical-align: -0.5em;
}

div.cv_button:active{
    color: black;
    background-color: whitesmoke;
    cursor: pointer;
    border: 4px solid black;
    padding: 14px;
}

div.cv_button:active::before {
    content: url("https://api.iconify.design/fluent:document-pdf-24-regular.svg?color=%23000000&height=32");
    vertical-align: -0.5em;
}


div.icon-ref{
    display: inline;
}

div.icon-ref img{
    width: 10%;
    min-width: 128px;
}

img#bw-svg-icon{
    margin: 8px;
    filter: invert(98%) sepia(4%) saturate(270%) hue-rotate(202deg) brightness(116%) contrast(92%);
}

img#bw-svg-icon:hover{
    margin: 4px;
    filter: none;
    background-color: whitesmoke;
    border-radius: 50%;
    border: 4px solid whitesmoke;
}

img#bw-svg-icon:active{
    margin: 4px;
    filter: none;
    border: 4px solid black;
    border-radius: 50%;
    background-color: black;
}