*{
    margin: 0px;
    padding: 0px;
    transition: all 100ms;
    font-family: monospace !important;
}

::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background: transparent;
}
::-webkit-scrollbar-thumb {
    background: gray;
}

a{
    color: cyan;
    font-weight: bold;
    text-decoration: none;
}

a:hover{
    background-color: darkcyan;
    color: cyan;
}

body{
    color: white;
    background-image: url("../media/background.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment:fixed;
    background-position-y: center;
    background-position-x: center;

    overflow: hidden;
    width: 100%;
    height: 100%;
}

.topBar{
    /* padding: 3px; */
    width: 100vw;
    background-color: navy;
    opacity: 0.8;
    font-size: medium;
}

.console{
    max-height: 90vh;
    margin: 10px;
    margin-top: 3vh;
    padding: 10px;
    background-color: #1f2125;
    outline: 2px solid black;
    opacity: 0.85;
    font-size: x-large;
    line-height: 1.07;
    overflow: scroll;
}

.console:hover{
    opacity: 0.9;
}

blink{ animation: cursor-blink 1.5s steps(2) infinite;}
@keyframes cursor-blink {
  0% {
    opacity: 0;
  }
}

details summary{
    cursor: pointer;
}