@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root
{
    --clr: #29fd53;
}
div.screen
{
    width: 80%; 
    height: 400px;
    margin: 40px auto;
    padding: 20px;
    border: 2px solid var(--clr);
    border-radius: 20px;
}
div.screen img
{
    width: 161px;
    height: 188px;
    border: 2px solid var(--clr);
}
div.screen tr.row
{
    border-top: 5px solid black;
}
div.screen tr td.title
{
    width: 100%;
    height: 30px;
    text-align: center;
    font-size: larger;
}
div.screen tr td.label
{
    width: 20%; 
    text-align: right;
}
div.screen tr td.box
{
    width: 30%;
    height: 10px !important;
    background: var(--clr);
    color: black;
    padding-left: 5px;
}
div.screen tr td img.skill
{
    width: 65px; 
    height: 65px;
    border-radius: 10px;
}

div.filler-50
{
    padding-top: 50px;
}

.blink 
{
    animation: blinker 2s linear infinite;
}
@keyframes blinker 
{
    50% 
    {
        opacity: 0;
    }
}