body {

header {
                    h1 {
                        font-size: 2rem;
                    }
                    h2 {
                        font-size: 1rem;
                        color: #fff9;
                    }
                    h1, h2 {
                        text-align: center;
                    }
                }
                section {
                    background-color: #0009;
                    border-radius: 0.2rem;
                    min-width: 380px;
                    margin-top: 2rem;
                    padding: 1rem;
                    h3 {
                        border-bottom: 2px dotted #fff;
                        margin: 0;
                    }
                    p {
                        color: #fff9;
                    }
                }


             a.btn-home {
                border: 2px solid white;
                border-radius: 50%;
                position: fixed;
                display: flex;
                inset: 0.4rem;
                padding: 0.4rem;
                width: 32px;
                height: 32px;
                transition: all 0.4s ease-in;
             } 
                a.btn-home:hover {
                    transform: scale(1.05);
                    opacity: 1;
                }
                
                background-color: #F2A184;
                background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%239e9e9d' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23c4c4c3' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%239e9e9d' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23c4c4c3' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23EBEBEA' 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='%23b65024' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23d56a3c' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23F48454' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23d56a3c' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%23b65024' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23F48454' 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='%23b65024' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23F48454' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23d56a3c' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23F48454' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 100dvh;
                
                h1{
                    text-align: center;
                }
                
                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: #EBEBEA;;
                        color: hwb(24 0% 0%);
                        display: flex;
                        align-items: center;
                        text-decoration: none;
                        padding: 0.4rem;
                        span{
                            width: 80px;
                            height: 80px;
                            background-color:rgb(218, 52, 52);
                            border-radius: 50%;
                            color: whitesmoke;
                            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);
                        }
                    }
                }
            }