span {color:red;}
h1 {margin-bottom:0;}
p {margin:0;}
input[type=button] {
    /* отступы*/
   
    padding: 8px 5px;
    margin: 5px;
    /* Styles */
    border: 1px solid #0273dd; /* Fallback */
    border: 1px solid rgba(0,0,0,0.4);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.3),
        inset 0 10px 10px rgba(255,255,255,0.1);
    border-radius: 3px;
    background: #38a6f0;
    cursor:pointer;
   
    /* Шрифт  */
    font-family: 'Ubuntu', 'Lato', sans-serif;
    color: white;
    font-weight: 700;
    font-size: 15px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
}
 
input[type=button]:hover {
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
}
 
input[type=button]:active {
    background: #287db5;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.6);
    border-color: #000; /* фаллбек */
    border-color: rgba(0,0,0,0.9);
}
 
 th:first-child {
 background: #F9A3F9;
 width:100%;
 }
 
 td:first-child {
 background: #C9E3FE;
 width:100%;
 }
 
 .test th:first-child {
 background: #F9A3F9;
 width:auto;
 }
 
 .test td:first-child {
 background: #C9E3FE;
 width:auto;
 }
 
 .buttons {width:3em}
 #clip {
 overflow:auto;
 display:inline;
 
 }
 
 .ttva{
  display: inline-block;
  border: 1px solid #222;
 }
 .inline {display: inline}
 .SmallClick {
 /* отступы*/
    
 padding: 8px 10px;
 margin: 5px ;
 /* Styles */
 border: 1px solid #0273aa; /* Fallback */
 border: 1px solid rgba(0,0,0,0.4);
 box-shadow:
     inset 0 1px 0 rgba(255,255,255,0.3),
     inset 0 10px 10px rgba(255,255,255,0.1);
 border-radius: 1em;
 background: #00a6a0;
 cursor:pointer;
    
 /* Шрифт  */
 font-family: 'Ubuntu', 'Lato', sans-serif;
 color: white;
 font-weight: 700;
 font-size: 15px;
 text-shadow: 0 -1px 0 rgba(0,0,0,0.8);
 }
 
 #navElem {
padding: 20px 10px;
margin: ;

 }
 #sizeElem {
 padding: 20px 10px;
 margin: ;
 
 }
 
 .block {
 display:block;
 }
 

 
 * {box-sizing: border-box;}
 
 div{
 
 }
 
 p {
 margin: 0 0 1em 0;
 }
 #title {  
 margin:0.5rem;
 padding: 0.5rem;
 border: 1px solid rgb(111,41,97);
 border-radius: 0.5em;
 display:flex;
 
 }
 
 .container {  
 overflow-x: auto;
 border: 1px solid rgb(111,41,97);
 display:flex;
 }
 .item {
  height: 11em;
 margin:.5rem;
 width:45%;
 background-color: rgba(11,41,97,.3);
 border: .4rem solid rgba(111,41,97,.1);
 }
 
 .item:hover {
 background-color: blue;
 }
 .item:after {
 background-color: red;
 }
 
 #test p {
 margin:0px;
 color:darkBlue;
 background-color: rgba(11,41,97,.3);
 }
 
 #tabl p {
 margin:0px;
 color:darkRed;
 background-color: rgba(11,241,97,.3);
 }
 #setting .container{
 margin:2px;
 width:20em;
 justify-content: space-between;
 }
 }
  input,form {
margin:0px;
  }
 #setting p {
 margin:0px;
 color:darkBlue;
 background-color: rgba(211,241,97,.3);
 }
 #tabl div {
 color:darkGreen;
 background-color: rgba(111,41,97,.1);
 }
 .tId {
 color:darkBlue;
 background-color: rgba(11,41,97,.3);
 }
 
 .tId2 {
 color:darkBlue;
 background-color: rgba(51,31,9,.3);
 }
 
 .tId3 {
 color:darkBlue;
 background-color: rgba(201,151,200,.3);
 }
 
 .itemTest {
 margin-left:1rem;
 }
 
 .inpt{
 color:green;
 width:3rem;
 }