/*
 * Sandy Mc Carthy - Personal website
 * Stylesheet file
 */


/* Body background gradient */
body {
    margin: 0;
    padding: 0;

    width: 100%;
    height: 100%;

    background: #c9ccd5;
    background-image: linear-gradient(rgba(255, 255, 255, .2) .1em, transparent .1em), linear-gradient(90deg, rgba(255, 255, 255, .2) .1em, transparent .1em);
    background-size: 1.5em 1.5em;
    font-family: 'Press Start 2P', sans-serif;
    font-style: normal;
    font-variant: small-caps;
    font-weight: 700;
    line-height: 24.200001px;
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADoSURBVHgB7dvBCoMwFETRa+n//3LrppsgJpUYE+aenagID2YSRDcafXZn57cdC3oRzgEQ7s1FZeTLjlilE4wA4ewAOlm1E4wA4ewAbrJKJxgBwtkBDDJrJxgBwtkBPGSWTjAChLMDmMRTnWAECGcHMKlRnWAECGcHsIi7OsEIEM4OYBKVT5Ba7r/UCUaAcHYANykz/e8y7TvBQRwA4bp1wEHmt+J8uU5zduw7wUEcAOEud0At86swAoSLH0Bzbnuvy7V9wcH19Hz+jxEgnPuA1gtXXedrjADh3Acwidq/ySX3AZ04AMJ9AWp9S7kxG2uPAAAAAElFTkSuQmCC"), auto;
}

/* Fonts */
h1 {
    font-family: Coda;
    font-size: 22px;
    font-style: normal;
    font-variant: small-caps;
    font-weight: 700;
    line-height: 24.200001px;
}

h3 {
    font-family: Coda;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 700;
    line-height: 15.4px;
}

p {
    font-family: Coda;
    font-size: 14px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 20px;
}

blockquote {
    font-family: Coda;
    font-size: 21px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 30px;
}

pre {
    font-family: Coda;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 18.57143px;
}

.me {
    height: 100%;
    width: 100%;
}

/* Linkedin and portfolio buttons */
@media screen and (min-width: 900px) {

    .linkedin,
    .portfolio {
        height: 7em;
        width: 7em;
    }
}

@media screen and (max-width: 900px) {

    .linkedin,
    .portfolio {
        height: 4em;
        width: 4em;
    }
}

.linkedin:hover,
.portfolio:hover {
    -webkit-filter: invert(100%);
    filter: invert(100%);
    cursor: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAELSURBVHgB7ZtLDoMwEEOdqve/Mq3aDUWFyYTw9XuroIBAlmwmQyhqp0yOh+A4uv4QHjIHAWROTx/+eH4YliOglLLls1SDBWQOAsgcBJA5CCBzEEDm2Avw1HmI+gcRTWsJLCBzyIDROOrxbUq2fzA9/z3f1IPEAjKHDBiNL9nXn6MiIz7PjwVkDt8FRuO1fX1lrt+bue8QWEDmUAeokT/vWV0RLCBzqAMW5lJ1QfrG8fp+1Xx0P1EHfEEAmbNUB/yYZrqePlut3woWkDlkgG5K7T5ELCBzyIDEubesC7CAzKEfoH4cmgmt/x9gAZlDBmg7umZCtkcoMqAOBJA5u2VAB7L7GMmAGhBA5rwAF9BBi5wOTMIAAAAASUVORK5CYII="), auto;
}

/* Bubble */
.bubble_container {
    min-height: 400px !important;
}

.bubble {
    width: 100%;
    height: 50%;
}