html {
    --gradient: linear-gradient(135deg, #ff6b6b 0%, #ff9a9e 70%);
}

.gradient-text {
    background: var(--gradient);
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

h1 {
	font-size: 3em;
    font-weight: 600;
    padding-bottom:0.5em;
    display:inline-block;
}

li::before {
    content: "> ";
}

li{
    padding-bottom:0.5em;
    font-weight:600;
}

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

a:hover {
    text-decoration: underline;
}

ul{
    display:inline-block;
    text-align: left;
    list-style:none;
}

@media(max-width: 999.98px){
    .row {
        padding:1em;
    }

}

@media(min-width: 1000px){
    .row {
        display:flex;
        align-items:center;
    }

    .bio {
        text-align:right;
    }

    html, body, .container, .row{
        height:100%
    }
}