:root {
    --bg-color: #ddd;
    --btn-border: #ccc;
    --btn-pressed: #eee;
    --btn-unpressed: #ccc;
    --btn-hover: #aaa;
    --ref-unpressed-color: #028c00;
    --ref-pressed-color:red;
  
    --fnt-size:1rem;
    --margin-size:10px;
  }

* {
    font-family: monospace;
    font-size: var(--fnt-size);
}




body {
    background-color: #6D6D69;
}

.mainContainer {
    position: relative;
    /*padding: 10px;*/
    width: 100%;
    height: 100%;
}

body{
    margin: 0;
    padding: 0;
}
/*
html{
    margin: 0;
    padding: 0;
}*/

.text, .textarea {
    position: absolute;
    /*resize: none;*/
    padding: 0;
    margin: 0;
}

::-webkit-scrollbar-track {
	background-color: #fff; /*Цвет скролла*/
} 
::-webkit-scrollbar-thumb { 
	border-radius: 5px; /*Закругление ползунка*/
	background-color:orange; /*Цвет ползунка*/
} 
::-webkit-scrollbar { 
	width: 6px;  /*Толщина скролла*/
    height: 6px;
}

.textarea {
    /*width: 100%; При редактировании ненужные переносы!!*/
    min-height: 200px;
    border: none;
    color: rgba(0, 0, 0, 0);
    caret-color: #F8F8F2;
    outline: none;
    /*overflow-wrap: break-word;*/

    padding-left: 0px;
    padding-top: 1px;
    margin: 0;
    text-wrap: nowrap;
}

article:has( .textarea){
    background-color: rgba(0, 0, 0, 0.9);
}

.text {
    margin: 0;
    color: #F8F8F2;
    padding-top: 1px;
    padding-left: 0px;
    /*width: 100%;
    height: 100%;*/
    /*overflow-wrap: break-word;*/

    min-height: 200px;
    border: none;
    outline: none;
    text-wrap: nowrap;
}

.operator {
    color: #F4005F;
    font-weight: 900;
}

/*.operator:before { white-space:pre; content: '\A'; }*/

.key_word {
    color: #58D1EB;
    font-style: italic;
    font-weight: 900;
}

/*.key_word:before { white-space:pre; content: '\A'; }*/

.digit {
    color: #9D65FF;
    font-weight: 900;
}

.textoverlay{
    color: blue;
  }