@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

        body {
            background-color: #000000;
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg %3E%3Cpolygon fill='%23220000' points='1600 160 0 460 0 350 1600 50'/%3E%3Cpolygon fill='%23440000' points='1600 260 0 560 0 450 1600 150'/%3E%3Cpolygon fill='%23660000' points='1600 360 0 660 0 550 1600 250'/%3E%3Cpolygon fill='%23880000' points='1600 460 0 760 0 650 1600 350'/%3E%3Cpolygon fill='%23A00' points='1600 800 0 800 0 750 1600 450'/%3E%3C/g%3E%3C/svg%3E");
            background-attachment: fixed;
            background-size: cover;
            color:                                                                                                                                                                                  rgb(255, 255, 255);
            font-family: Poppings;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100dvh;

            main {
                h1 {
                    font-size: 3.4rem;
                    margin: 0;
                }

                img {
                    border: 6px solid white;
                    border-radius: 50%;
                    height: 240px;
                    display: flex;
                    margin: 1rem auto;
                    object-fit: cover;
                    width: 240px;
                }

                h4 {
                    text-align: center;
                    font-size: 1.4rem;
                }
            }

            menu {
                display: flex;
                flex-direction: column;
                gap: 0.6rem;

                a:link,
                a:visited {
                    background-color: rgb(255, 2, 2);
                    color: rgb(238, 238, 238);
                    border-radius: 12rem;
                    padding: 0.4rem;
                    display: flex;
                    align-items: center;
                    text-decoration: none;

                    span {
                        background-color: rgba(88, 29, 6, 0.774);
                        color: rgb(255, 255, 255);
                        border-radius: 50%;
                        font-size: 2rem;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        height: 80px;
                        width: 65px;
                    }

                    h4 {
                        margin: 0;
                        text-align: left;
                        text-indent: 0.2rem;
                        width: 225px;

                    }

                    small {
                        display: block;
                        font-size: 0.7rem;
                        text-indent: 0.2rem;
                        width: 225px;

                    }

                    transition: transform 0.4s ease-in;

                    &:hover {
                        transform: scale(1.05) translate(12px);
                    }
                }
            }
        }