/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('../../../styles/fonts/materialicons/materialicons.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

@font-face {
  font-family: 'ibm_plex_mono';
  font-display: swap;
  src: url('../../../styles/fonts/IBM_Plex_Mono/ibmplexmono-regular-webfont.woff2') format('woff2');
}
@font-face {
  font-family: 'ubuntu_regular';
  font-display: swap;
  src: url('../../../styles/fonts/Ubuntu/ubuntu-regular-webfont.woff2') format('woff2');
}
@font-face {
    font-family: 'Lucida_Console_Regular';
    font-display: swap;
    src: url('../../../styles/fonts/Lucida_Console_Regular/lucida_console_regular-webfont.woff2') format('woff2');

}
/* Scrollbar on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color:darkgreen #090909;
}
/* Scrollbar on Chrome, Edge, and Safari */  
*::-webkit-scrollbar {
  width: 6px ;
}
*::-webkit-scrollbar-track {
  background:#090909;
  padding: 1px;
}
*::-webkit-scrollbar-thumb {
  background-color:darkgreen;
  border-radius: 5px;
}
*{
  padding: 0;
  margin: 0;
  box-sizing: border-box;

  
}
:is(html, body) {
  /*text-decoration: none;
  list-style: none;*/
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
    font-family: 'Lucida_Console_Regular' !important;
    background-color: #000;
    cursor: url('../../../images/cursors/green-black/Normal Select.cur'), default;
}
/*:is(h1,h2,h3,h4,p,a,span,ul,li) {
    text-decoration: none;
}*/
#main-container {
    background: url(https://devcrew.com.pl/images/wallpapers/1.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.main-container {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #0e0f10;
    border-top: 1px solid black;
}
.main-container::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: -10px;
    right: 0;
    /* background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.9)); */
    z-index: 2000;
    background-size: 100% 2px, 0 100%;
    /*background: transparent url("../../../images/crt.png") repeat top left;*/
    pointer-events: none;
    /*box-shadow: 0px 3px 4px -2px inset #646464;*/
    box-shadow: 0px 3px 5px -2px inset #646464;
    border-radius: 15px 15px 0 0;
    border-radius: 8px 8px 0 0;
    /*border-radius: 20px 20px 0 0;
      border-left: 4px solid black;
      border-right: 4px solid black;
      border-top: 4px solid black;
      border-bottom: 4px solid black;*/
}
.content {
    position: absolute;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-family: 'ibm_plex_mono';
}
#context-space{
    /*box-sizing: border-box !important;*/
    position: relative;
    width: 80%;
}

@media screen and (max-width: 600px) {
 body {
    background-size: 900px;
    background-size: cover;
 }
 #main-container {
    background-size: 900px;
    background-size: cover;
 }
}
@media screen and (max-width: 1024px) and (min-width: 600px) {
  #main-container {
    background-size: 1200px;
    background-size: cover;
 }
}  
@media screen and (max-width: 1024px) and (min-width: 600px) {
  body {
    background-size: 1200px;
    background-size: cover;
 }
}