* {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Poppins', sans-serif;
            background-color: #f5f5f5;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .link ul {
            list-style-type: none;
            max-width: 1280px;
        }

        .link ul li {
            margin: 10px 0;
        }

        .link ul li a {
            display: block;
            color: black;
            font-size: 1rem;
            font-weight: 300;
            padding: 10px;
            border: none;
            border-radius: 20px;
            text-decoration: none;
            background: white;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            width: 85%;
            max-width: 600px;
            margin: 10px auto;
            transition: all 0.3s ease;
        }

        .link ul li a:hover {
            background: linear-gradient(103deg, #0016ff, #1f2566, #ff0000, #e8ff00);
            color: white;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
        }

        .animated {
            animation-duration: 1s;
            animation-iteration-count: infinite;
        }

        @keyframes crot {
            0% { transform: scale(1); }
            30% { transform: scale(1.15); }
            40% { transform: scale(0.95); }
            60% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        .crot {
            animation-name: crot;
        }