body {
    background-color: rgb(255, 246, 246);
}

#change-fontsize {
    font-size: 18px;
}

#show-text {
    display: none;
}

#picture-lamp {
    cursor: pointer;
    width: 130px;
    height: 180px;
}

#text-Clicktuof {
    font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
    border-radius: 50px;
    padding: 5px;
    border: 1px solid rgb(63, 44, 44);
    background-color: rgb(189, 186, 184);
    transition: 0.3s;
}
#text-Clicktuof:hover {
    background-color: rgb(159, 156, 154);
}

.on {
    background-color: rgb(255, 154, 91) !important;
}

.on:hover {
    background-color: rgb(218, 131, 77) !important;
}

.off {
    background-color: rgb(189, 186, 184) !important;
}

.off:hover {
    background-color: rgb(159, 156, 154) !important;
}

.box-squares {
    display: flex;
    background-color: rgb(13, 17, 23);
    width: 100%;
}

#squares,
#squares-2,
#squares-3,
#squares-4,
#squares-5,
#squares-6 {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 4px;
}

.box-squaresall {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
    padding: 10px 5px;
    gap: 4px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(61, 68, 77);
    background-color: rgb(13, 17, 23);
    border-radius: 6px;
    width: 1000px;
}
  
  .squares,
  .squares-2,
  .squares-3,
  .squares-4,
  .squares-5,
  .squares-6 {
    display: flex;
    width: 8px;
    height: 8px;
    background-color: #033a16;
    border-radius: 2px;
  }

  .cntrbu {
    font-size: 16px;
    color: rgb(255, 246, 246);
    text-align: left;
    padding-bottom: 4px;
    padding-left: 2px;
    width: 100%;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  }