@font-face {
    font-family:"mono45-headline";
    src:url("https://use.typekit.net/af/ec133b/00000000000000003b9afa2a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/ec133b/00000000000000003b9afa2a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/ec133b/00000000000000003b9afa2a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
    font-display:auto;font-style:normal;font-weight:500;
    }

    /*@font-face {
        font-family:"mono45-headline";
        src: url("l2.cff") format("woff2");
        font-display:auto;font-style:normal;font-weight:500;
    }*/
    @font-face {
    font-family: OpenSansLight;
    src: url('../../style/OpenSans-Light.ttf');
    }
    html {
        scroll-behavior: smooth;
    }
    body {
        width: 100%;
        height: 100%;
        background-color: black;
        overflow-x: hidden;
        padding: 0;
        margin: 0;
        
    }/*
    ::selection {
         background: black; 
    } */
    #videocontainer {
        position: relative;
        height: 0px;
        transform: translateZ(-1);
    }
    #bgvid {
        position: fixed;
        left: 0;
        top: 0;
        min-width: 100%;
        min-height: 100%;
    }
    .ascii {
        position: relative;
        font-family: mono45-headline, monospace;
         line-height: 0.9; 
        font-size: 0.82vw;
        width: 95%;
        margin: auto;
        color: white;
        /*border: 1px solid red;*/
    }
    .articletext {
        color: white;
        font-family: 'OpenSansLight';
        text-align: justify;
        width: 38.2%;
        margin: auto;
        font-size: large;
        padding: 10px;
    }
    .green {
        color: rgb(0, 170, 0);
    }
    .green2 {
        color: rgb(0, 255, 0);
    }
    .green3 {
        color: rgb(0, 255, 221);
    }
    .grey{
        color: grey;
    }
    .pink {
        color: rgb(255, 86, 255);
    }
    .penk {
        color: rgb(180, 0, 156);
    }
    .pank {
      color: rgb(180, 0, 156);
        /*color: rgb(219, 66, 28);*/
    }
    .white {
        color: white;
    }
    .bg1 {
        background-color: rgb(30,30,30);
    }
    .bg2 {
        background-color:black;
    }
    .menue {

    }
    .menue:hover {
        background-color: rgb(0, 255, 0);
    }
    .alink {
        text-decoration: none;
        color: white;
    }
    .alink:hover {
        background-color: rgb(0, 255, 0);
    }
    .about-text {
        color: rgb(0, 255, 0);
    }
    .container {
        width: 100%;
    }
    .video {
        /*display:inline-block;*/
        width: 80%;
        margin: auto;
    }
    .banner {
        /*box-shadow: 10px 10px 5px rgb(60,60,60);*/
    }
    .toc {
        position: sticky;
        top: 10%;
    }


    .articlecontainer {
        clear: both;
        color: white;
    }
    .articleh1 {
        text-align: center;
        color: rgb(0, 255, 0);
        margin: 5% 0px;
        margin-bottom: 3%;
    }

    .mediacontainer {
        width: 66%;
        margin: auto;
        padding: 35px 0px;
    }
    .mediacontainer-sm {
        width: 50%;
        margin: auto;
        padding: 35px 0px;
    }
    .mediadescription{
        font-family: 'Courier New', Courier, monospace;
        border-top: 1px solid green;
        color: white;
        padding: 10px;
        width: 95%;
        margin: auto;
    }
    .shell {
        font-family: 'Courier New', Courier, monospace;
        width: 38.2%;
        margin: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        padding: 20px;
        border-radius: 5px;
        /*border: 1px solid green;*/
        border-left: 1px solid rgb(0, 255, 0);
        color:white;
    }
    .promt {
        color: green;
    }
    .output {
        color: rgb(255, 86, 255);
    }
    .compile {
        font-size: x-large;
        width: 70%;
        margin: auto;
    }
    .zitat {
        width: 50%;
        margin: auto;
    }
    .fuzz {
        font-size: large;
        width: 30%;
        margin: auto;
    }
    .mono {
        font-family: 'Courier New', Courier, monospace;
    }
    .crashindex {
        padding: 50px;
        width: 95%;
        height: 33%;
    }
    .crashasm {
        padding: 50px 0px;
        font-size: x-large;
        width: 33%;
        margin: auto;
    }
    li {
        margin: 20px;
    }

        .terminals {
            margin-top:auto;
            position:sticky;
            top: calc(100vh - 150px);
            right: 10px;
            float: right;
        }
        .terminals2 {
            margin-top:auto;
            position:sticky;
            top: 10px;
            float: left;
        }
        .terminals2 ul{
            margin: 0;
            padding: 0;
        }
        .terminals2 ul li{
            font-family: 'Courier New', Courier, monospace;
            margin: 0;
            padding: 0;
        }       
        .terminals2 ul a{
            color: white;
        }
        #term1 {
            font-size: 2.8pt;
            width: 100%;
        }
        #term2 {
            font-size: 2.8pt;
            width: 100%;
        }






    .mediacontainer-cc {
        width: 40%;
        margin: auto;
        padding: 35px 0px;
    }


        .terminals:hover {
            color:rgb(0, 255, 0)
        }


        .skull {
            width: 40%;
            margin: auto;
          }
          
          ::selection {
            color: black;
            background: rgb(0, 170, 0);
          }
          .codeanlyz {
            width: 1000px;
            margin: auto;
            font-size: large;
          }

          .headwrap {
            margin: 5% 0;
            text-align: center;
          }
          .headline {  
            display: inline;
            font-size: 7rem;
            width: 40rem;
          }
          .h1wrap {
            margin: 20px 0;
            text-align: center;
          }
          .hline {
            font-size: 3.5rem;
            width: 20rem;
            display: inline;
          }



    .terminals2 ul li:hover {
        color:rgb(0, 255, 0)
    }
    .terminals a {
        text-decoration: none; 
        color: white;
    }
    .terminals a:hover {
        color:rgb(0, 255, 0)
    }
    .terminals pre:hover {
        color:rgb(0, 255, 0)
    }



        .terminals2 ul{
            margin: 0;
            padding: 0;
        }
        .terminals2 ul li{
            font-family: 'Courier New', Courier, monospace;
            margin: 0;
            padding: 0;
        }       
        .terminals2 ul a{
            color: white;
        }





          * {
            -webkit-box-sizing: border-box;
                    box-sizing: border-box;
          }
          
          .glitch {
            color: rgb(0, 170, 0);
            position: relative;
          }
          
          .glitch::after {
            content: attr(data-trick);
            position: absolute;
            top: 0;
            left: 0.5rem;
            color: rgb(0, 255, 0);
            background-color: #0C1016;
            overflow: hidden;
            text-shadow: -0.5rem 0 rgb(255, 86, 255);
            clip: rect(0, 90rem, 0, 0);
            animation: noise 2s infinite linear alternate-reverse;
          }
          
          .glitch::before {
            content: attr(data-trick);
            position: absolute;
            top: 0;
            left: -1rem;
            color: rgb(0, 255, 0);
            background-color: #0C1016;
            overflow: hidden;
            text-shadow: 0.3rem 0 rgb(255, 86, 255);
            clip: rect(0, 90rem, 0, 0);
            animation: noise 4s infinite linear alternate-reverse;
          }
          
          @-webkit-keyframes noise {
            0% {    clip: rect(11rem, 99.99rem, 6rem, 0);
            }  4% {    clip: rect(11rem, 99.99rem, 10rem, 0);
            }  8% {    clip: rect(12rem, 99.99rem, 11rem, 0);
            }  12% {    clip: rect(4rem, 99.99rem, 6rem, 0);
            }  16% {    clip: rect(11rem, 99.99rem, 12rem, 0);
            }  20% {    clip: rect(8rem, 99.99rem, 5rem, 0);
            }  24% {    clip: rect(11rem, 99.99rem, 11rem, 0);
            }  28% {    clip: rect(2rem, 99.99rem, 3rem, 0);
            }  32% {    clip: rect(8rem, 99.99rem, 5rem, 0);
            }  36% {    clip: rect(5rem, 99.99rem, 3rem, 0);
            }  40% {    clip: rect(1rem, 99.99rem, 7rem, 0);
            }  44% {    clip: rect(5rem, 99.99rem, 5rem, 0);
            }  48% {    clip: rect(10rem, 99.99rem, 2rem, 0);
            }  52% {    clip: rect(9rem, 99.99rem, 7rem, 0);
            }  56% {    clip: rect(5rem, 99.99rem, 10rem, 0);
            }  60% {    clip: rect(11rem, 99.99rem, 2rem, 0);
            }  64% {    clip: rect(8rem, 99.99rem, 10rem, 0);
            }  68% {    clip: rect(4rem, 99.99rem, 1rem, 0);
            }  72% {    clip: rect(7rem, 99.99rem, 10rem, 0);
            }  76% {    clip: rect(11rem, 99.99rem, 7rem, 0);
            }  80% {    clip: rect(3rem, 99.99rem, 8rem, 0);
            }  84% {    clip: rect(2rem, 99.99rem, 10rem, 0);
            }  88% {    clip: rect(10rem, 99.99rem, 5rem, 0);
            }  92% {    clip: rect(10rem, 99.99rem, 12rem, 0);
            }  96% {    clip: rect(5rem, 99.99rem, 3rem, 0);
            }  100% {    clip: rect(8rem, 99.99rem, 12rem, 0);
            }
          }
          
          @keyframes noise {
            0% {    clip: rect(11rem, 99.99rem, 6rem, 0);
            }  4% {    clip: rect(11rem, 99.99rem, 10rem, 0);
            }  8% {    clip: rect(12rem, 99.99rem, 11rem, 0);
            }  12% {    clip: rect(4rem, 99.99rem, 6rem, 0);
            }  16% {    clip: rect(11rem, 99.99rem, 12rem, 0);
            }  20% {    clip: rect(8rem, 99.99rem, 5rem, 0);
            }  24% {    clip: rect(11rem, 99.99rem, 11rem, 0);
            }  28% {    clip: rect(2rem, 99.99rem, 3rem, 0);
            }  32% {    clip: rect(8rem, 99.99rem, 5rem, 0);
            }  36% {    clip: rect(5rem, 99.99rem, 3rem, 0);
            }  40% {    clip: rect(1rem, 99.99rem, 7rem, 0);
            }  44% {    clip: rect(5rem, 99.99rem, 5rem, 0);
            }  48% {    clip: rect(10rem, 99.99rem, 2rem, 0);
            }  52% {    clip: rect(9rem, 99.99rem, 7rem, 0);
            }  56% {    clip: rect(5rem, 99.99rem, 10rem, 0);
            }  60% {    clip: rect(11rem, 99.99rem, 2rem, 0);
            }  64% {    clip: rect(8rem, 99.99rem, 10rem, 0);
            }  68% {    clip: rect(4rem, 99.99rem, 1rem, 0);
            }  72% {    clip: rect(7rem, 99.99rem, 10rem, 0);
            }  76% {    clip: rect(11rem, 99.99rem, 7rem, 0);
            }  80% {    clip: rect(3rem, 99.99rem, 8rem, 0);
            }  84% {    clip: rect(2rem, 99.99rem, 10rem, 0);
            }  88% {    clip: rect(10rem, 99.99rem, 5rem, 0);
            }  92% {    clip: rect(10rem, 99.99rem, 12rem, 0);
            }  96% {    clip: rect(5rem, 99.99rem, 3rem, 0);
            }  100% {    clip: rect(8rem, 99.99rem, 12rem, 0);
            }
          }



















        @media screen and (max-width: 1000px) {
            .articletext {
                /*border: 1px solid green;*/
                width: 66%;
                margin: auto;
                text-align: justify;
                font-size: large;
                padding: 10px;
            }
            .terminals {
                display: none;
            }
            .terminals2 {
                display: none;
            }
            .shell {
                font-family: 'Courier New', Courier, monospace;
                width: 80%;
                margin: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 20px;
                border-radius: 5px;
                border: 1px solid green;
                border-left: 1px solid rgb(0, 255, 0);
                color:white;
            }
            .mediacontainer {
                width: 98%;
                margin: auto;
                padding: 35px 0px;
            }
            .mediacontainer-sm {
                width: 88%;
                margin: auto;
                padding: 35px 0px;
            }
            .fuzz {
                font-size: large;
                width: 60%;
                margin: auto;
            }
            .compile {
                font-size: small;
                width: 90%;
                margin: auto;
            }
        }
        @media screen and (max-width: 800px) {
            .articletext {
                /*border: 1px solid green;*/
                width: 90%;
                margin: auto;
                text-align: justify;
                font-size: large;
                padding: 10px;
            }
            .terminals {
                display: none;
            }
            .terminals2 {
                display: none;
            }
            .shell {
                font-family: 'Courier New', Courier, monospace;
                width: 80%;
                margin: auto;
                margin-top: 10px;
                margin-bottom: 10px;
                padding: 20px;
                border-radius: 5px;
                border: 1px solid green;
                border-left: 1px solid rgb(0, 255, 0);
                color:white;
            }
            .mediacontainer {
                width: 98%;
                margin: auto;
                padding: 35px 0px;
            }
            .mediacontainer-sm {
                width: 88%;
                margin: auto;
                padding: 35px 0px;
            }
            .fuzz {
                font-size: large;
                width: 80%;
                margin: auto;
            }
            .compile {
                font-size:4pt;
                width: 98%;
                margin-left: 5%;
            }
        }