:root {
    --main-color: #1d2025;
    --alt-color: #282c34;

    --atom-main: #e06c75;
    --atom-alt: #d19a66;
    --atom-secondary: #abb2bf;
    --atom-secondary-alt: #98c379;
}

body {
    background-color: var(--main-color);
}

#noVNC_container {
    /* background: url("http://192.168.6.135:8900/app/images/font-awesome-icon-grid-wallpaper-grey.png"); */
    background: var(--alt-color);
    background-size: cover;
}

/* #noVNC_control_bar_handle */

#noVNC_status {
    display: block;
    position: fixed;
    left: unset;
    top: 10px;
    right: 10px;
    width: 300px;
    height: fit-content;
    border-radius: 10px;
    padding: 10px;

    &::before {
        display: block;
        float: left;
    }
}

p.noVNC_logo {
    color: var(--atom-main);
    & > span {
        color: var(--atom-alt);
    }
    
    &::after {
        content: "\2588";
        margin-left: 15px;
        font-family: 'Courier New', Courier, monospace;
        color: #c7cfdc;
        animation: blink 1s step-start infinite;
    }
}

h1.noVNC_logo {
    color: var(--atom-main);
    & > span {
        color: var(--atom-alt);
    }
}


@keyframes blink {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  

#noVNC_connect_dlg div, #noVNC_connect_button {
    background: var(--atom-secondary-alt);
    border-color: rgba(0, 0, 0, 0.4);
}

#noVNC_connect_button:hover {
    background: var(--atom-secondary-alt);
    filter: brightness(80%);
}

.noVNC_panel .noVNC_heading {
    background-color: var(--atom-secondary);
}

.noVNC_panel {
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
}

#noVNC_clipboard_text {
    background: black !important;
    color: white;
}

.noVNC_control_bar, #noVNC_control_bar {
    /* background-color: var(--atom-secondary); */
    background-color: rgba(0, 0, 0, 0.4);
    height: 100%;
    backdrop-filter: blur(10px);
}

#noVNC_control_bar_handle {
    background-color: rgb(0, 0, 0, 0.5);
    box-shadow: none;
}

.hidden {
    display: none !important;
}

/* .noVNC_logo {
    font-family: 'Orbitron', 'OrbitronTTF', sans-serif;
    line-height: 0.9;
    text-shadow: 0.1em 0.1em 0 black;
    display: inline-block;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(50deg,
      hsl(0, 100%, 50%),
      hsl(30, 100%, 50%),
      hsl(60, 100%, 50%),
      hsl(90, 100%, 50%),
      hsl(120, 100%, 50%),
      hsl(150, 100%, 50%),
      hsl(180, 100%, 50%),
      hsl(210, 100%, 50%),
      hsl(240, 100%, 50%),
      hsl(270, 100%, 50%),
      hsl(300, 100%, 50%),
      hsl(330, 100%, 50%),
      hsl(360, 100%, 50%)
    );
     text-shadow:unset !important;
  } */