@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
:root
{
    --clr: #29fd53;
}
.container
{
    display: inline-block;
    min-height: 80vh;
    min-width: 100vw;
    padding: 0px 15%;
    font-family: 'Share Tech Mono', monospace;
    color: var(--clr);
    background: #000;
}
.container h3
{
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 1.6em;
}
.container h3.top
{
    margin-top: 10px;
}
.container p
{
    margin-top: 20px;
    text-align: justify;
    font-size: 1.3em;
}
.container table
{
    width: 100%;
    border: 0px solid var(--clr);
    border-spacing: 0;
    border-collapse: collapse;
    font-size: 1.1em;
}
.container div.circle
{
    position: relative;
    right: 8px; 
    width: 15px; 
    height: 15px; 
    border-radius: 50%;
    background: var(--clr);
}
.container div.circle.top
{
    top: -18px; 
}
.container div.circle.bottom
{
    top: -15px; 
}
.container div.diamond
{
    position: relative;
    right: 6px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    background: var(--clr);
}
.container div.diamond.left-a
{
    top: 10px;
}
.container div.diamond.left
{
    top: 17px;
}
.container div.diamond.right
{
    top: 29px;
}
.container table tr td.upper-left-item
{
    width: 50%; 
    border-bottom: 2px dashed var(--clr);
    border-right: 1px solid var(--clr);
}
.container table tr td.lower-left-item
{
    border-right: 1px solid var(--clr);
}
.container table tr td.upper-right-item
{
    width: 50%; 
    border-bottom: 2px dashed var(--clr);
    border-left: 1px solid var(--clr);
    text-align: right;
}
.container table tr td.lower-right-item
{
    border-left: 1px solid #29fd53;
    text-align: right;
}
.container table tr td.top
{
    padding-top: 10px;
    padding-bottom: 3px;
}
.container table tr td.bottom
{
    padding-top: 3px;
    padding-bottom: 10px;
}

.footer
{
    padding-top: 200px;
    background: #000;
}

p a:link {
    background-color: black;
    color: var(--clr);
}