.dump { padding: .25rem .5rem; font-family: 'Consolas', monospace; color: #000; background-color: #ccc; } .dump samp { font: inherit; } .dump .i { color: #c00; } .dump .f { color: #c0c; } .dump .s { color: #00c; } .dump .s::after, .dump .a::after { content: attr(data-length); color: #99f; } .author-image { } [data-bs-theme=dark] .author-image { content: var(--url); } .author-image-picture { display: inline-block; } .author-image-picture-link { display: inline-block; } .author-online { position: absolute; left: 0; top: 0; width: 0.75rem; height: 0.75rem; background-color: limegreen; border: 0.125rem solid #fff; border-radius: 0.375rem; margin-top: -0.125rem; margin-left: -0.125rem; } html[dir=rtl] .author-online { left: auto; right: 0; margin-left: 0; margin-right: -0.125rem; } [data-bs-theme=dark] .author-online { border-color: #212529; } .author-name { } .author-name-link { } .author-stars { height: 1rem; vertical-align: baseline; margin-bottom: -0.0625rem; } .author-image2 { position: relative; } .author { padding: 1rem; padding-bottom: 0.75rem; box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(64,64,64,0.13); } [data-bs-theme=dark] .author { box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(255,255,255,0.13); } .author-visited { display: block; font-size: .8rem; color: #6c757d; } .hero { display: block; margin-top: -5px; } body { font-family: 'Open Sans', sans-serif; } a { text-decoration: none; } [data-bs-theme=dark] a { } a:hover { } [data-bs-theme=dark] a:hover { } a:not([href]) { cursor: default; } .text-right { text-align: right !important; } .blockquote { position: relative; padding: 1rem; padding-left: 2rem; font-size: 1rem; box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(64,64,64,0.13); } [data-bs-theme=dark] .blockquote { box-shadow: 0 1.375rem 2.25rem -0.75rem rgba(255,255,255,0.13); } .blockquote::before { position: absolute; top: -0.25rem; left: -0.25rem; width: 1.5rem; height: 1.5rem; border-radius: 50%; background-color: #f7eafc; color: #ac32e4; font-family: 'Montserrat', sans-serif; font-size: 2rem; font-weight: bold; line-height: 2.5rem; text-align: center; content: '“'; } .heading { color: #fff; padding-top: 1rem; padding-bottom: 1rem; } h1 { margin-bottom: 0; font-weight: 700; } h2 { font-weight: 700; } .fw-bold { font-weight: 600 !important; } label { font-size: 0.8rem; color: #6c757d; text-transform: uppercase; letter-spacing: 0.0625rem; } .btn-primary { background-color: #ac32e4; border-color: transparent; } .btn-primary:hover, .btn-primary:focus { background-color: #9932cc; border-color: transparent; } .btn-primary:active { background-color: #9932cc !important; border-color: transparent !important; } .btn-primary:disabled { background-color: #9932cc; border-color: transparent; } .btn-gradient { color: #ffffff; background: linear-gradient(to right, #ac32e4 0%, #ac32e4 20%, #e833b0 100%) !important; } .btn-gradient:hover, .btn-gradient:focus { color: #ffffff; box-shadow: 0 12px 18.8px 1.2px rgba(172, 50, 228, 0.24); } .btn-gradient:active { color: #ffffff !important; border-color: transparent !important; box-shadow: 0 6px 8px 0.2px rgba(172, 50, 228, 0.24) !important; } .btn-outline-primary, .btn-outline-secondary, .btn-outline-success, .btn-outline-danger, .btn-outline-warning, .btn-outline-info, .btn-outline-light, .btn-outline-dark { border-width: 1px; } #header-nav .navbar-brand { font-size: 1rem; } #header-nav .navbar-brand, #header-nav .nav-item { font-weight: 600; letter-spacing: .08rem; text-transform: uppercase; } #header-nav .author-image { height: 24px; vertical-align: -.375em; } .navbar-toggler { border: none; } .widget-title { position: relative; padding-bottom: .5rem; border-bottom: 1px solid rgba(255, 255, 255, 0.14); color: rgba(255, 255, 255, 0.7); font-weight: bold; letter-spacing: .03rem; text-transform: uppercase; } .widget-title::after {} .widget-title::after { position: absolute; bottom: -.1875rem; left: 0; width: 5.625rem; height: .1875rem; content: ''; } .widget-title::after { background: #ac32e4 !important; background: linear-gradient(to right, #ac32e4 0%, #ac32e4 20%, #e833b0 100%) !important; } .btn-animated { animation: 1s linear infinite btn-animated; } @keyframes btn-animated { 0% { box-shadow: none; } 50% { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .5); } } .shadow-animation { animation: 1s linear infinite shadow-animation; } @keyframes shadow-animation { 0% { box-shadow: none; } 50% { box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5); } } .opacity-animation { animation: 1s linear infinite opacity-animation; } @keyframes opacity-animation { 0% { opacity: 1; } 50% { opacity: 0; } } .form-range::-moz-range-thumb { background-color: #ac32e4; } .form-range::-webkit-slider-thumb { background-color: #ac32e4; } .link-violet { color: #ac32e4 !important; text-decoration-color: #ac32e4 !important; } .link-violet:hover, .link-violet:focus { color: #9932cc !important; text-decoration-color: #9932cc !important; } .link-negative, [data-bs-theme=dark] .link-positive { color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-negative:hover, .link-negative:focus, [data-bs-theme=dark] .link-positive:hover, [data-bs-theme=dark] .link-positive:focus { color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; } .link-positive, [data-bs-theme=dark] .link-negative { color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; } .link-positive:hover, .link-positive:focus, [data-bs-theme=dark] .link-negative:hover, [data-bs-theme=dark] .link-negative:focus { color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; } .bg-negative, [data-bs-theme=dark] .bg-positive { background-color: #dee2e6 !important; } .bg-positive, [data-bs-theme=dark] .bg-negative { background-color: #495057 !important; } .border-negative, [data-bs-theme=dark] .border-positive { border-color: #212529 !important; } .border-positive, [data-bs-theme=dark] .border-negative { border-color: #f8f9fa !important; } .text-muted, [data-bs-theme=dark] .text-muted { color: var(--bs-secondary-color) !important; } [data-bs-theme=dark] .shadow { box-shadow: 0 0.5rem 1rem rgba(255, 255, 255, 0.15) !important; } [data-bs-theme=dark] .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(255, 255, 255, 0.075) !important; } [data-bs-theme=dark] .shadow-lg { box-shadow: 0 1rem 3rem rgba(255, 255, 255, 0.175) !important; } #scroll-to-top-btn { border: none; display: block; position: fixed; right: 1rem; bottom: -88px; width: 44px; height: 44px; transition: bottom 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.3s, background-color 0.3s, border-color 0.3s; background-color: rgba(52,59,67,0.3); color: #fff; font-size: 1.3125rem; opacity: 0; z-index: 1050; text-align: center; text-decoration: none;} #scroll-to-top-btn:hover { background-color: #343b43; color: #fff; } #scroll-to-top-btn:focus, #scroll-to-top-btn:active { color: #fff; } #scroll-to-top-btn.visible { bottom: .875rem; opacity: 1; } #scroll-to-top-btn > i { line-height: 44px; } @media (max-width: 767.98px) { #scroll-to-top-btn { bottom: -64px; width: 32px; height: 32px; line-height: 27px; } #scroll-to-top-btn > i { line-height: 32px } } .form-control-color { height: auto; } .iframe { position: relative; } .iframe-16x9 { position: relative; padding-bottom: 56.25%; } iframe { position: absolute; width: 100%; height: 100%; } .nav-link:hover .socicon, .nav-link:focus .socicon { color: var(--color); } .material-title { display: block; width: 1rem; height: 0.125rem; margin-bottom: 0.125rem; margin-right: 0.125rem; background-color: #6c757d; } .list-txt-item { display: inline-block; margin-right: 1rem; margin-bottom: 0.5rem; } .list-txt-item .list-txt-item { margin-right: 0; margin-bottom: 0; } .list-btn { margin-right: -1rem; } .list-btn-item { margin-right: 1rem; margin-bottom: 1rem; } .list-btn-sm { margin-right: -0.5rem; margin-bottom: 0.5rem; } .list-btn-sm-item { margin-right: 0.5rem; margin-bottom: 0.5rem; } .btn-border { border-left: 1px solid; margin-left: 0.5rem; padding-left: 0.5rem; } .btn-outline-secondary:hover .btn-border { border-color: #fff; } .btn-none { padding: 0; background-color: transparent; border: none; } .btn-none .bi { vertical-align: baseline; } .http { margin-bottom: 1rem; color: #6c757d; font-size: 10rem; } .text-decoration-underline-dashed { text-decoration-line: underline; text-decoration-style: dashed; text-underline-offset: .125rem; } .youtube { display: inline-block; } .youtube img { max-width: 100%; } .column-list { column-count: 1; } @media (min-width: 576px) { .column-list { column-count: 2; } } @media (min-width: 768px) { .column-list { column-count: 3; } } @media (min-width: 992px) { .column-list { column-count: 4; } } @media (min-width: 1200px) { .column-list { column-count: 5; } } .column-list-2 { column-count: 1; } @media (min-width: 576px) { .column-list-2 { } } @media (min-width: 768px) { .column-list-2 { column-count: 2; } } @media (min-width: 992px) { .column-list-2 { } } @media (min-width: 1200px) { .column-list-2 { column-count: 3; } } .car-color { color: rgb(var(--bs-primary-rgb)); } [data-bs-theme=dark] .car-color { color: rgb(var(--bs-warning-rgb)); } footer .logo { font-weight: 600; text-transform: uppercase; letter-spacing: .08rem; } .list-toc li { position: relative; } .list-toc li::before { position: absolute; content: ''; left: -1.3125rem; top: 50%; transform: translateY(-50%); width: .5625rem; height: .5625rem; background-color: var(--bs-border-color); border-radius: .125rem; } .letter-spacing { letter-spacing: .08rem; }