/* Terminal Hackerspace Theme */
@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');

:root {
    --bg-primary: #1a1f2e;
    --bg-secondary: #2d3448;
    --bg-screen: green;
    --screen-scan-line-colour: yellow;
    --text-primary: #c5c8c6;
    max-width: device-width;

}

* {
    margin: 3px 2px;
    padding: 0;
    box-sizing: border-box;
}


.spaced.panel{
    margin: 2.5px 2.5px 2.5px 2.5px;
}

body {
    font-family: 'JetBrains Mono', monospace;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    background-image: 
        radial-gradient(circle at 1px 1px, rgba(0, 255, 65, 0.1) 1px, transparent 0);
    background-size: 20px 20px;
}

.container{
    display: flex;
    flex-direction: row;
    margin: 0
}

.navbar{
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: var(--bg-secondary);
    padding: 10px;
    border-radius: 8px;

    text-align: center;
    margin: 0 auto;
    

    ;

}

.panel {
    display: flex;
    background-color: var(--bg-secondary);
    border-radius: 8px;
    padding: 5px;
    box-shadow: 0 2px 20px 10px rgba(0, 0, 0, 0.3);
        border: 2px solid rgba(50, 50, 50, 0.2);


    box-shadow: inset 0 3px 5px  rgba(0, 0, 0, 0.5);
    margin: 0
    
    
}

a{
    color: var(--text-primary);
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    text-decoration: none;
    font-weight:bolder;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: small;
    margin: 0 1em;
    
}

a:hover{
    text-decoration:solid underline overline;
    text-underline-offset: 0.375em;
}

h1, h2, h3, h4 {
    color: var(--text-primary)  ;
    text-align: inherit;
}

h4{
    font-size: 80%;
    margin-bottom: 0.5em;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.05em;
}

p {
    font-size: 1.1em;
    color: var(--text-primary);
    text-shadow: 0 0 70px var(--text-primary);
}

ul{
    list-style:inside "* ";
    padding: 0;
    font-size: 0.6em;
}

.text_screen {
    color: red;
    /* text-shadow: 0 0 70px red; */
    font-family: 'JetBrains Mono', '-apple-system','blinkmacsystemfont', monospace;
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: 700;
    /* mix-blend-mode: screen; */
    /* isolation: isolate; */
}