:root
        {
            --links: #802fbc;
            --code: #802fbc;
        }

        ::selection {
            color: #000000;
            background: #802fbc;
        }

        ::-moz-selection {
            color: #000000;
            background: #802fbc;
        }

        body {
            text-align: center;
        }

        .title {
            cursor: pointer;
            transition: 0.50s;
        }

        .title:hover {
            transform: scale(0.5, 0.5);
        }


        .articles {
            border: 1px solid #f4f5f5;
            border-radius: 5px;
            padding: 15px;
            margin-top: 25px;
        }

        .contact-frame {
            border: 1px solid #f4f5f5;
            border-radius: 5px;
            transition: 0.50s;
        }

        .contact-frame:hover {
            transform: scale(1.3, 1.3);
            box-shadow: 5px 17px 50px -5px #802fbc;
        }

        .nav-link {
            color: #f4f5f5;
            background-color: transparent;
            text-decoration: none;
        }

        .name-a {
            color: #f4f5f5;
        }

        .img {
            cursor: pointer;
            transition: 0.50s;
            margin: 10px;
            border-radius: 10px;
        }

        .img:hover {
            transform: scale(2, 2);
        }