* {
    font-size: 1.3em;
    user-select: none;
    padding: 0;
    margin: 0;
    font-family: YaHei;
    font-weight: bold;
    /* 全局页面样式 */
}

body {
    text-align: center;
    overflow: hidden;
    background-image: url(./background.png);
    /* body样式 */
}

#out {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin: .2em 0;
}

#out div {
    height: 200px;
    width: 100px;
    color: white;
    background-color: rgb(206, 156, 21);
    font-size: 44px;
    line-height: 1.3em;
    writing-mode: vertical-lr;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate .8s ease-out;
}

#n {
    border-radius: .2em;
}

.vip {
    animation: RGB infinite 2.5s ease-in-out;
}

@keyframes rotate {
    0% {
        filter: blur(20px);
        transform: rotateY(420deg);
    }

    100% {
        filter: blur(0px);
        transform: rotateY(0deg);
    }
}

@keyframes RGB {
    0% {
        color: hsl(0, 100%, 50%);
    }

    0.2777777777777778% {
        color: hsl(1, 100%, 50%);
    }

    0.5555555555555556% {
        color: hsl(2, 100%, 50%);
    }

    0.8333333333333334% {
        color: hsl(3, 100%, 50%);
    }

    1.1111111111111112% {
        color: hsl(4, 100%, 50%);
    }

    1.3888888888888888% {
        color: hsl(5, 100%, 50%);
    }

    1.6666666666666667% {
        color: hsl(6, 100%, 50%);
    }

    1.9444444444444444% {
        color: hsl(7, 100%, 50%);
    }

    2.2222222222222223% {
        color: hsl(8, 100%, 50%);
    }

    2.5% {
        color: hsl(9, 100%, 50%);
    }

    2.7777777777777777% {
        color: hsl(10, 100%, 50%);
    }

    3.0555555555555554% {
        color: hsl(11, 100%, 50%);
    }

    3.3333333333333335% {
        color: hsl(12, 100%, 50%);
    }

    3.6111111111111107% {
        color: hsl(13, 100%, 50%);
    }

    3.888888888888889% {
        color: hsl(14, 100%, 50%);
    }

    4.166666666666666% {
        color: hsl(15, 100%, 50%);
    }

    4.444444444444445% {
        color: hsl(16, 100%, 50%);
    }

    4.722222222222222% {
        color: hsl(17, 100%, 50%);
    }

    5% {
        color: hsl(18, 100%, 50%);
    }

    5.277777777777778% {
        color: hsl(19, 100%, 50%);
    }

    5.555555555555555% {
        color: hsl(20, 100%, 50%);
    }

    5.833333333333333% {
        color: hsl(21, 100%, 50%);
    }

    6.111111111111111% {
        color: hsl(22, 100%, 50%);
    }

    6.388888888888888% {
        color: hsl(23, 100%, 50%);
    }

    6.666666666666667% {
        color: hsl(24, 100%, 50%);
    }

    6.944444444444445% {
        color: hsl(25, 100%, 50%);
    }

    7.222222222222221% {
        color: hsl(26, 100%, 50%);
    }

    7.5% {
        color: hsl(27, 100%, 50%);
    }

    7.777777777777778% {
        color: hsl(28, 100%, 50%);
    }

    8.055555555555555% {
        color: hsl(29, 100%, 50%);
    }

    8.333333333333332% {
        color: hsl(30, 100%, 50%);
    }

    8.61111111111111% {
        color: hsl(31, 100%, 50%);
    }

    8.88888888888889% {
        color: hsl(32, 100%, 50%);
    }

    9.166666666666666% {
        color: hsl(33, 100%, 50%);
    }

    9.444444444444445% {
        color: hsl(34, 100%, 50%);
    }

    9.722222222222223% {
        color: hsl(35, 100%, 50%);
    }

    10% {
        color: hsl(36, 100%, 50%);
    }

    10.277777777777777% {
        color: hsl(37, 100%, 50%);
    }

    10.555555555555555% {
        color: hsl(38, 100%, 50%);
    }

    10.833333333333334% {
        color: hsl(39, 100%, 50%);
    }

    11.11111111111111% {
        color: hsl(40, 100%, 50%);
    }

    11.38888888888889% {
        color: hsl(41, 100%, 50%);
    }

    11.666666666666666% {
        color: hsl(42, 100%, 50%);
    }

    11.944444444444445% {
        color: hsl(43, 100%, 50%);
    }

    12.222222222222221% {
        color: hsl(44, 100%, 50%);
    }

    12.5% {
        color: hsl(45, 100%, 50%);
    }

    12.777777777777777% {
        color: hsl(46, 100%, 50%);
    }

    13.055555555555557% {
        color: hsl(47, 100%, 50%);
    }

    13.333333333333334% {
        color: hsl(48, 100%, 50%);
    }

    13.61111111111111% {
        color: hsl(49, 100%, 50%);
    }

    13.88888888888889% {
        color: hsl(50, 100%, 50%);
    }

    14.166666666666666% {
        color: hsl(51, 100%, 50%);
    }

    14.444444444444443% {
        color: hsl(52, 100%, 50%);
    }

    14.722222222222223% {
        color: hsl(53, 100%, 50%);
    }

    15% {
        color: hsl(54, 100%, 50%);
    }

    15.277777777777779% {
        color: hsl(55, 100%, 50%);
    }

    15.555555555555555% {
        color: hsl(56, 100%, 50%);
    }

    15.833333333333332% {
        color: hsl(57, 100%, 50%);
    }

    16.11111111111111% {
        color: hsl(58, 100%, 50%);
    }

    16.38888888888889% {
        color: hsl(59, 100%, 50%);
    }

    16.666666666666664% {
        color: hsl(60, 100%, 50%);
    }

    16.944444444444446% {
        color: hsl(61, 100%, 50%);
    }

    17.22222222222222% {
        color: hsl(62, 100%, 50%);
    }

    17.5% {
        color: hsl(63, 100%, 50%);
    }

    17.77777777777778% {
        color: hsl(64, 100%, 50%);
    }

    18.055555555555554% {
        color: hsl(65, 100%, 50%);
    }

    18.333333333333332% {
        color: hsl(66, 100%, 50%);
    }

    18.61111111111111% {
        color: hsl(67, 100%, 50%);
    }

    18.88888888888889% {
        color: hsl(68, 100%, 50%);
    }

    19.166666666666668% {
        color: hsl(69, 100%, 50%);
    }

    19.444444444444446% {
        color: hsl(70, 100%, 50%);
    }

    19.72222222222222% {
        color: hsl(71, 100%, 50%);
    }

    20% {
        color: hsl(72, 100%, 50%);
    }

    20.27777777777778% {
        color: hsl(73, 100%, 50%);
    }

    20.555555555555554% {
        color: hsl(74, 100%, 50%);
    }

    20.833333333333336% {
        color: hsl(75, 100%, 50%);
    }

    21.11111111111111% {
        color: hsl(76, 100%, 50%);
    }

    21.38888888888889% {
        color: hsl(77, 100%, 50%);
    }

    21.666666666666668% {
        color: hsl(78, 100%, 50%);
    }

    21.944444444444443% {
        color: hsl(79, 100%, 50%);
    }

    22.22222222222222% {
        color: hsl(80, 100%, 50%);
    }

    22.5% {
        color: hsl(81, 100%, 50%);
    }

    22.77777777777778% {
        color: hsl(82, 100%, 50%);
    }

    23.055555555555557% {
        color: hsl(83, 100%, 50%);
    }

    23.333333333333332% {
        color: hsl(84, 100%, 50%);
    }

    23.61111111111111% {
        color: hsl(85, 100%, 50%);
    }

    23.88888888888889% {
        color: hsl(86, 100%, 50%);
    }

    24.166666666666668% {
        color: hsl(87, 100%, 50%);
    }

    24.444444444444443% {
        color: hsl(88, 100%, 50%);
    }

    24.72222222222222% {
        color: hsl(89, 100%, 50%);
    }

    25% {
        color: hsl(90, 100%, 50%);
    }

    25.27777777777778% {
        color: hsl(91, 100%, 50%);
    }

    25.555555555555554% {
        color: hsl(92, 100%, 50%);
    }

    25.833333333333336% {
        color: hsl(93, 100%, 50%);
    }

    26.111111111111114% {
        color: hsl(94, 100%, 50%);
    }

    26.38888888888889% {
        color: hsl(95, 100%, 50%);
    }

    26.666666666666668% {
        color: hsl(96, 100%, 50%);
    }

    26.944444444444443% {
        color: hsl(97, 100%, 50%);
    }

    27.22222222222222% {
        color: hsl(98, 100%, 50%);
    }

    27.500000000000004% {
        color: hsl(99, 100%, 50%);
    }

    27.77777777777778% {
        color: hsl(100, 100%, 50%);
    }

    28.055555555555557% {
        color: hsl(101, 100%, 50%);
    }

    28.333333333333332% {
        color: hsl(102, 100%, 50%);
    }

    28.61111111111111% {
        color: hsl(103, 100%, 50%);
    }

    28.888888888888886% {
        color: hsl(104, 100%, 50%);
    }

    29.166666666666668% {
        color: hsl(105, 100%, 50%);
    }

    29.444444444444446% {
        color: hsl(106, 100%, 50%);
    }

    29.72222222222222% {
        color: hsl(107, 100%, 50%);
    }

    30% {
        color: hsl(108, 100%, 50%);
    }

    30.277777777777775% {
        color: hsl(109, 100%, 50%);
    }

    30.555555555555557% {
        color: hsl(110, 100%, 50%);
    }

    30.833333333333336% {
        color: hsl(111, 100%, 50%);
    }

    31.11111111111111% {
        color: hsl(112, 100%, 50%);
    }

    31.38888888888889% {
        color: hsl(113, 100%, 50%);
    }

    31.666666666666664% {
        color: hsl(114, 100%, 50%);
    }

    31.944444444444443% {
        color: hsl(115, 100%, 50%);
    }

    32.22222222222222% {
        color: hsl(116, 100%, 50%);
    }

    32.5% {
        color: hsl(117, 100%, 50%);
    }

    32.77777777777778% {
        color: hsl(118, 100%, 50%);
    }

    33.05555555555556% {
        color: hsl(119, 100%, 50%);
    }

    33.33333333333333% {
        color: hsl(120, 100%, 50%);
    }

    33.611111111111114% {
        color: hsl(121, 100%, 50%);
    }

    33.88888888888889% {
        color: hsl(122, 100%, 50%);
    }

    34.166666666666664% {
        color: hsl(123, 100%, 50%);
    }

    34.44444444444444% {
        color: hsl(124, 100%, 50%);
    }

    34.72222222222222% {
        color: hsl(125, 100%, 50%);
    }

    35% {
        color: hsl(126, 100%, 50%);
    }

    35.27777777777778% {
        color: hsl(127, 100%, 50%);
    }

    35.55555555555556% {
        color: hsl(128, 100%, 50%);
    }

    35.833333333333336% {
        color: hsl(129, 100%, 50%);
    }

    36.11111111111111% {
        color: hsl(130, 100%, 50%);
    }

    36.388888888888886% {
        color: hsl(131, 100%, 50%);
    }

    36.666666666666664% {
        color: hsl(132, 100%, 50%);
    }

    36.94444444444444% {
        color: hsl(133, 100%, 50%);
    }

    37.22222222222222% {
        color: hsl(134, 100%, 50%);
    }

    37.5% {
        color: hsl(135, 100%, 50%);
    }

    37.77777777777778% {
        color: hsl(136, 100%, 50%);
    }

    38.05555555555556% {
        color: hsl(137, 100%, 50%);
    }

    38.333333333333336% {
        color: hsl(138, 100%, 50%);
    }

    38.611111111111114% {
        color: hsl(139, 100%, 50%);
    }

    38.88888888888889% {
        color: hsl(140, 100%, 50%);
    }

    39.166666666666664% {
        color: hsl(141, 100%, 50%);
    }

    39.44444444444444% {
        color: hsl(142, 100%, 50%);
    }

    39.72222222222222% {
        color: hsl(143, 100%, 50%);
    }

    40% {
        color: hsl(144, 100%, 50%);
    }

    40.27777777777778% {
        color: hsl(145, 100%, 50%);
    }

    40.55555555555556% {
        color: hsl(146, 100%, 50%);
    }

    40.833333333333336% {
        color: hsl(147, 100%, 50%);
    }

    41.11111111111111% {
        color: hsl(148, 100%, 50%);
    }

    41.388888888888886% {
        color: hsl(149, 100%, 50%);
    }

    41.66666666666667% {
        color: hsl(150, 100%, 50%);
    }

    41.94444444444444% {
        color: hsl(151, 100%, 50%);
    }

    42.22222222222222% {
        color: hsl(152, 100%, 50%);
    }

    42.5% {
        color: hsl(153, 100%, 50%);
    }

    42.77777777777778% {
        color: hsl(154, 100%, 50%);
    }

    43.05555555555556% {
        color: hsl(155, 100%, 50%);
    }

    43.333333333333336% {
        color: hsl(156, 100%, 50%);
    }

    43.611111111111114% {
        color: hsl(157, 100%, 50%);
    }

    43.888888888888886% {
        color: hsl(158, 100%, 50%);
    }

    44.166666666666664% {
        color: hsl(159, 100%, 50%);
    }

    44.44444444444444% {
        color: hsl(160, 100%, 50%);
    }

    44.72222222222222% {
        color: hsl(161, 100%, 50%);
    }

    45% {
        color: hsl(162, 100%, 50%);
    }

    45.27777777777778% {
        color: hsl(163, 100%, 50%);
    }

    45.55555555555556% {
        color: hsl(164, 100%, 50%);
    }

    45.83333333333333% {
        color: hsl(165, 100%, 50%);
    }

    46.111111111111114% {
        color: hsl(166, 100%, 50%);
    }

    46.38888888888889% {
        color: hsl(167, 100%, 50%);
    }

    46.666666666666664% {
        color: hsl(168, 100%, 50%);
    }

    46.94444444444444% {
        color: hsl(169, 100%, 50%);
    }

    47.22222222222222% {
        color: hsl(170, 100%, 50%);
    }

    47.5% {
        color: hsl(171, 100%, 50%);
    }

    47.77777777777778% {
        color: hsl(172, 100%, 50%);
    }

    48.05555555555556% {
        color: hsl(173, 100%, 50%);
    }

    48.333333333333336% {
        color: hsl(174, 100%, 50%);
    }

    48.61111111111111% {
        color: hsl(175, 100%, 50%);
    }

    48.888888888888886% {
        color: hsl(176, 100%, 50%);
    }

    49.166666666666664% {
        color: hsl(177, 100%, 50%);
    }

    49.44444444444444% {
        color: hsl(178, 100%, 50%);
    }

    49.72222222222222% {
        color: hsl(179, 100%, 50%);
    }

    50% {
        color: hsl(180, 100%, 50%);
    }

    50.27777777777778% {
        color: hsl(181, 100%, 50%);
    }

    50.55555555555556% {
        color: hsl(182, 100%, 50%);
    }

    50.83333333333333% {
        color: hsl(183, 100%, 50%);
    }

    51.11111111111111% {
        color: hsl(184, 100%, 50%);
    }

    51.388888888888886% {
        color: hsl(185, 100%, 50%);
    }

    51.66666666666667% {
        color: hsl(186, 100%, 50%);
    }

    51.94444444444445% {
        color: hsl(187, 100%, 50%);
    }

    52.22222222222223% {
        color: hsl(188, 100%, 50%);
    }

    52.5% {
        color: hsl(189, 100%, 50%);
    }

    52.77777777777778% {
        color: hsl(190, 100%, 50%);
    }

    53.05555555555556% {
        color: hsl(191, 100%, 50%);
    }

    53.333333333333336% {
        color: hsl(192, 100%, 50%);
    }

    53.61111111111111% {
        color: hsl(193, 100%, 50%);
    }

    53.888888888888886% {
        color: hsl(194, 100%, 50%);
    }

    54.166666666666664% {
        color: hsl(195, 100%, 50%);
    }

    54.44444444444444% {
        color: hsl(196, 100%, 50%);
    }

    54.72222222222223% {
        color: hsl(197, 100%, 50%);
    }

    55.00000000000001% {
        color: hsl(198, 100%, 50%);
    }

    55.27777777777778% {
        color: hsl(199, 100%, 50%);
    }

    55.55555555555556% {
        color: hsl(200, 100%, 50%);
    }

    55.833333333333336% {
        color: hsl(201, 100%, 50%);
    }

    56.111111111111114% {
        color: hsl(202, 100%, 50%);
    }

    56.388888888888886% {
        color: hsl(203, 100%, 50%);
    }

    56.666666666666664% {
        color: hsl(204, 100%, 50%);
    }

    56.94444444444444% {
        color: hsl(205, 100%, 50%);
    }

    57.22222222222222% {
        color: hsl(206, 100%, 50%);
    }

    57.49999999999999% {
        color: hsl(207, 100%, 50%);
    }

    57.77777777777777% {
        color: hsl(208, 100%, 50%);
    }

    58.05555555555556% {
        color: hsl(209, 100%, 50%);
    }

    58.333333333333336% {
        color: hsl(210, 100%, 50%);
    }

    58.611111111111114% {
        color: hsl(211, 100%, 50%);
    }

    58.88888888888889% {
        color: hsl(212, 100%, 50%);
    }

    59.166666666666664% {
        color: hsl(213, 100%, 50%);
    }

    59.44444444444444% {
        color: hsl(214, 100%, 50%);
    }

    59.72222222222222% {
        color: hsl(215, 100%, 50%);
    }

    60% {
        color: hsl(216, 100%, 50%);
    }

    60.27777777777777% {
        color: hsl(217, 100%, 50%);
    }

    60.55555555555555% {
        color: hsl(218, 100%, 50%);
    }

    60.83333333333333% {
        color: hsl(219, 100%, 50%);
    }

    61.111111111111114% {
        color: hsl(220, 100%, 50%);
    }

    61.38888888888889% {
        color: hsl(221, 100%, 50%);
    }

    61.66666666666667% {
        color: hsl(222, 100%, 50%);
    }

    61.94444444444444% {
        color: hsl(223, 100%, 50%);
    }

    62.22222222222222% {
        color: hsl(224, 100%, 50%);
    }

    62.5% {
        color: hsl(225, 100%, 50%);
    }

    62.77777777777778% {
        color: hsl(226, 100%, 50%);
    }

    63.05555555555556% {
        color: hsl(227, 100%, 50%);
    }

    63.33333333333333% {
        color: hsl(228, 100%, 50%);
    }

    63.61111111111111% {
        color: hsl(229, 100%, 50%);
    }

    63.888888888888886% {
        color: hsl(230, 100%, 50%);
    }

    64.16666666666667% {
        color: hsl(231, 100%, 50%);
    }

    64.44444444444444% {
        color: hsl(232, 100%, 50%);
    }

    64.72222222222223% {
        color: hsl(233, 100%, 50%);
    }

    65% {
        color: hsl(234, 100%, 50%);
    }

    65.27777777777779% {
        color: hsl(235, 100%, 50%);
    }

    65.55555555555556% {
        color: hsl(236, 100%, 50%);
    }

    65.83333333333333% {
        color: hsl(237, 100%, 50%);
    }

    66.11111111111111% {
        color: hsl(238, 100%, 50%);
    }

    66.38888888888889% {
        color: hsl(239, 100%, 50%);
    }

    66.66666666666666% {
        color: hsl(240, 100%, 50%);
    }

    66.94444444444444% {
        color: hsl(241, 100%, 50%);
    }

    67.22222222222223% {
        color: hsl(242, 100%, 50%);
    }

    67.5% {
        color: hsl(243, 100%, 50%);
    }

    67.77777777777779% {
        color: hsl(244, 100%, 50%);
    }

    68.05555555555556% {
        color: hsl(245, 100%, 50%);
    }

    68.33333333333333% {
        color: hsl(246, 100%, 50%);
    }

    68.61111111111111% {
        color: hsl(247, 100%, 50%);
    }

    68.88888888888889% {
        color: hsl(248, 100%, 50%);
    }

    69.16666666666667% {
        color: hsl(249, 100%, 50%);
    }

    69.44444444444444% {
        color: hsl(250, 100%, 50%);
    }

    69.72222222222221% {
        color: hsl(251, 100%, 50%);
    }

    70% {
        color: hsl(252, 100%, 50%);
    }

    70.27777777777777% {
        color: hsl(253, 100%, 50%);
    }

    70.55555555555556% {
        color: hsl(254, 100%, 50%);
    }

    70.83333333333334% {
        color: hsl(255, 100%, 50%);
    }

    71.11111111111111% {
        color: hsl(256, 100%, 50%);
    }

    71.38888888888889% {
        color: hsl(257, 100%, 50%);
    }

    71.66666666666667% {
        color: hsl(258, 100%, 50%);
    }

    71.94444444444444% {
        color: hsl(259, 100%, 50%);
    }

    72.22222222222221% {
        color: hsl(260, 100%, 50%);
    }

    72.5% {
        color: hsl(261, 100%, 50%);
    }

    72.77777777777777% {
        color: hsl(262, 100%, 50%);
    }

    73.05555555555556% {
        color: hsl(263, 100%, 50%);
    }

    73.33333333333333% {
        color: hsl(264, 100%, 50%);
    }

    73.61111111111111% {
        color: hsl(265, 100%, 50%);
    }

    73.88888888888889% {
        color: hsl(266, 100%, 50%);
    }

    74.16666666666667% {
        color: hsl(267, 100%, 50%);
    }

    74.44444444444444% {
        color: hsl(268, 100%, 50%);
    }

    74.72222222222223% {
        color: hsl(269, 100%, 50%);
    }

    75% {
        color: hsl(270, 100%, 50%);
    }

    75.27777777777777% {
        color: hsl(271, 100%, 50%);
    }

    75.55555555555556% {
        color: hsl(272, 100%, 50%);
    }

    75.83333333333333% {
        color: hsl(273, 100%, 50%);
    }

    76.11111111111111% {
        color: hsl(274, 100%, 50%);
    }

    76.38888888888889% {
        color: hsl(275, 100%, 50%);
    }

    76.66666666666667% {
        color: hsl(276, 100%, 50%);
    }

    76.94444444444444% {
        color: hsl(277, 100%, 50%);
    }

    77.22222222222223% {
        color: hsl(278, 100%, 50%);
    }

    77.5% {
        color: hsl(279, 100%, 50%);
    }

    77.77777777777779% {
        color: hsl(280, 100%, 50%);
    }

    78.05555555555556% {
        color: hsl(281, 100%, 50%);
    }

    78.33333333333333% {
        color: hsl(282, 100%, 50%);
    }

    78.61111111111111% {
        color: hsl(283, 100%, 50%);
    }

    78.88888888888889% {
        color: hsl(284, 100%, 50%);
    }

    79.16666666666666% {
        color: hsl(285, 100%, 50%);
    }

    79.44444444444444% {
        color: hsl(286, 100%, 50%);
    }

    79.72222222222223% {
        color: hsl(287, 100%, 50%);
    }

    80% {
        color: hsl(288, 100%, 50%);
    }

    80.27777777777779% {
        color: hsl(289, 100%, 50%);
    }

    80.55555555555556% {
        color: hsl(290, 100%, 50%);
    }

    80.83333333333333% {
        color: hsl(291, 100%, 50%);
    }

    81.11111111111111% {
        color: hsl(292, 100%, 50%);
    }

    81.38888888888889% {
        color: hsl(293, 100%, 50%);
    }

    81.66666666666667% {
        color: hsl(294, 100%, 50%);
    }

    81.94444444444444% {
        color: hsl(295, 100%, 50%);
    }

    82.22222222222221% {
        color: hsl(296, 100%, 50%);
    }

    82.5% {
        color: hsl(297, 100%, 50%);
    }

    82.77777777777777% {
        color: hsl(298, 100%, 50%);
    }

    83.05555555555556% {
        color: hsl(299, 100%, 50%);
    }

    83.33333333333334% {
        color: hsl(300, 100%, 50%);
    }

    83.61111111111111% {
        color: hsl(301, 100%, 50%);
    }

    83.88888888888889% {
        color: hsl(302, 100%, 50%);
    }

    84.16666666666667% {
        color: hsl(303, 100%, 50%);
    }

    84.44444444444444% {
        color: hsl(304, 100%, 50%);
    }

    84.72222222222221% {
        color: hsl(305, 100%, 50%);
    }

    85% {
        color: hsl(306, 100%, 50%);
    }

    85.27777777777777% {
        color: hsl(307, 100%, 50%);
    }

    85.55555555555556% {
        color: hsl(308, 100%, 50%);
    }

    85.83333333333333% {
        color: hsl(309, 100%, 50%);
    }

    86.11111111111111% {
        color: hsl(310, 100%, 50%);
    }

    86.38888888888889% {
        color: hsl(311, 100%, 50%);
    }

    86.66666666666667% {
        color: hsl(312, 100%, 50%);
    }

    86.94444444444444% {
        color: hsl(313, 100%, 50%);
    }

    87.22222222222223% {
        color: hsl(314, 100%, 50%);
    }

    87.5% {
        color: hsl(315, 100%, 50%);
    }

    87.77777777777777% {
        color: hsl(316, 100%, 50%);
    }

    88.05555555555556% {
        color: hsl(317, 100%, 50%);
    }

    88.33333333333333% {
        color: hsl(318, 100%, 50%);
    }

    88.61111111111111% {
        color: hsl(319, 100%, 50%);
    }

    88.88888888888889% {
        color: hsl(320, 100%, 50%);
    }

    89.16666666666667% {
        color: hsl(321, 100%, 50%);
    }

    89.44444444444444% {
        color: hsl(322, 100%, 50%);
    }

    89.72222222222223% {
        color: hsl(323, 100%, 50%);
    }

    90% {
        color: hsl(324, 100%, 50%);
    }

    90.27777777777779% {
        color: hsl(325, 100%, 50%);
    }

    90.55555555555556% {
        color: hsl(326, 100%, 50%);
    }

    90.83333333333333% {
        color: hsl(327, 100%, 50%);
    }

    91.11111111111111% {
        color: hsl(328, 100%, 50%);
    }

    91.38888888888889% {
        color: hsl(329, 100%, 50%);
    }

    91.66666666666666% {
        color: hsl(330, 100%, 50%);
    }

    91.94444444444444% {
        color: hsl(331, 100%, 50%);
    }

    92.22222222222223% {
        color: hsl(332, 100%, 50%);
    }

    92.5% {
        color: hsl(333, 100%, 50%);
    }

    92.77777777777779% {
        color: hsl(334, 100%, 50%);
    }

    93.05555555555556% {
        color: hsl(335, 100%, 50%);
    }

    93.33333333333333% {
        color: hsl(336, 100%, 50%);
    }

    93.61111111111111% {
        color: hsl(337, 100%, 50%);
    }

    93.88888888888889% {
        color: hsl(338, 100%, 50%);
    }

    94.16666666666667% {
        color: hsl(339, 100%, 50%);
    }

    94.44444444444444% {
        color: hsl(340, 100%, 50%);
    }

    94.72222222222221% {
        color: hsl(341, 100%, 50%);
    }

    95% {
        color: hsl(342, 100%, 50%);
    }

    95.27777777777777% {
        color: hsl(343, 100%, 50%);
    }

    95.55555555555556% {
        color: hsl(344, 100%, 50%);
    }

    95.83333333333334% {
        color: hsl(345, 100%, 50%);
    }

    96.11111111111111% {
        color: hsl(346, 100%, 50%);
    }

    96.38888888888889% {
        color: hsl(347, 100%, 50%);
    }

    96.66666666666667% {
        color: hsl(348, 100%, 50%);
    }

    96.94444444444444% {
        color: hsl(349, 100%, 50%);
    }

    97.22222222222221% {
        color: hsl(350, 100%, 50%);
    }

    97.5% {
        color: hsl(351, 100%, 50%);
    }

    97.77777777777777% {
        color: hsl(352, 100%, 50%);
    }

    98.05555555555556% {
        color: hsl(353, 100%, 50%);
    }

    98.33333333333333% {
        color: hsl(354, 100%, 50%);
    }

    98.61111111111111% {
        color: hsl(355, 100%, 50%);
    }

    98.88888888888889% {
        color: hsl(356, 100%, 50%);
    }

    99.16666666666667% {
        color: hsl(357, 100%, 50%);
    }

    99.44444444444444% {
        color: hsl(358, 100%, 50%);
    }

    99.72222222222223% {
        color: hsl(359, 100%, 50%);
    }

    100% {
        color: hsl(360, 100%, 50%);
    }

}

.five {
    background-color: gold !important;
}

.four {
    background-color: rgb(153, 90, 153) !important;
}

.three {
    background-color: rgb(99, 179, 211) !important;
}

main>div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
}

#box {
    padding: 1.5em 4em;
    /* border: 1px solid gray; */
    /* box-shadow: rgba(0, 0, 0, 0.233) 0 0 10px 10px; */
    /* background-color: rgb(198, 232, 245); */
    transform: scale(.7, .7) translateY(-2em);
}

#box input[type=checkbox] {
    transform: scale(4, 4);
}