body { /* */
    font-family: Arial, sans-serif;
  }
  .Nazaretka { /*Загаловак*/
    position: absolute;
    left: 1278px;
  }
#fixed-list-label{/*Заголовок Персов*/
position:absolute;
    left: 1040px;
    top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#fixed-name-display{/*Персы/Роли*/
    position: absolute;
    left: 756px;
    top: 163px;
    max-height: 200px;
    overflow-y: auto;
    padding: 10px;
    margin-top: 10px;
}
#fixed-button{/*Кнопка Рол Перс*/
    position: absolute;
    top: 218px;
    left: 1072px;
}
#toggle-fixed-list-button{/*Кнопка Свап Перс */
    position: absolute;
    top:85px ;
    left: 1174px;
}
.YourName{ /*Твоё Имя*/
    position:absolute;
    left: 1295px;
    top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
#dynamic-button{/*Кнопка Имя */
    position: absolute;
    top: 218px;
    left: 1307px;
}
#combined-button{/*Кнопка комба*/
    position: absolute;
    top: 155px;
    left: 1215px
}
.Party{/*Пати*/
    position:absolute;
    left: 1527px;
    top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center; 
}
#dynamic-name-list{
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px; 
}  
  #output-history-list {
    max-height: 200px;
    overflow-y: auto;
    border: 1px solid #ccc;
    padding: 10px;
    margin-top: 10px;
  }

  .used {
    text-decoration: line-through;
    color: gray;
  }

  #fixed-name-output {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
    position: relative;
    left: 300px;
  }

  #fixed-icon {
    position: absolute;
    left: 773px;
    top: 121px;
    width: 50px;
    height: 50px;
    object-fit: contain;
    border: 1px solid #ccc;
  }

  #fixed-name-display {
    font-size: 16px;
  }

  #dynamic-name-display {/*Имя*/
    position: absolute;
    left: 1336px;
    top: 193px;
  }

  #name-input{/*Имя Ввод*/
    position: absolute;
    width: 100px;
    top: 193px;
    left: 1505px;/*ПАСХАЛКО*/
  }

  #add-name-button{/*Кнопка Добавить Имя*/
    position: absolute;
    top: 216px;
    left: 1531px;
  }
  #clear-button {/*Очистка*/
    position: absolute;
    top: 81px;
    left: 1508px;
  }

  #dynamic-name-list{/*Наше пати лист*/
    position: absolute;
    top: 68px;
    left: 1630px;
    width: 200px;
    height: 900px;
  }
.OurParty{
    position: absolute;
    top: 26px;
    left: 1631px;
}
  #output-history-list {
    position: absolute;
    left: 1200px;
    top: 300px;
    width: 300px;
    height: 1200px;
    max-height:  700px;
    max: width 300px; ;
  }
.Istoria{
    position: absolute;
    top: 257px;
    left: 1324px;
}
  button {
    position: relative;
    left: 100px;
  }

  h3 {
    margin-top: 30px;
  }