@import url('https://fonts.googleapis.com/css2?family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');
body{
    margin: auto;
}
header{
    text-align: right;
    font-family: 'Ubuntu Mono', monospace;
    background: linear-gradient(
        to bottom,
        rgb(106, 227, 177) 0%,
        silver 15%,
        silver 90%,
        white 100%
    );
    box-sizing: content-box;
    padding: 20px;
    position: sticky;
    top: 0;
    z-index: 100;
}
#name{
    margin: 0;
    font-size: 2em;
    font-weight: bold;
}
#tag{
    margin: 0;
    color: white;
    font-family: 'Fira Code', monospace;
}
article > h1{
    font-family: 'Fira Code', monospace;
    font-size: 100%;
}
article > p{
    font-size: 80%;
}
article{
    text-align: justify;
    font-family: 'Ubuntu Mono', monospace;
    padding: 10px;
    max-width: 800px;
    margin: auto;
}
#favicon{
    width: 1em;
    display: inline-block;
    position: relative;
    top: 4px;
}
table{
    border-collapse: collapse;
    margin: 0 auto;
}
th, td{
    border: solid black 1px;
    text-align: center;
}
.img-container{
    text-align: center;
}
img{
    max-width: 300px;
}
.metric{
    max-width: 80%;
    max-height: 80vh;
    margin: auto;
    display: block;
    border: solid rgb(106, 227, 177) 1px;
}