:root {
    --bg-color: #ffb8cf;
    --txt-color: red;
    --txt2-color: black;
    --txt-size: 16px;
}

.dark {
    --bg-color: CornflowerBlue;
    --txt-color: DarkSlateBlue;
    --txt2-color: white;
}

.bigfont {
    --txt-size: 20px;
}

html {height:100%;font-family: "Roboto", sans-serif;}

body {font-size: var(--txt-size); color: var(--txt2-color); background-color: var(--bg-color); height:100%; margin:0%; display:grid; justify-content: center; grid-template-columns: 15vh 56.25vh 15vh;}

#main-content {width:56.25vh;height:60%;} /*! если мобила 100% если не мобила то это условие ? */

#main-content-ui {width:100%;}

#text-card-input-wrap {height:100%;}

.textarea {overflow:hidden;height:1em; background-color:var(--bg-color);width:100%;resize: none;font-size:14pt;outline:none;border:none;line-height: 1;padding:0px;}

#filler {height:25%;}

#registration {background-color:#feffd4;height:40%;}

#login {background-color:#feffd4;height:40%;width:56.25vh;}

.shadow {border-radius: 2.5vh;padding:5%;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.40);}

.block {background-color:white;height:50%;}

.text {}

.sidebar {width:15vh;}

#titleForm, #title {font-size: 44px;font-family: "Vollkorn", serif; font-weight: 700; background-color: var(--bg-color);
    display:grid; align-items: center;justify-content:center;
}
/*#titleForm, #title {display:flex;font-size: 44px;font-family: "Vollkorn", serif; font-weight: 700; 
justify-content:center;align-items: center;
background-color: #ffb8cf;}*/

.blurred {color: var(--txt-color); filter: blur(3px);}
.unblurred {color: var(--txt-color);}

.ripple1::first-letter {
    border: solid;
}

.ripple2 {
    transition-property: text-shadow;
    transition-duration: 1s;  
    }
    
.card-list-title {font-family: "Roboto", sans-serif; font-weight: 900; font-style: italic;font-size: 1.5rem;}

.blockC {}
.it22listc {display:inline}

.listCell {}
/*.listCell {display: flex;}*/

.bSelUnblur {color: var(--txt-color);filter: blur(3px);}
.bSelBlur {}
#diagram > div:first-of-type {max-width:0px;}

.card-ui {display:none;position: absolute;background-color: white;}
.tip-section {display:none;}
.helpdivc {display:none;}
.show {display:block;}
.showib {display:inline-block;}

#interval-iteration {max-width:15%;}
.interval-iteration-c {max-width:15%;display:inline-block;}

#mem-line-1 {display:inline-block; width:5%; background-color: #4eb550;}
#mem-line-2 {display:inline-block; width:10%; background-color: #54aac7;}
#mem-line-3 {display:inline-block; width:15%; background-color: #4ec1c7;}
#mem-line-4 {display:inline-block; width:20%; background-color: #ab4ec7;}
#mem-line-5 {display:inline-block; width:25%; background-color: #c77e4e;}
#mem-line-6 {display:inline-block; width:5%; background-color: #c74e4e;}

.block-lineUp {display:none}
.block-lineDown {display:none}

#cookieinfo {
    text-align: center;
    font-size: 11px;
    background: white;
    padding: 10px 10px; 
    display:none;
}
#info-policy {}
#accept-cookie {
    background: Gainsboro;
    padding: 3px 3px; 
    font-weight: 500;
}