:root{
    --bg: #222222;
    --text: white;
    --highlight: #fcc404;
    --light: #919191;
    --darkerlight: #191919;
    --headers: white
}

body{
    font-family: 'Courier New', Courier, monospace;
    /* background: radial-gradient(circle, var(--bg) 0%, rgb(33, 34, 112) 50%); */
    background: var(--bg);
    color: var(--text);
    margin: 0 auto;
    text-wrap: wrap;
    width: 70%;
    text-align: center;
}

h1{
    font-size: 3rem;
}

h1,h2,h3,h4,h5,h6{
    color: var(--headers);
}

b{
    color: var(--headers);
    filter: brightness(200%);
}

#bio{
    margin: auto;
}

a{
    color: var(--highlight);
}

a:hover{
    color: var(--light);
}

.center{
    margin: auto;
    width: fit-content;
}

.center *{
    width: fit-content;
}

.line-list{
    list-style-type: "- ";
}

footer{
    margin-top: 5vh;
}

ul{
    padding: 0;
    width: fit-content;
    margin: auto;
}

ul>*{
    text-align: left;
}

hr{
    color: var(--light);
}

.switch-theme{
    width: 0px;
    height: 0px;
    border: 15px solid white;
    outline: 2px solid var(--light);
    display: inline-block;
}

.switch-theme:hover{
    cursor: pointer;
    outline-color: white;
}

.switch-theme[data-theme="c1"]{
    border-top-color: #232582;
    border-left-color: #232582;
    border-bottom-color: #F64C72;
    border-right-color: #F64C72;
}

.switch-theme[data-theme="r1"]{
    border-top-color: #222222;
    border-left-color: #222222;
    border-bottom-color: #fcc404;
    border-right-color: #fcc404;
}

.switch-theme[data-theme="g1"]{
    border-top-color: #010101;
    border-left-color: #010101;
    border-bottom-color: #04fc21;
    border-right-color: #04fc21;
}