@import url('https://fonts.googleapis.com/css2?family=Playwrite+NZ+Basic:wght@100..400&family=Roboto+Slab:wght@100..900&display=swap');
        body {
            background-color: #9332d3;
background-color: #330329;
background-color: #12AD0C;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 800 400'%3E%3Cdefs%3E%3CradialGradient id='a' cx='396' cy='281' r='514' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='0' stop-color='%23042904'/%3E%3Cstop offset='1' stop-color='%2312AD0C'/%3E%3C/radialGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='400' y1='148' x2='400' y2='333'%3E%3Cstop offset='0' stop-color='%2314B134' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%2314B134' stop-opacity='0.5'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect fill='url(%23a)' width='800' height='400'/%3E%3Cg fill-opacity='0.4'%3E%3Ccircle fill='url(%23b)' cx='267.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='532.5' cy='61' r='300'/%3E%3Ccircle fill='url(%23b)' cx='400' cy='30' r='300'/%3E%3C/g%3E%3C/svg%3E");
background-attachment: fixed;
background-size: cover;
background-attachment: fixed;
background-size: cover;
            background-attachment: fixed;
            font-family: "Roboto Slab";
            display: flex;
            text-align: center;
            justify-content: center;
            align-items: center;
            a.btn-home {
                border: 2px solid rgb(2, 2, 2);
                border-radius: 50%;
                position: fixed;
                display: flex;
                width: 32px;
                height: 32px;
                opacity: .6;
                padding: 0.4rem;
                inset: 0.5rem;
                transition: all 0.2s ease-in;
                &:hover {
                    transform: scale(1.1);
                    opacity: 1;
                }
            }
            section{
                background-color: rgba(98, 231, 158, 0.87);
                border-radius: 0.4rem;
                padding: 0.4rem;
                text-align: left;
                margin-bottom: 1rem;
                width: 360px;

                h2, h4 {
                    margin: 0;
                }
                h2 {
                    border-bottom: 2px solid;
                    padding-bottom: 0.4rem;
                    margin-bottom: 0.4rem;
                }
                p {
                    font-size: 1.4rem;
                    padding: 0;
                    margin: 0.4rem 0;
                }
                xmp {
                    background-color: #0009;
                    border-radius: 0.4rem;
                    color: lime;
                    margin: 0;
                    font-size: 0.8rem;
                    padding: 0 0.6rem 0.6rem;
                }
            }
        }