:root{--primary-bg: rgb(15, 15, 15);--secondary-bg: rgb(30, 30, 30);--primary-hover: rgb(35, 35, 35);--primary-shadow: rgb(50, 50, 50);--primary-shadow-transparent: rgb(50, 50, 50, .6);--primary-modal-bg: rgb(20, 20, 20, .7);--primary-text: white;--secondary-text: rgb(200, 200, 200);--primary-border: rgb(40, 40, 40);--primary-color: rgb(35, 105, 255);--secondary-color: rgb(135, 224, 19);--invert: invert(0)}.light{--primary-bg: rgb(240, 240, 240);--secondary-bg: rgb(215, 215, 215);--primary-hover: rgb(205, 205, 205);--primary-shadow: rgb(135, 135, 135);--primary-shadow-transparent: rgb(135, 135, 135, .6);--primary-modal-bg: rgb(190, 190, 190, .7);--primary-text: black;--secondary-text: rgb(55, 55, 55);--primary-border: rgb(200, 200, 200);--primary-color: rgb(15, 33, 111);--secondary-color: rgb(135, 224, 19);--invert: invert(1)}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;transition:background-color .3s ease}body{background-color:var(--primary-bg)}.nav{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--primary-border);padding-inline:100px;height:70px;z-index:1000;position:sticky;top:0;background-color:var(--primary-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.nav-logo,.footer-logo{display:flex;align-items:center;gap:10px;color:var(--primary-text);font-size:20px;text-decoration:none;transition:text-shadow .3s ease;font-family:Cal Sans,sans-serif;padding-right:20px;padding-block:10px}.footer-logo{padding-top:0}.nav-logo img,.footer-logo img{width:40px;height:40px}.nav-logo:hover{text-shadow:0px 0px 10px var(--primary-shadow)}.nav-search-container{flex:1;position:relative}.nav-search-bar{display:flex;background-color:var(--secondary-bg);border-radius:5px;padding:8px 20px;align-items:center;width:100%}.nav-search{background-color:var(--secondary-bg);border:none;min-width:50px;outline:none;color:var(--primary-text);font-size:18px;width:100%;margin-right:10px}.nav-search-img{width:15px;cursor:pointer;position:absolute;right:20px;filter:var(--invert)}.nav-search-results{position:absolute;top:33px;background-color:var(--secondary-bg);width:100%;border-radius:0 0 5px 5px;overflow:hidden;display:flex;flex-direction:column}.search-article{padding:10px 20px;color:var(--secondary-text);text-decoration:none}.search-article:hover{background-color:var(--primary-border)}.nav-link{color:var(--secondary-text);text-decoration:none;font-size:17px;transition:color .3s ease;padding:10px}.nav-link:hover{color:var(--primary-color)}.nav-img{width:25px;height:25px;cursor:pointer;margin-inline:10px;filter:var(--invert)}.wrap{padding-bottom:50px}.hero{display:flex;align-items:center;justify-content:center;flex-direction:column;padding-block:50px}.hero-title{color:var(--primary-text);font-size:40px;text-align:center}.hero-description{color:var(--secondary-text);font-size:20px;text-align:center;line-height:30px;width:65%;margin-top:30px}.hero-link{color:var(--secondary-text);text-decoration:underline;cursor:pointer;font-size:18px;margin-top:15px}.description{width:60%;font-size:18px;margin-inline:20%;color:var(--secondary-text);text-align:center}.cards{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;padding-inline:100px}.card{background-color:var(--secondary-bg);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:15px;padding:15px 10px;text-decoration:none;width:200px;height:100%}.card-img{width:100px;transition:transform .3s ease}.card:hover .card-img{transform:scale(1.05)}.card-name{color:var(--primary-text);font-size:20px;text-align:center;line-height:25px}.card-description{color:var(--secondary-text);text-align:center;line-height:20px}.progress-container{display:flex;width:90%;gap:10px;color:var(--primary-text);align-items:center}.progress-bar{width:100%;border-radius:15px;background-color:var(--primary-bg);overflow:hidden;height:15px}.progress{background-color:var(--primary-color);height:100%}.accordions{padding-inline:100px;display:flex;flex-direction:column;gap:15px}.accordion{background-color:var(--secondary-bg);border-radius:10px;overflow:hidden}.accordion-title{color:var(--primary-text);cursor:pointer;padding:15px 30px;font-size:20px}.accordion-content{border-top:2px solid var(--primary-border);color:var(--secondary-text);box-sizing:content-box}.accordion-item{padding-inline:30px;cursor:pointer;padding-block:15px;display:block;color:var(--secondary-text);text-decoration:none}.accordion-item:hover{background-color:var(--primary-hover)}.action-btns{display:flex;gap:30px;justify-content:center;margin-top:30px}.action-btn{background-color:var(--primary-color);color:#fff;text-decoration:none;font-size:18px;padding:10px 30px;border-radius:5px;cursor:pointer;border:none;transition:box-shadow .3s ease}.action-btn:hover{box-shadow:0 0 10px var(--primary-color)}.section{margin-bottom:30px}.section:last-of-type{margin-bottom:0}.section-title{color:var(--primary-text);text-align:center;font-size:25px;padding-bottom:30px}.footer{border-top:2px solid var(--primary-border);padding:50px 100px;display:flex;justify-content:space-between;align-items:start;gap:20px}.footer-column{display:flex;flex-direction:column;gap:10px;flex:1}.footer-copy,.footer-copy a{color:var(--secondary-text);font-size:14px}.footer-title{color:var(--secondary-text);font-size:16px;margin-bottom:10px}.footer-link{color:var(--secondary-text);text-decoration:none;font-size:14px}.footer-link:hover{text-decoration:underline}.footer-social{display:flex;gap:20px}.footer-icon img{width:25px;height:25px;cursor:pointer;filter:var(--invert)}.modal-bg{width:100%;height:100vh;position:fixed;left:0;top:0;z-index:1000;background:var(--primary-modal-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.modal{background-color:var(--primary-bg);border:2px solid var(--primary-border);border-radius:5px;display:flex;flex-direction:column;align-items:center;gap:20px;padding:30px;width:390px}.modal-img{width:90%;border-radius:5px}.modal-name{color:var(--primary-text);font-size:25px}.modal-description{color:var(--secondary-text);text-align:center;line-height:25px;font-size:18px}@media (max-width: 750px){.nav{padding-inline:20px;gap:0px}.nav-link{padding:10px}.cards{padding-inline:20px;gap:20px}.footer{padding-inline:10px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:var(--secondary-text);border-radius:10px;border:2px solid var(--primary-bg)}.inputs{width:50%;margin:0;padding:0}.input{border-radius:50px;height:150px}.output{width:50%;border:none;outline:none;background-color:#fff;height:450px;border-radius:0 10px 10px 0}textarea{outline:none;resize:none;height:150px;cursor:text;color:var(--primary-text);width:100%;padding-inline:5%;padding-block:25px;background-color:var(--primary-bg);font-size:20px;font-family:Arial,Helvetica,sans-serif;border:none;overflow:auto}.wrapper{display:flex;justify-content:center;align-items:center;border-radius:10px;overflow:hidden;margin-inline:100px;border:2px solid var(--primary-border)}.me-activities{display:flex;justify-content:center;gap:15px}.me-activity{background-color:var(--secondary-bg);color:var(--primary-text);font-size:20px;border-radius:5px;padding:15px;cursor:pointer;text-decoration:none}.me-activity:hover{background-color:var(--primary-hover)}:root{--code-text: #d8ab06}.light{--code-text: #b69009}body{overflow-x:hidden}.article-wrap{width:100%;display:flex;padding-bottom:50px;background-color:var(--primary-bg)}.notification{position:fixed;top:90px;right:30px;z-index:10;background-color:var(--secondary-bg);box-shadow:0 0 10px var(--primary-shadow-transparent);color:var(--secondary-text);font-size:18px;text-align:center;padding:15px 20px;border-radius:5px}.sidebar{height:calc(100vh - 70px);min-width:230px;max-width:230px;list-style-type:none;padding-bottom:60px;margin-left:80px;padding-right:20px;position:sticky;top:70px;padding-top:30px;overflow:auto}.sidebar a,.unit{text-decoration:none;display:block;padding-block:10px;padding-inline:20px;border-radius:5px;width:100%;color:var(--secondary-text);margin-bottom:5px;cursor:pointer;font-size:16px}.unit{font-weight:700;color:var(--primary-text);font-size:18px;padding-block:15px}.sidebar a:hover{background-color:var(--secondary-bg)}.content{width:calc(100% - 200px);padding-inline:100px}.contentt{height:100%;overflow:auto}.main-art{margin-top:40px;color:var(--secondary-text)}.paragraph-content{padding:20px;padding-inline:0;font-size:18px;color:var(--secondary-text);line-height:30px;margin-top:0!important}code{background-color:var(--primary-bg);display:block;font-family:monospace;padding:20px;padding-block:10px;border-radius:10px;color:var(--code-text);line-height:30px;font-size:20px;margin-block:15px;border:2px solid var(--primary-border)}.article-hr{width:100%;margin-inline:0;height:5px;border:none;background-color:var(--primary-color);border-radius:20px}ul,ol{list-style-position:inside}.article-subheading{color:var(--primary-text);padding-block:30px;font-size:25px}.author{padding-inline:0;color:var(--secondary-text);font-size:17px;display:flex;align-items:center;gap:20px;width:100%;padding-block:10px}.article-info{display:flex;justify-content:space-between}.article-btns{display:flex;gap:30px;padding-block:15px}.article-btn{width:20px;height:20px;cursor:pointer;transition:transform .3s ease;filter:var(--invert)}.article-btn:hover{transform:scale(1.2) translateY(-3px)}.paragraph-content h2{color:var(--primary-text);padding-block:30px;font-size:25px}.lab{width:100%;height:400px;border-radius:10px;background-color:var(--primary-bg);overflow:hidden;margin-block:30px;border:2px solid var(--primary-border)}.tabs{width:100%;background-color:var(--secondary-bg);display:flex;height:40px;align-items:center;overflow:hidden}.tab{color:var(--secondary-text);padding-inline:30px;padding-block:10px;font-size:18px;cursor:pointer;font-weight:700}.tab:hover{background:var(--primary-border)}.active,.active:hover{background-color:var(--primary-bg)}.paragraph-content .content{height:360px}.paragraph-content .content{width:100%}.lab .content{padding-inline:0}.lab .output{width:100%}.lab .hide{display:none}.lab-textarea{box-sizing:border-box;width:100%;color:var(--code-text);line-height:30px;background-color:transparent;border:none;resize:none;outline:none;padding:20px;font-size:18px;height:90%;word-wrap:break-word;overflow:auto;font-family:monospace}.lab-output{width:100%;border:none;outline:none;background-color:#fff;height:360px}.paragraph-content textarea,.paragraph-content iframe{display:none}.show{display:block!important;color:var(--code-text);font-family:monospace}.post-date{font-size:18px;color:var(--secondary-text)}.post-paragraph{color:var(--secondary-text);font-size:20px;line-height:32px;margin-bottom:50px;margin-top:30px}.paragraph-content img{width:60%;margin-inline:20%;border-radius:10px;margin-top:15px}.paragraph-content figcaption{text-align:center;font-size:15px;margin-bottom:15px}table{margin:auto;border-radius:10px;overflow:hidden;margin-block:15px;outline:2px solid var(--primary-border);border-collapse:collapse}th{font-size:20px;padding:2%;background-color:var(--primary-bg);color:var(--primary-text)}td{font-size:20px;padding-inline:1.5%;line-height:30px;padding-block:3%;color:var(--secondary-text)}tr:nth-of-type(odd){background-color:var(--secondary-bg)}tr:nth-of-type(2n){background-color:var(--primary-bg)}td:nth-of-type(odd){text-align:center;width:35%}@media (max-width: 600px){.sidebar{display:none}.content{width:100%;padding-inline:20px}}:root{--green: rgb(0, 30, 0);--red: rgb(70, 0, 0)}.light{--green: rgb(100, 200, 100);--red: rgb(250, 150, 150)}.quiz-hero{display:flex;flex-direction:column;gap:30px;align-items:center;padding-block:50px}.quiz-warning{background-color:var(--secondary-bg);border-radius:10px;color:var(--secondary-text);font-size:16px;width:550px;line-height:25px;padding:10px 20px;display:flex;gap:20px}.quiz-warning img{width:30px;filter:var(--invert)}.quiz-name{color:var(--primary-text);font-size:35px}.quiz-description{color:var(--secondary-text);font-size:18px;text-align:center;line-height:30px}.quiz-btn{background-color:var(--primary-color);color:var(--primary-text);font-size:18px;border:none;outline:none;border-radius:5px}.question{padding-block:50px;display:flex;flex-direction:column;gap:30px}.question-name{color:var(--primary-text);font-size:25px}.question-options{display:flex;flex-direction:column;gap:10px}.question-option{background-color:var(--secondary-bg);color:var(--secondary-text);border-radius:5px;font-size:18px;padding-block:15px;cursor:pointer;display:flex}.question-option:hover{background-color:var(--primary-hover)}.question-btns{display:flex;gap:15px}.quiz-results{display:flex;flex-direction:column;width:70%;gap:15px}.result-question{background-color:var(--secondary-bg);border-radius:5px;overflow:hidden;padding:20px 15px;display:flex;flex-direction:column;gap:20px}.result-options{display:flex;flex-direction:column;gap:5px}.result-option{color:var(--secondary-text);border-radius:5px;padding:10px 20px}.result-question h2{color:var(--primary-text);font-size:18px;padding-inline:20px}input[type=radio]{width:20px;height:20px;border-radius:100px;display:inline-block;-moz-appearance:none;appearance:none;-webkit-appearance:none;margin:0;border:2px solid var(--secondary-text);margin-inline:20px;display:flex;align-items:center;justify-content:center}input[type=radio]:before{content:"";width:18px;height:18px;border-radius:50%;transform:scale(0);transition:.12s transform ease-in-out;background-color:var(--secondary-text)}input[type=radio]:checked:before{transform:scale(.5)}