ul{display:flex}ul li{margin-left:10px;border-radius:25px;background:#2f354d;padding:10px 20px;cursor:pointer}ul li.active{background-color:hsl(3,86%,64%);color:#000}.headline{align-items:center}.boxes,.headline{display:flex;justify-content:space-between}.boxes{width:100%;flex-wrap:wrap}.boxes .box{width:471px;max-width:475px;height:200px;max-height:500px;display:flex;background:#1f2535;margin-top:15px;align-items:flex-start;padding:20px;word-break:break-all;border-radius:20px;position:relative;box-shadow:2px 2px 2px hsl(225,23%,24%)}.boxes .box h3{margin-bottom:7px}.boxes .box p{padding:0 30px 0 0}.boxes .box img{width:50px;margin-right:15px}.buttonFlex{display:flex}.remove{bottom:25px;border:1px solid #000}.activeornot,.remove{color:#fff;border:none;background:none;cursor:pointer}.remove{position:absolute;left:13px;bottom:20px;border:1px solid hsl(226,11%,37%);border-radius:15px;padding:7px 15px}.activeornot{position:absolute;right:13px;bottom:25px}.zero-extensions{font-size:40px;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}.switcher{width:45px;height:22px;background:hsl(3,86%,64%);border-radius:15px;position:relative;cursor:pointer}.switcher .status{width:20px;height:19px;background:#fff;position:absolute;border-radius:15px;right:-8px;top:50%;transform:translate(-50%,-50%)}.switcher.active{background:gray}.status.active{left:12px;transform:translate(-50%,-50%)}.name{text-align:center;margin-top:20px}.name a{color:hsl(3,71%,56%)}.dark .box{background:#fff;color:#000;box-shadow:2px 2px 2px hsl(0,0%,93%)}.activeornot,.dark .remove{color:#000}.dark li{background:#fff}