/* text.css */
@font-face {
    font-family: terminal;
    font-weight: normal,;
    font-style: normal;
    src: url('font/Glass_TTY_VT220.ttf');
}
/*
Background rgb(40, 40, 40) #282828
Apple IIC rgb(102, 255, 102) #66FF66
*/

html {
    margin: 0px;
    padding: 0px;
    height: 100%;
    border-left: 10px solid rgb(102, 255, 102);
    border-right: 10px solid rgb(102, 255, 102);
    background-color: rgb(40, 40, 40);
}

html:before, html:after {
    content: "";
    position: fixed;
    left: 0px;
    right: 0px;
}
html:before {
    top: 0px;
    border-top: 10px solid rgb(102, 255, 102);
}
html:after {
    bottom: 0px;
    border-bottom: 10px solid rgb(102, 255, 102);
}

body {
    margin: 0px;
    padding: 10px 0px 0px 0px;
}

body, header section, a {
    color: rgb(102, 255, 102);
    font: 1.3rem 'terminal', 'Courier New', Courier, monospace;
    /* text-shadow: 0px 0px 5px rgb(102, 255, 102); */
}

a {
    text-decoration: none;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

li a {
    
    color: rgb(102, 255, 102);
}

li:hover {
    background-color: rgb(102, 255, 102);
}
li:hover a {
    color: rgb(0, 0, 0);
}

header {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    background-color: rgb(102, 255, 102);
}

header section {
    font-weight: bold;
    text-align: center;

    color: rgb(0, 0, 0);
}
header section:first-child {
    text-align: left;
}
header section:last-child {
    text-align: right;
}
header section a:hover {
    color: rgb(102, 255, 102);
}

main {
    display: grid;
    grid-template-columns: 2fr auto;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px; 
}

main article {
    padding-left: 15px;
    text-align: left;
}

main aside {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr 1fr;/* auto repeat(5, 1fr);*/
    grid-column-gap: 0px;
    grid-row-gap: 0px;

    text-align: right;

    border-left: 10px solid #66ff66;
    border-bottom: 10px solid rgb(102, 255, 102);
}

main aside nav {
    text-align: center;
}

main aside section, main aside nav {
    border-bottom: 10px solid rgb(102, 255, 102);
}

main aside section {
    text-align: center;
}

main aside section:last-child {
    min-height: 100%;
    height: 100%;
}

.warning  {
    animation: blinker 2s infinite;      
}

@keyframes blinker {
    from { opacity: 1.0; font-weight: 100;}
    50% { opacity: 0.5; font-weight: 500;}
    to { opacity: 1.0; font-weight: 900;}
}