body {
   margin: 40;
   padding: 0;
   font-family: Arial, sans-serif;
   background-color: #2d2d2d;
   color: white;
   display: flex;
   flex-direction: column;
   align-items: center;
   height: 100vh;
}
.container {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 100%;
   max-width: 800px;
   margin-top: 20px;
}
canvas {
   border: 1px solid #333;
   margin-bottom: 20px;
   background-color: #000;
}
.controls {
   display: flex;
   flex-direction: column;
   width: 100%;
   gap: 10px;
   padding: 15px;
   border-radius: 5px;
}
.control-group {
   display: flex;
   align-items: center;
}
label {
   width: 120px;
   margin-right: 10px;
   font-weight: bold;
}
input[type="range"] {
   flex-grow: 1;
}
.value-display {
   width: 50px;
   text-align: center;
   margin-left: 10px;
}
.buttons {
   display: flex;
   justify-content: center;
   gap: 10px;
   margin-top: 10px;
}
button {
   padding: 8px 15px;
   background-color: #4CAF50;
   color: white;
   border: none;
   border-radius: 4px;
   cursor: pointer;
}
button:hover {
   background-color: #45a049;
}
.neighborhood-toggle {
   display: flex;
   align-items: center;
   margin-top: 10px;
}
.toggle-switch {
   position: relative;
   display: inline-block;
   width: 60px;
   height: 34px;
   margin: 0 10px;
}
.toggle-switch input {
   opacity: 0;
   width: 0;
   height: 0;
}
.slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   transition: .4s;
   border-radius: 34px;
}
.slider:before {
   position: absolute;
   content: "";
   height: 26px;
   width: 26px;
   left: 4px;
   bottom: 4px;
   background-color: white;
   transition: .4s;
   border-radius: 50%;
}
input:checked + .slider {
   background-color: #2196F3;
}
input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
   transform: translateX(26px);
}
.color-mode-select {
   padding: 5px;
   border-radius: 4px;
   background-color: #444;
   color: white;
   border: 1px solid #555;
}

.color-mode-select:focus {
   outline: none;
   border-color: #2196F3;
}