:root{ --color-note: #0969da; --color-tip: #1a7f37; --color-warning: #9a6700; --color-severe: #bc4c00; --color-caution: #d1242f; --color-important: #8250df} .vscode-dark img[src$="\#gh-light-mode-only"], .vscode-light img[src$="\#gh-dark-mode-only"], .vscode-high-contrast:not(.vscode-high-contrast-light) img[src$="\#gh-light-mode-only"], .vscode-high-contrast-light img[src$="\#gh-dark-mode-only"]{ display: none} body{ font-family: -apple-system, BlinkMacSystemFont, "Segoe WPC", "Segoe UI", system-ui, "Ubuntu", "Droid Sans", sans-serif; font-size: 16px; line-height: 1.6; scrollbar-width: thin; scrollbar-color: #1c00bb #040116} .task-list-item{ list-style-type: none} .task-list-item-checkbox{ margin-left: -20px; vertical-align: middle; pointer-events: none} @media (prefers-color-scheme:dark){ :root{ --color-note: #2f81f7; --color-tip: #3fb950; --color-warning: #d29922; --color-severe: #db6d28; --color-caution: #f85149; --color-important: #a371f7}} .markdown-alert{ padding: .5rem 1rem; margin-bottom: 16px; color: inherit; border-left: .25em solid #888} .markdown-alert>:first-child{ margin-top: 0} .markdown-alert>:last-child{ margin-bottom: 0} .markdown-alert .markdown-alert-title{ display: flex; font-weight: 500; align-items: center; line-height: 1} .markdown-alert .markdown-alert-title .octicon{ margin-right: .5rem; display: inline-block; overflow: visible !important; vertical-align: text-bottom; fill: currentColor} .markdown-alert.markdown-alert-note{ border-left-color: var(--color-note)} .markdown-alert.markdown-alert-note .markdown-alert-title{ color: var(--color-note)} .markdown-alert.markdown-alert-important{ border-left-color: var(--color-important)} .markdown-alert.markdown-alert-important .markdown-alert-title{ color: var(--color-important)} .markdown-alert.markdown-alert-warning{ border-left-color: var(--color-warning)} .markdown-alert.markdown-alert-warning .markdown-alert-title{ color: var(--color-warning)} .markdown-alert.markdown-alert-tip{ border-left-color: var(--color-tip)} .markdown-alert.markdown-alert-tip .markdown-alert-title{ color: var(--color-tip)} .markdown-alert.markdown-alert-caution{ border-left-color: var(--color-caution)} .markdown-alert.markdown-alert-caution .markdown-alert-title{ color: var(--color-caution)} .vscode-dark{ color: rgb(182, 182, 182); background-color: #040116} pre{ border: none; border-radius: 10px; background-color: transparent; box-shadow: 1px 1px 22px #3b00dd; scrollbar-width: thin; scrollbar-color: #1c00bb #040116} .f-ul{ border-radius: 10px; margin: 25px auto 45px auto; padding: 15px; list-style-position: inside; border: 2px solid transparent; animation: borderAnimation 1s linear infinite} .f-ul::after{ content: url(https://raw.githubusercontent.com/tutosrivegamerLQ/images-projects-srm-trg/main/svg-icons-flags-cursor/icon/arrow-bottom.svg); position: absolute; margin: 15px auto; right: 48%; animation: up-down .5s alternate infinite} .title-header{ text-align: center; font-family: Verdana, Geneva, Tahoma, sans-serif; text-shadow: 1px 1px 1px #3b00dd; padding-top: 30px} .img-nav{ border-radius: 120px; max-width: 80px; width: 8vw; margin-left: 10px; box-shadow: 1px 1px 20px #3b00dd; padding: 1px} .img-repo-module{ position: fixed; right: 30px; top: 45px;} .ctn-img-nav{ position: absolute; left: 70px} header{ height: 100px; display: flex; flex-direction: row; align-items: center; justify-content: center; box-shadow: 1px 1px 20px #3b00dd; margin-bottom: 30px; border-radius: 20px; padding: 10px} a, a:visited, a:focus{ text-decoration: none; color: #3b00dd; border: none; outline: none; box-shadow: none} .add-container{ display: flex; align-items: center; justify-content: center; margin: 20px auto} .add-container>a>img{ border-radius: 20px} .spn-red{ color: red} .spn-green{ color: rgb(60, 255, 0)} .spn-blue{ color: rgb(0, 162, 255)} .spn-yellow{ color: yellow} @keyframes up-down{ 0%{ transform: translateY(-3px)} 50%{ transform: translateY(3px)} 100%{ transform: translateY(3px)}} @keyframes borderAnimation{ 0%{ border-color: #3b00dd transparent transparent transparent} 25%{ border-color: transparent #3b00dd transparent transparent} 50%{ border-color: transparent transparent #3b00dd transparent} 75%{ border-color: transparent transparent transparent #3b00dd} 100%{ border-color: #3b00dd transparent transparent transparent}}