body {
            height: 100vh;
            font-family: Arial, sans-serif;
            margin: 0;
        }

        * {
            transition: all 0.3s;
        }

        .navbar {
            background-color: black;
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 70px;
            padding: 0 20px;
            z-index: 999;
        }

        .navbar a {
            color: white;
            text-decoration: none;
            font-weight: 600;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 26px;
            margin-right: 0;
        }

        .navbar .home-link {
            margin-right: auto;
            margin-left: 20px;
        }

        a .navbar-logo {
            margin-top: 8px;
            width: 120px;
            height: 120px;
        }

        ::-webkit-scrollbar {
            width: 12px;
        }

        ::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        ::-webkit-scrollbar-thumb {
            background: #888;
        }

        ::selection {
            color: rgb(0, 225, 255);
            background-color: #ffffff;
        }

        a {
            font-size: 25px;
            font-weight: 600;
            text-decoration: none;
            color: black;
            transition: color 0.3s ease, text-decoration 0.3s ease;
        }

        a:hover {
            color: grey;
            text-decoration: underline;
        }

        main {
            max-width: 100%;
            height: auto;
            font-size: 22px;
            background-color: rgb(255, 255, 255);
            color: rgb(0, 0, 0);
            border-radius: 10px;
            padding: 25px;
            white-space: pre-line;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }


        @media (max-width: 490px) {
            .navbar a {
                font-size: 18px;
                margin-right: 0;
                margin-top: 5px;
                margin-bottom: 15px;
                text-align: center;
            }

            .navbar button {
                font-size: 16x;
                padding: 8px;
            }

            .navbar img {
                left: 20px;
            }

            .navbar {
                flex-direction: column;
                height: auto;
                padding: 10px 20px;
                position: relative;
            }

            .navbar i {
                color: white;
                font-size: 30px;
            }

            .navbar .home-link {
                margin: 0;
                margin-bottom: 15px;
            }
        }

        .blur-background-contact {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 999;
            display: none;
        }

        .blur-background-contact.show+*:not(#contact-overlay) {
            backdrop-filter: blur(0px);
            display: block;
            z-index: 999999999999;
        }

        .blur-background-contact.show {
            background-color: rgba(0, 0, 0, 0.5);
            backdrop-filter: blur(5px);
            display: block;
            width: 100%;
            height: 100%;
        }

        .contact-overlay {
            padding: 15px;
            max-width: 350px;
            height: 500px;
            position: fixed;
            background-color: rgba(255, 255, 255, 0.9);
            z-index: 1;
            display: none;
            margin: auto;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: 600;
            line-height: initial;
        }


        .contact-overlay a:link {
            color: black;
            text-decoration: none;
            font-weight: 600;
            font-size: 18px;
        }

        .contact-overlay a:visited {
            color: black;
            text-decoration: none;
        }

        .contact-overlay a:hover {
            text-decoration: underline;
        }

        .contact-overlay a:active {
            text-decoration: underline;
        }

        .copy-success {
            color: rgba(255, 255, 255, 0) !important;
        }

        .notification-container {
            width: 100%;
            height: auto;
            background-color: rgb(0, 183, 255);
            opacity: 0;
            display: none;
            color: white;
            z-index: 50000000;
            transition: all 0.3s;
        }

        .notification-container p {
            padding: 5px;
            font-size: 19px;
        }

        .notification-container.active {
            display: block;
            opacity: 1;
        }

        body {
  line-height: 50px;
        }