diff --git a/css/main.css b/css/main.css index 0e3ac84..11a6a2d 100644 --- a/css/main.css +++ b/css/main.css @@ -110,31 +110,15 @@ } } - .checkbox { - opacity: 0; - position: absolute; - } - - .label { - background-color: #ffffff; + #container2 { display: flex; - align-items: left; - padding: 5px; - height: 26px; - width: 50px; - transform: scale(1.5); + flex-direction: column; + justify-content: center; + align-items: left; } - .label .ball { - background-color: #191919; - position: absolute; - height: 22px; - width: 22px; - transition: transform 0.2s linear; - } - - .checkbox:checked + .label .ball { - transform: transleteX(24px); + .switch { + } .fa-moon {