body {
    background-color: #f3edd0;
}

.container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fejszin {

    background-color: #160b3d;

}

.gombok {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.checkmark {
    background-color: black;
  }
  
  table.table-bordered{
    border:10px solid #383f2c;
    border-right: 14px double #452a20;
    border-left: 14px double #452a20;
    margin-top:20px;
  }

th,td {
    border: 1px solid black;
    padding: 10px;
    font-size: 20px;

}

#data {
    margin-bottom: 10px;
}
 
#data input{
    padding: 10px;
    width: 80px;
}

.mutat {
    visibility: hidden;
  }

.latszik {
    visibility: show;
  }
/* 
  tr:nth-child(even) {
    background-color: #6A2031;
    color: #FAE0E7;
  }

  ============================================================
*/
  .ml1 {
    font-weight: 900;
    font-size: 3.5em;
  }
  
  .ml1 .letter {
    display: inline-block;
    line-height: 1em;
    color: #f0dab3;
  }
  
  .ml1 .text-wrapper {
    position: relative;
    display: inline-block;
    padding-top: 0.1em;
    padding-right: 0.05em;
    padding-bottom: 0.15em;
  }
  
  .ml1 .line {
    opacity: 0;
    position: absolute;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fff;
    transform-origin: 0 0;
  }
  
  .ml1 .line1 { top: 0; }
  .ml1 .line2 { bottom: 0; }