:root{--bg: #111812;--text: #e0e0e0;--text-heading: #fff;--border: #444;--accent: #56a5eb;--btn-bg: #23272a;--btn-text: #fff;--btn-border: #444}html{color-scheme:dark}*{scroll-behavior:smooth}#root,.App{background:transparent!important}body{background:var(--bg);overflow-y:auto;color:var(--text);font-family:Inter,Segoe UI,sans-serif}h1,h2,h3,h4,h5,h6{color:var(--text-heading)}h1,h2,h3,h4{line-height:1.3;margin-bottom:1em;font-weight:600}p{margin-bottom:1.25em}.center-text{text-align:center}blockquote{border-left:4px solid #374151;margin:1em auto;padding-left:1em;color:#d1d5db;font-style:italic}.navbar{transition:top .4s;position:fixed;width:100%;top:0;z-index:10;display:flex}.menu{align-items:center;justify-content:right}.elements-in-accordion{display:flex;flex-direction:column}.child-of-accordion{width:100%}.accordion-button code{padding:2px 4px;background-color:#f4f4f4;border-radius:4px;margin-top:4px;margin-left:3px;margin-right:3px}#space-on-top-of-page{margin-top:40px}h1{text-transform:uppercase;font-weight:800;letter-spacing:.5rem;text-align:center}h2{text-align:left}pre,.accordion-item{margin:auto;width:100%}.accordion-header>button{font-weight:500}.container{background:var(--bg);max-width:900px!important}.center{margin:auto;width:fit-content}.img-in-reading{width:100%;margin-bottom:10px}.code-snippet{overflow:hidden;max-width:900px}.center-img{display:block;margin:auto;max-width:100%}.html-table{margin-left:auto;margin-right:auto;border-collapse:collapse;width:fit-content}.html-table th,.html-table td{border:1px solid #333;padding:8px}.focus-text{display:flex;justify-content:center}.focus-text p{text-align:center;border:solid #fff 1px;padding:10px;width:fit-content;border-radius:15px;font-size:1.2em;font-weight:700}p>code{background:#1e293b;padding:.2em .4em;border-radius:4px;font-family:Fira Code,JetBrains Mono,monospace}.modal-question pre{border-radius:12px;background:#1d1f21;padding:12px}a{color:#60a5fa;text-decoration:none}a:hover{text-decoration:underline;color:#93c5fd}table{background:#23272a;color:#e0e0e0}td,.MuiTableCell-root{border-color:#444!important;color:#e0e0e0!important;background:#23272a}th{background:#23272a!important;color:#fff!important}tbody tr:nth-child(odd){background:#20232a}tbody tr:hover{background-color:var(--bg)!important;color:#fff;transition:background .2s}@media (min-width: 980px){.img-in-reading{width:72%;margin:auto;display:block}}.fake-nav-bar{color:#fff;background-color:#222}.fake-nav-bar>ul{display:flex;justify-content:space-around;list-style:none}h3{text-align:center}.buttonRow{width:400px;margin:auto}.justify-center{display:flex;justify-content:space-around}.btn{font-size:1.5em;border-radius:8px;border:1px solid black;padding:.6em 1.2em;width:200px;height:70px;display:block;text-align:center;font-weight:500;font-family:inherit;cursor:pointer;margin-top:15px;width:100px}button:hover{border-color:#2f2f2f}.about-page>h3{text-align:center}.about-page-me{display:flex}.about-right>img{border-radius:50%}@media (max-width: 1000px){.about-page-me{flex-direction:column}.about-right>img{width:80%;display:block;margin:auto}}.questions{border:solid 1px #ccc;padding:10px;border-radius:5px}.questions li{margin:1em 1em 1em 0;padding:.5em}.quiz-page{display:flex;justify-content:center;flex-direction:column}.quiz-page li{list-style-type:none;color:#fff}input[type=radio]{margin-right:5px}.quiz-page input:hover,.quiz-page label:hover{cursor:pointer}.quiz-page label{color:#fff}.choice-container{display:flex;border:.1rem solid rgb(86,165,235,.25);width:100%;height:100%;align-items:center;margin:5px;flex-direction:row}.choice-prefix{padding:1.5rem 2.5rem;background-color:#56a5eb;color:#fff;font-weight:bolder}.choice-text{padding-left:10px}.choice-container:hover{cursor:pointer;box-shadow:0 .4rem 1.4rem #56b9eb80}.correct{background-color:#00d397;font-weight:700;padding-left:5px;padding-right:5px;border-radius:5px}.wrong{background-color:#ff4a4a;font-weight:700;padding-left:5px;padding-right:5px;border-radius:5px}.quiz-cards{list-style:none;text-decoration:none;color:#fff}#questions-footer-result{font-size:3em;text-align:center;margin:5px auto auto;padding:10px;border:5px solid rgba(0,0,0,.65);border-radius:20px;color:#fff;text-transform:uppercase}.result-correct{background-color:#00d397}.result-incorrect{background-color:#ff4a4a}.answer-description{border-radius:20px;margin-top:5px;padding:20px}.answer-description-correct{border:solid 5px #00d397;background-color:#00d39726}.answer-description-incorrect{border:solid 5px #ff4a4a;background-color:#ff4a4a26}input[type=radio],input[type=checkbox]{border:0!important;clip:rect(1px,1px,1px,1px);height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}label{color:#fff;display:flex;align-items:center;max-width:100%;gap:.5em;line-height:1.4;padding-top:5px;padding-bottom:5px}label:hover{cursor:pointer}input[type=radio]+label:before{content:"";display:inline-block;flex-shrink:0;height:1.25em;width:1.25em;border:solid 1px #e0e0e0;border-radius:50%;margin-right:.5em;vertical-align:text-top}input[type=checkbox]+label:before{content:"";display:inline-block;flex-shrink:0;height:1.25em;width:1.25em;border:solid 1px #666;border-radius:20%;vertical-align:middle;margin-right:.5em;color:#fff}label:after{margin-bottom:5px}input[type=radio]:checked+label{color:#fff}input[type=radio]:checked+label:before{background:radial-gradient(.75em circle at center,currentColor 50%,transparent 55%)}input[type=checkbox]:checked+label:before{border-width:1.5px;border-color:#e0e0e0;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='64px'%20height='64px'%20stroke-width='1.2'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%20color='%23ffffff'%3e%3cpath%20d='M5%2013L9%2017L19%207'%20stroke='%23ffffff'%20stroke-width='1.2'%20stroke-linecap='round'%20stroke-linejoin='round'%3e%3c/path%3e%3c/svg%3e");background-repeat:no-repeat;background-position:center;background-size:130%;color:#e0e0e0}.questions li label{font-size:1.1em}@media (max-width: 650px){.questions-footer>.buttons{display:flex;justify-content:center}#questions-footer-result{font-size:1em;border-width:2px}.answer-description{margin:5px;border-width:2px;padding:10px}}@media (max-width: 600px){.rows-per-page{display:none!important}}.carousel-parent{display:flex;align-items:center;justify-content:center;overflow-x:hidden}.carousel{width:233.6px;height:280px;perspective:500px;transform-style:preserve-3d}.card-container{position:absolute;width:100%;height:100%;transform:rotateY(calc(var(--offset) * 50deg)) scaleY(calc(1 + var(--abs-offset) * -.4)) translateZ(calc(var(--abs-offset) * -30rem)) translate(calc(var(--direction) * -5rem));filter:blur(calc(var(--abs-offset) * 1rem));transition:all .3s ease-out}.card{width:100%;height:100%;padding:2rem;background-color:hsl(280deg,40%,calc(100% - var(--abs-offset) * 50%));border-radius:1rem;color:#9ca3af;text-align:justify;transition:all .3s ease-out}.card h2{text-align:center;font-size:2rem;font-weight:700;margin:0 0 .7em;color:#e0e0e0}.card p,.card h2{transition:all .3s ease-out;opacity:var(--active)}.nav{color:#fff;font-size:5rem;position:absolute;display:flex;align-items:center;justify-content:center;top:50%;z-index:2;cursor:pointer;-webkit-user-select:none;user-select:none;background:unset;border:unset}.nav.left{transform:translate(-100%) translatey(-50%)}.nav.right{right:0;transform:translate(100%) translatey(-50%)}@media (max-width: 650px){.carousel .nav{display:none}}.modal-for-questions ul,.modal-for-questions li{list-style-type:none!important;padding-left:0!important;margin-left:0!important;cursor:pointer}