   .screen {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 100;
            display: none;
            width: 100vw;
            height: 100vh;
        }

          .lightbulb-container {
            min-width: 220px;
            min-height: 220px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            border: 1px solid #666;
            border-radius: 3px;
        }

        .bulb {
            width: 130px;
            height: 130px;
            background-color: #a7a7a7;
            /* Off state color */
            border-radius: 50%;
            position: relative;
        }

        .base {
            width: 40px;
            height: 35px;
            background-color: #333;
            margin: -8px auto;
            border-radius: 10px;
        }

        .bulb::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            box-shadow: 0 0 15px 5px rgba(255, 255, 0, 0.5);
            /* Yellow glow when on */
            opacity: 0;
            /* Hidden when off */
            transition: opacity 0.3s ease-in-out;
        }

        .bulb.on {
            background-color: rgba(255, 255, 182, 0.8);
            /* Brighter color when on */
        }

        .bulb.on::before {
            opacity: 1;
            /* Show glow when on */
        }

        .bulb {
            transition: background-color 0.3s ease-in-out;
        }

        /** * Just for fun: Wifi icon with pure CSS */
        .icon {
            width: 50px;
            height: 50px;
            border: 1px solid grey;
            display: none;
            justify-content: space-around;
            position: absolute;
            right: 15px;
            top: 15px;
            align-items: self-end;
            padding: 3px;
            border-radius: 3px;
        }

        .line {
            width: 5px;
            background-color: gray;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px;
        }

        .line-1 {
            height: 20px;
        }

        .line-2 {
            height: 30px;
        }

        .line-3 {
            height: 40px;
        }

        .parametrs {
            top: 100px;
            font-size: 45px;
            color: grey;
            display: flex;
        }