body {

            background-color: #487346;
background-color: #19733D;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='155' height='155' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%2300688b' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23007ea2' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%2300688b' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23007ea2' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%230A94B9' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%23008f59' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%232fad74' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%2354CC91' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%232fad74' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23008f59' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%2354CC91' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%23008f59' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%2354CC91' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%232fad74' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%2354CC91' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");            color: white;
            font-family: sans-serif; 
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100dvh;
            main {
                h1 {
                    font-size: 3rem;
                    text-align: center;
                    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;
                    font-family: "Space Grotesk", sans-serif;
                }

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

                    a:link, a:visited {
                        border-radius: 12rem;
                        background-color: #73d37f;
                        color: rgb(0, 255, 191);
                        display: flex;
                        align-items: center;
                        text-decoration: none;
                        padding: 0.4rem;
                        span{
                            width: 80px;
                            height: 80px;
                            background-color:rgb(92, 188, 212);
                            border-radius: 50%;
                            color: aqua;
                            display: flex;
                            justify-content: center;
                            align-items: center;
                            font-size: 2rem;
                        }
                        h4 {
                            margin: 0;
                            text-align: left;
                            text-indent: 0.2rem;
                            width: 225px;
                        }

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

                        transition: transform 0.4s ease-in;
                        &:hover {
                            transform: scale(1.05) translate(15px);
                        }
                    }
                }
            }