.nav-link:hover {
            text-decoration: underline;
        }

        .nav-tabs .nav-item {
            position: relative;
        }

        .nav-tabs .nav-item:not(:last-child)::after {
            content: "|";
            position: absolute;
            right: -10px;
            top: 50%;
            transform: translateY(-50%);
            color: #000;
        }

        .nav-tabs .nav-item:not(:last-child) {
            padding-right: 20px;
        }

            .photo-container {
            text-align: center;
        }
        .avatar img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
        }
        #videoElement {
            width: 100%;
            height: auto;
        }
            .invisible {
                display: none;
        }

            .visible {
                display: block;
        }