/* ===== DieterLab Portfolio ===== */

body {
 


    cursor: crosshair;
    background-color: #000000;
    color: #00ff66;

    font-family: "Courier New", Courier, monospace;

    margin: 40px;
    padding: 40px;

    text-shadow:
        0 0 5px #00ff66,
        0 0 10px #00ff66;
    display: flex;

    justify-content: center;

    align-items: center;

    height: 100vh;

    flex-direction: column;

}

.buttons {

    display: flex;

    justify-content:center;

    gap: 20px;

    margin-bottom:30px;

    border:2px solid #00ff66;

    padding: 12px 24px;

    text-decoration:none;

    transition: .25s;

}

.button:hover {

    background: #00ff66;

    color: black;

    box-shadow:
        0 0 10px #00ff66,
        0 0 20px #00ff66,
        0 0 40px #00ff66;

}



.terminal{

    width:700px;

    margin:40px auto;

    text-align:left;

    border:1px solid #00ff66;

    padding:25px;



}


.cursor{

    display:inline-block;

    width:12px;

    height:22px;

    background:#00ff66;

    margin-left:4px;

    vertical-align:middle;

    animation: blink 1s steps(1) infinite;
    

}

@keyframes blink {

    0%, 49% {
        opacity: 1;

    }

    50%, 100% {
        opacity: 0;

    }

}

.prompt{

    color:#00ff66;

    font-weight:bold;

}

.command{

    color:white;

}

.output{

    color:#00ff66;

}
.cursor::after{

    content:"█";

}