@charset "UTF-8";body{margin:0;height:100%}body.dark-mode::-webkit-scrollbar{width:.5em;background-color:#0d1117}body.dark-mode::-webkit-scrollbar-thumb{background-color:#6002ed}body.dark-mode>*{color:#fff}body.dark-mode{background-color:#0d1117}body #root{min-height:100vh;display:flex;flex-direction:column;max-width:60em;margin:0 auto;width:100%}body #root:hover .navbar{z-index:10}body #root #app{min-height:100vh}body #root #app .pageContainer{padding:.375em}@media only screen and (min-width:30em){body #root #app .pageContainer{padding:.75em}}.page{padding:0;position:relative;min-height:100%}html{box-sizing:border-box}html,body{height:100%}*,*:before,*:after{box-sizing:inherit}body,p,a,ul,li,h3,h2,h1{margin:0;padding:0;text-decoration:none}ul{list-style-type:none}body{font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:normal}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.transitiongroup>div{padding-left:0;padding-right:0}.pages-enter{opacity:0;transform:translate(-100%)}.pages-enter-active{opacity:1;transform:translate(0);transition:opacity .5s,transform .5s}.pages-enter,.pages-exit{position:absolute;width:100%;top:0;left:0}.edit-enter{opacity:0;transform:scale(0)}.edit-enter-active{opacity:1;transform-origin:top center;transform:scale(1);transition:opacity .5s,transform .5s}.edit-exit{opacity:1;transform:scale(1)}.edit-exit-active{opacity:0;transform:scale(0);transform-origin:top center;transition:opacity .5s,transform .5s}.hamburger-container{display:flex;justify-content:center}.hamburger-container .hamburger{width:2.5em;display:flex;justify-content:center;align-items:center;position:relative;border:0;border-radius:50%;background:transparent;cursor:pointer}@media only screen and (min-width:30em){.hamburger-container .hamburger{width:2.5em;height:52px}}.hamburger-container .hamburger.hamburger--open{padding:0}.hamburger-container .hamburger .hamburger__line{position:relative;display:block;width:20px;height:2px;background-color:#6002ed;transition:background-color .25s ease}.hamburger-container .hamburger .hamburger__line:before,.hamburger-container .hamburger .hamburger__line:after{content:"";position:absolute;left:0;width:20px;height:2px;background-color:#6002ed;transition:transform .25s ease,top .25s ease,bottom .25s ease}.hamburger-container .hamburger .hamburger__line:before{bottom:6px}.hamburger-container .hamburger .hamburger__line:after{top:6px}.hamburger-container .hamburger.hamburger--close .hamburger__line{background-color:transparent}.hamburger-container .hamburger.hamburger--close .hamburger__line:before{width:24px;bottom:0;transform:rotate(45deg)}.hamburger-container .hamburger.hamburger--close .hamburger__line:after{width:24px;top:0;transform:rotate(-45deg)}.btn{border-radius:6px}.footer{padding:0;display:flex;flex-direction:column;gap:2em;width:100%}.footer .socialList{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:"20px";padding:0;margin:0}.footer .socialIcons{display:flex;gap:5px}.footer .socialIcons :nth-child(2){padding-top:2.68px}.footer .socialIcons .socialIcon{width:fit-content;height:40px;width:40px;display:flex;justify-content:center;align-items:center;text-decoration:none;border-radius:50%;font-size:1.5em;position:relative;transition:"color 0.2s ease";cursor:pointer}.footer .socialIcons .socialIcon:after{content:"";width:100%;height:100%;background-color:#e303fc;opacity:1%;display:block;position:absolute;border-radius:inherit;top:0;left:0;z-index:1}.footer .socialIcons .socialIcon>*{position:relative;z-index:2}.footer .socialIcons .socialIcon:hover{color:gray}.footer .socialIcons .socialIcon:hover:after{opacity:20%}.logo{text-decoration:none;color:#6002ed;width:2em;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer}@media only screen and (min-width:30em){.logo{width:2.5em;height:52px}}.logo:active{color:#6002ed}.logo .logo__container{display:flex;justify-content:center;align-items:center}.logo .logo__container .logo__circle,.logo .logo__container .logo__circle .logo__cube{background-color:#fff}.logo__circle{width:2.125em;height:2.125em;border-radius:50%;cursor:pointer;display:flex}.logo__cube{width:20px;height:20px;position:relative}.logo__cube>div{background-color:#6002ed;height:2px;width:100%;position:absolute;animation-duration:1s;animation-iteration-count:infinite;border:0;outline:0}.logo__cube [line="1"].fade{animation-name:fade}.logo__cube [line="1"]{top:0}.logo__cube [line="2"].fade{animation-name:fade}.logo__cube [line="2"]{animation-delay:.2s;top:50%;transform:translateY(-50%)}.logo__cube [line="3"].fade{animation-name:fade}.logo__cube [line="3"]{animation-delay:.4s;bottom:0}.switch-container{padding:0 10px;height:100%;display:flex;align-items:center}.switch{width:100%;display:flex;justify-content:center;align-items:center}.switch .switch__con{width:50px;height:24px;display:flex;align-items:center;border-radius:24px;cursor:pointer;background-color:#fff3;position:relative;transition:background-color .3s ease;box-shadow:inset 0 2px 4px #0003}.switch .switch__con:hover{background-color:#ffffff4d;box-shadow:inset 0 2px 6px #0000004d}.switch .switch__con .icon{width:20px;border:none;border-radius:50%;display:flex;justify-content:center;align-items:center;text-align:center;font-size:14px;position:absolute;transition:left .6s cubic-bezier(.34,1.56,.64,1),right .6s cubic-bezier(.34,1.56,.64,1),background .6s cubic-bezier(.34,1.56,.64,1),color .6s cubic-bezier(.34,1.56,.64,1);background-color:#fff;box-shadow:0 2px 4px #0000004d}.switch .switch__con .icon.light{right:2px;color:#ff9800;background:linear-gradient(135deg,#fff,#ffe0b2)}.switch .switch__con .icon.dark{left:2px;color:#7c4dff;background:linear-gradient(135deg,#e1bee7,#ce93d8)}.navbar{position:relative;isolation:isolate;width:100%}.navbar .nav-body{height:50px;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.navbar .nav-body .navbar-link{height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;font-size:20px}.showUp-enter,.showDown-enter{opacity:0}.showUp-enter-active,.showDown-enter-active{opacity:1;transition:opacity .5s,transform .5s}.showUp-exit,.showDown-exit{opacity:1}.showUp-exit-active,.showDown-exit-active{opacity:0;transition:opacity .5s,transform .5s}.show-enter{opacity:0}.show-enter-active{opacity:1;transition:opacity .5s,transform .5s}.show-exit{opacity:1}.show-exit-active{opacity:0;transition:opacity .5s,transform .5s}.sideBar{width:46px;border-radius:.3em 0 0 .3em;z-index:5;position:absolute;right:0;top:calc((100vh - 216px)/2);z-index:10;transition:.5s all ease-in}.sideBar:hover ul{position:relative;isolation:isolate;background-color:#00000029;border-radius:inherit}.sideBar:hover ul>*{position:relative;z-index:2}.sideBar:hover ul:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:#00000029;border-radius:inherit}.sideBar:not(:hover) ul{position:relative;isolation:isolate;background-color:#0000000d;border-radius:inherit}.sideBar:not(:hover) ul>*{position:relative;z-index:2}.sideBar:not(:hover) ul:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-color:#0000000d;border-radius:inherit}.sideBar ul{width:100%;padding:.5em 0;display:flex;flex-direction:column;gap:.375em;position:relative;transition:all .5s ease}.sideBar ul li{width:100%;height:2.25em;display:flex;justify-content:center;align-items:center;color:#fff}.sideBar .side__link{height:2em;width:2em;color:#6002ed;cursor:pointer;border-radius:50%;text-decoration:none;display:flex;justify-content:center;align-items:center;position:relative}.sideBar .side__link:hover,.sideBar .side__link.active{background-color:#6002ed4d}@media only screen and (min-width:30em){.sideBar{width:2.625em}.sideBar ul{width:100%;display:flex;flex-direction:column;position:relative}.sideBar ul li{width:100%}}@media only screen and (min-width:30em)and (min-width:30em){.sideBar{width:2.625em}.sideBar .side__link:before,.sideBar .side__link:after{color:transparent;position:absolute;z-index:1000;transform:scale(0);transition:.2s transform}.sideBar .side__link:before{content:attr(title);width:max-content;right:3.75em;transform-origin:right;padding:.5em;border-radius:.125em;font-size:.7em}.sideBar .side__link:after{content:"";left:-.625em;border:.625em solid transparent;transform-origin:left}.sideBar .side__link:hover:before,.sideBar .side__link:hover:after{transform:scale(1)}.sideBar .side__link:hover:before{color:#fff;background-color:#6002ed}.sideBar .side__link:hover:after{border:.4375em solid transparent;border-left-color:#6002ed}}#about h2{margin-bottom:1em}#about h3{padding:.6em 0 .1em;line-height:2em;border-bottom:2px solid hsl(264,98%,47%)}#about #education .body{margin:1em 0}#about #education .body .period:first-child{position:relative;margin-bottom:1em}#about #education .body .period:first-child:before{content:"";width:.2em;height:calc(85% + 2em);position:absolute;left:0;top:8%;background-color:#6002ed}@media only screen and (min-width:30em){#about #education .body .period:first-child:before{height:calc(85% + 1em);top:15%}}#about #education .body .period:last-child{position:relative}#about #education .body .period:last-child:before{content:"";width:.2em;height:24%;position:absolute;left:0;top:0;background-color:#6002ed}#about #education .body .period:not(:first-child,:last-child){position:relative;margin-bottom:1em}#about #education .body .period:not(:first-child,:last-child):before{content:"";width:.2em;height:calc(100% + 1em);position:absolute;left:0;top:0;background-color:#6002ed}#about #education .body .period .years>*{display:inline-block;width:13ch}#about #education .body .period .years .from{position:relative;margin:0 0 0 5ch}#about #education .body .period .years .from:before{content:"";height:.2em;width:3ch;position:absolute;left:-5ch;top:calc(50% - .1em);background-color:#6002ed}#about #education .body .period .years .to{position:relative;text-align:left;margin-left:5ch}#about #education .body .period .years .to:before{content:"";height:.2em;width:3ch;position:absolute;left:-5ch;top:calc(50% - .1em);background-color:#6002ed}#about #education .body .period .activity{padding:.5em 0 0 5ch;line-height:1.5em}#about #professional .body{margin:1em 0}#about #professional .body .period:first-child{position:relative;margin-bottom:1em}#about #professional .body .period:first-child:before{content:"";width:.2em;height:calc(100% + 2em);position:absolute;left:0;top:.5em;background-color:#6002ed}#about #professional .body .period:last-child{position:relative}#about #professional .body .period:last-child:before{content:"";width:.2em;height:.5em;position:absolute;left:0;background-color:#6002ed}#about #professional .body .period:not(:first-child,:last-child){position:relative;margin-bottom:1em}#about #professional .body .period:not(:first-child,:last-child):before{content:"";width:.2em;height:calc(100% + 1em);position:absolute;left:0;top:0;background-color:#6002ed}#about #professional .body .period .years>*{display:inline-block;width:13ch}#about #professional .body .period .years .from{position:relative;margin:0 0 0 5ch}#about #professional .body .period .years .from:before{content:"";height:.2em;width:3ch;position:absolute;left:-5ch;top:calc(50% - .1em);background-color:#6002ed}#about #professional .body .period .years .to{position:relative;text-align:left;margin-left:5ch}#about #professional .body .period .years .to:before{content:"";height:.2em;width:3ch;position:absolute;left:-5ch;top:calc(50% - .1em);background-color:#6002ed}#about #professional .body .period .activity{padding:.5em 0 0 5ch}#about #professional .body .period .activity strong{line-height:2em}#about #professional .body .period .activity ul li{line-height:1.5em}#about #skills .body{margin:1em 0}#about #skills .body>*{margin-bottom:1em}#about #skills .body .languages ul{display:flex;flex-direction:column;gap:.7em;padding:0 0 0 5ch;width:fit-content}#about #skills .body .subtitle{width:30ch;font-size:1em;position:relative;margin-left:5ch;margin-bottom:.5em}#about #skills .body .subtitle:before{content:"";height:.2em;width:3ch;position:absolute;left:-5ch;top:calc(50% - .1em);background-color:#6002ed}#about #skills .body .tech-skills .list{display:flex;flex-direction:column;gap:.7em}#about #skills .body .tech-skills .list li{display:flex;flex-direction:column;border:.1em solid hsl(264,98%,47%)}#about #skills .body .tech-skills .list li>*{padding-left:1em}#about #skills .body .tech-skills .list li .header{margin:0;padding:.5em 1em;display:flex;justify-content:space-between;cursor:pointer}#about #skills .body .tech-skills .list li .description{margin-bottom:.3em;display:none}#about #skills .body .tech-skills .list li.active .arrow{transform:rotate(180deg);transition:ease 500 transform}#about #skills .body .tech-skills .list li.active .description{display:block;padding:0 1em;line-height:1.5em}#calculator{font-family:Poppins,sans-serif;margin-top:80px}#calculator #board{background-color:#1c1c1c;width:320px;border-radius:10px;color:#fff;padding:1em;margin:0 auto}#calculator #board #screen .display{height:40px;width:100%;font-size:30px;text-align:right;padding:1em!important}#calculator #board #main-board{padding:10px}#calculator #board #main-board .row{margin-top:10px;display:flex;justify-content:space-between}#calculator #board #main-board .row .btn{cursor:pointer}#calculator #board #main-board .row .btn-wide{background-color:red;width:135px;height:60px;border-radius:2rem;color:#fff;border:none}#calculator #board #main-board #clear,#calculator #board #main-board #zero{width:135px;height:60px;border-radius:2rem;color:#fff;border:none}#calculator #board #main-board #clear{background-color:#d4d4d2;color:#000}#calculator #board #main-board #one,#calculator #board #main-board #two,#calculator #board #main-board #three,#calculator #board #main-board #four,#calculator #board #main-board #five,#calculator #board #main-board #six,#calculator #board #main-board #seven,#calculator #board #main-board #eight,#calculator #board #main-board #nine,#calculator #board #main-board #zero,#calculator #board #main-board #decimal{background-color:#505050;color:#fff;border:none}#calculator #board #main-board #equals,#calculator #board #main-board #subtract,#calculator #board #main-board #divide,#calculator #board #main-board #multiply,#calculator #board #main-board #add{background-color:#ff9500;color:#fff;border:none}#calculator #board #main-board .btn-circle{height:60px;width:60px;border-radius:50%}#home .home-header{display:flex;justify-content:center}#home .home-header .image{background-size:cover;background-image:url(/home-img.png);background-position:center;box-shadow:0 2px 5px #00000080;width:15em;height:15em;border-radius:50%}#home .home-body{text-align:center;font-size:1.5em;padding:0 .75em}@media only screen and (min-width:30em){#home .home-body{padding:2em}}#home .home-body p:first-of-type:before{content:"👋"}#home .home-body a{text-decoration:none;color:inherit}#home .home-body p{padding-top:1em;line-height:1.3em}#home .home-body p strong{font-family:nunito,sans-serif}#home .home-body .p-link{border-radius:.1875em;padding:.001em .3em;border:1px solid hsl(264,98%,47%);transition:all .1s ease-in-out}#home .home-body .p-link:hover{color:#fff;background-color:#6002ed}#randomQuote{font-family:Poppins,sans-serif;color:#fff;width:100%;height:100vh;background-color:#282c34;transition:background-color 1s ease-in-out;display:flex;justify-content:center;padding:0 .75em;align-items:center}.quote-box{display:flex;justify-content:center;align-items:center;flex-direction:column;font-size:1.61rem;font-weight:500;border-radius:.6rem;padding:1em;border:.05em solid white}@media only screen and (min-width:30em){.quote-box{max-width:18.75em}}.quote-box .quote-text{text-align:center;transition:all .6s ease}.quote-box .quote-author{width:100%;height:40px;position:relative;transition:all .6s ease;margin:.7rem 0 1rem}.quote-box .quote-author span{position:absolute;right:0;font-size:1rem}.quote-box .quote-footer{display:flex;justify-content:space-between;height:40px;width:100%}.quote-box .quote-footer .icons{height:100%;display:flex;align-items:center;border:none;font-size:.7em}.quote-box .quote-footer .icons a{height:100%;margin:0 10px 0 0;color:#fff;cursor:pointer}.quote-box .quote-footer .icons a svg{height:100%;width:40px;border:1px solid white;border-radius:3px;background-color:transparent;display:flex;justify-content:center;align-items:center}.quote-box .quote-footer .icons a:hover{opacity:.8}.quote-box .quote-footer button{background-color:transparent;height:40px;width:120px;font-size:.6em;cursor:pointer;padding:1rem;border-radius:5px;outline:none;color:#fff;display:flex;align-items:center;justify-content:center;border:1px solid white}.quote-box .quote-footer button:hover{opacity:.8}@media only screen and (min-width:30em){#work .filters,#work h2,#work .work-list{padding:0}}#work .filters{margin-bottom:1.25em;width:100%}#work .filters>*{margin-bottom:1em}#work .filters.close{transform:scale(0)}#work .filters .filter-list{font-size:.7em;display:grid;grid-template-columns:repeat(auto-fit,minmax(7em,1fr))}#work .filters .filter-list li{display:flex;border-radius:.4em;border:.1em solid hsl(264,98%,47%);padding:.3em;margin:.2em;cursor:pointer}#work .filters .filter-list .active{color:#fff;background-color:#6002ed}#work .work-list .list-item{margin:0 1em 1em 0;padding:1em;display:inline-block;width:fit-content;color:inherit;border-bottom:.1em solid hsl(264,98%,47%);border-left:.1em solid hsl(264,98%,47%)}#work .work-list .list-item .disabled{display:none}.launch-enter{opacity:0;transform:translate(-100%)}.launch-enter-active{opacity:1;transform:translate(0);transition:opacity .5s,transform .5s}.launch-exit{opacity:1}.launch-exit-active{opacity:0;transform:translate(100%);transition:opacity .5s,transform .5s}#sign{background-color:#282c34}#sign .message{font-size:1em}#sign h3{text-align:center;color:gray}#sign .header{margin-bottom:1em}#sign .header section{display:flex;justify-content:center}#sign .header .mode{padding:.2em .3em;width:max-content;border-bottom:.1em solid hsl(264,98%,47%)}#sign .switch{padding:.2em .3em;width:max-content;cursor:pointer}#sign .page-container{height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 px-to-em(20px)}#sign .body{max-width:428px;width:100%;display:flex;flex-direction:column;border:.05em solid getPriVariant(700);border-radius:6px;padding:1em .5em}#sign .body section{margin-bottom:1em}#sign .body .form-group{display:flex;justify-content:center;margin-bottom:1em}#sign .submit{color:#fff;display:flex;justify-content:center}#sign .submit .submit-btn{cursor:pointer;padding:.3em;border-radius:2px;border:.05em solid gray;color:#6002ed}@media only screen and (min-width:30em){#sign .submit .submit-btn:hover{border:none;color:#fff;background-color:#6002ed}}#sign label{display:flex;justify-content:center;align-items:center}#sign input{background:transparent;display:block;padding:.25rem 1rem;border:0;border-bottom:1px solid gray;outline:0}#sign input:focus{color:#6002ed;border-bottom:2px solid hsl(264,98%,47%)}#contact{padding:0 px-to-em(12px)}#contact textarea{color:inherit;resize:none;overflow:hidden;border:none;outline:none;background:transparent;width:100%;padding:.5em .5em 0;margin-bottom:.5em;font-size:1.3em;border-left:.1em solid hsl(264,98%,47%)}#contact h2{margin-bottom:1.5em}#contact h3{margin-bottom:.5em}#contact button{border:none;padding:.5em 1em;color:#6002ed}#contact section{border:1px solid hsl(264,98%,47%);margin-bottom:1em;padding:2em}#contact section p{margin-bottom:1em}#timer{font-family:Poppins,sans-serif;color:#fff;width:100%;height:100vh;display:flex;flex-direction:column;padding:px-to-em(60px) px-to-em(23px);justify-content:center;background-color:#282c34}#timer h1,#timer h2,#timer h3{text-align:center}#timer h1{margin-bottom:2em}#timer h2{margin:0}#timer h3{font-size:1.2em}#timer span{cursor:pointer}#timer em{font-size:2em}#timer .body .setting{float:left;width:50%}#timer .body .setting h3{font-size:1.3em;padding:.5em}#timer .body .setting-footer{display:flex;justify-content:center}#timer .body .setting-footer .sign{color:#6002ed;display:flex;justify-content:center;font-size:1.9em;font-weight:800}#timer .body .setting-footer .value{display:flex;justify-content:center;align-items:center}#timer .body .setting-footer span{height:50px;width:50px}#timer .body .display{border-bottom:.1em solid hsl(264,98%,47%)}#timer .body .display-footer{height:50px;display:flex;justify-content:center}#timer .body .display-footer span{font-weight:600;font-size:1.5em;margin:0 1em;display:flex;justify-content:center;align-items:center;height:50px;width:50px}#timer .body .display-footer .reset{color:red}#timer .body .display .screen{text-align:center;font-size:6.2em}#timestamp .api{font-family:Montserrat,sans-serif;min-height:100vh;margin:0 auto}.api-container header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2)}.api-container header h1{font-size:2.5rem;margin-bottom:.5rem;color:#6002ed}.api-container header .subtitle{font-size:1.1rem;color:#6002edb3;font-weight:300}.api-container section{margin-bottom:2.5rem;padding:px-to-em(12px);border-radius:8px;background-color:#6002ed08}.api-container section h2{font-size:1.8rem;margin-bottom:1rem;color:#6002ed;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2);padding-bottom:.5rem}.api-container section p{line-height:1.6;margin-bottom:.5rem}.api-container .about p{font-size:1.05rem}.api-container .endpoints table{border:0;width:100%}.api-container .endpoints table thead{display:none;background-color:#6002ed1a}.api-container .endpoints table thead th{padding:1rem;text-align:left;font-weight:600;border:1px solid rgba(37.788%,.94%,93.06%,.2)}.api-container .endpoints table tbody tr{display:block;margin-bottom:1.5rem;border:1px solid rgba(37.788%,.94%,93.06%,.2);border-radius:8px}.api-container .endpoints table tbody tr:last-child{margin-bottom:0}.api-container .endpoints table tbody tr:nth-child(2n){background-color:#6002ed05}.api-container .endpoints table tbody tr td{border-top-left-radius:8px;border-top-right-radius:8px}.api-container .endpoints table tbody tr td code:first-of-type{background-color:transparent}.api-container .endpoints table tbody tr td:first-child{background-color:#6002ed33}.api-container .endpoints table tbody tr td{padding:1rem;border:1px solid rgba(37.788%,.94%,93.06%,.2);vertical-align:top;display:flex;align-items:center;border:none;border-bottom:1px solid rgba(37.788%,.94%,93.06%,.1);padding:.75rem .5rem}.api-container .endpoints table tbody tr td:last-child{border-bottom:none}.api-container .endpoints table tbody tr td:before{content:attr(data-label);font-weight:600;color:#6002ed}.api-container .endpoints table tbody tr td code{width:100%;background-color:#6002ed1a;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;white-space:nowrap}.api-container .usage ul{list-style:none;padding:0}.api-container .usage ul li{margin-bottom:.8rem;padding-left:1.5rem;position:relative}.api-container .usage ul li:before{content:"→";position:absolute;left:0;color:#6002ed;font-weight:700}.api-container .usage ul li code{background-color:#6002ed1a;padding:.4rem .8rem;border-radius:4px;font-family:Courier New,monospace;display:inline-block}.api-container .example-output pre{background-color:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto;margin:1rem 0}.api-container .example-output pre code{font-family:Courier New,monospace;font-size:.95rem;line-height:1.5}.api-container .example-output .error-example{margin-top:1.5rem;font-weight:600;color:#ff6b6b}.api-container .try-it{background-color:#6002ed14}.api-container .try-it form{margin-bottom:1rem}.api-container .try-it form .form-group{display:flex;flex-direction:column;gap:.8rem}.api-container .try-it form .form-group label{font-weight:600;color:#6002ed}.api-container .try-it form .form-group input{padding:.8rem;border:2px solid rgba(37.788%,.94%,93.06%,.3);border-radius:6px;font-size:1rem;font-family:Courier New,monospace;transition:border-color .3s}.api-container .try-it form .form-group input:focus{outline:none;border-color:#6002ed}.api-container .try-it form .form-group input::placeholder{color:#6002ed66}.api-container .try-it form .form-group button{padding:.8rem 1.5rem;background-color:#6002ed;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.api-container .try-it form .form-group button:hover:not(:disabled){background-color:#4c02bb;transform:translateY(-2px);box-shadow:0 4px 8px #6002ed4d}.api-container .try-it form .form-group button:disabled{opacity:.6;cursor:not-allowed}.api-container .try-it>button{padding:.8rem 1.5rem;background-color:transparent;color:#6002ed;border:2px solid hsl(264,98%,47%);border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.api-container .try-it>button:hover:not(:disabled){background-color:#6002ed;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #6002ed4d}.api-container .try-it>button:disabled{opacity:.6;cursor:not-allowed}.api-container .api-response{background-color:#6002ed0d;border-left:4px solid hsl(264,98%,47%)}.api-container .api-response pre{background-color:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto;margin-top:1rem}.api-container .api-response pre code{font-family:Courier New,monospace;font-size:.95rem;line-height:1.5}.api-container .api-response .error pre{border-left:4px solid #ff6b6b}.api-container .api-response .error pre code{color:#ff6b6b}.api-container .how-to-use pre{background-color:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto}.api-container .how-to-use pre code{font-family:Courier New,monospace;font-size:.95rem;line-height:1.8}.api-container .feedback{background-color:#6002ed0d;border-radius:8px;text-align:center}.api-container .feedback p{font-size:1rem;line-height:1.6}.api-container .feedback p strong{color:#6002ed}@media only screen and (min-width:30em){.api-container header{text-align:center}.api-container header h1{font-size:2rem}.api-container header .subtitle{font-size:1rem}.api-container section{padding:1rem}.api-container section h2{font-size:1.5rem}.api-container .endpoints table{width:100%;border-collapse:collapse;margin-top:1rem}.api-container .endpoints table thead th{padding:1rem;text-align:left;font-weight:600}.api-container .endpoints table tbody tr{padding:0}.api-container .endpoints table tbody tr td{padding:1rem;border:0;vertical-align:top}.api-container .endpoints table tbody tr td:first-child{border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;background-color:#6002ed33}.api-container .endpoints table tbody tr td code{padding:.3rem .6rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;white-space:nowrap}.api-container .try-it .form-group button{width:100%}.api-container .try-it>button{width:100%;margin-top:.5rem}}#admin{font-family:Montserrat,sans-serif;min-height:100vh;margin:0 auto}#admin .page-container{min-height:100vh;padding:px-to-em(40px) 0 0 px-to-em(23px)}#admin .page-container>h2{font-size:2.5rem;margin-bottom:.5rem;color:#6002ed}#admin .page-container>*{margin-bottom:2.5rem}#admin #summary,#admin #todos,#admin .todoList{padding:1.5rem;border-radius:8px;background-color:#6002ed08}#admin h3{font-size:1.8rem;margin:0 0 1rem;color:#6002ed;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2);padding-bottom:.5rem}#admin #summary{border-left:4px solid hsl(264,98%,47%)}#admin #summary ul{list-style:none;padding:0;margin:0}#admin #summary ul li{padding:.8rem 1rem;border-radius:6px;background-color:#6002ed0d;line-height:1.6}#admin #summary ul li strong{color:#6002ed}#admin #todos{background-color:#6002ed08}#admin #todos .todos{margin-bottom:1.5rem}#admin #todos .todos .header{display:flex;align-items:center;justify-content:space-between;gap:1rem}#admin #todos .todos .header h3{flex:1;margin-bottom:0}#admin #todos .todos .header button{padding:.7rem 1.2rem;background-color:#6002ed;color:#fff;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s}#admin #todos .todos .header button:hover{background-color:#4c02bb;transform:translateY(-2px);box-shadow:0 4px 8px #6002ed40}#admin #todos .form{margin-top:1.5rem;padding:1.5rem;border-radius:8px;background-color:#6002ed0d;border-left:4px solid hsl(264,98%,47%)}#admin #todos .form>*{margin-bottom:1rem}#admin #todos .form>*:last-child{margin-bottom:0}#admin #todos .form .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}#admin #todos .form .form-group label{color:#6002ed;font-weight:600;font-size:.9rem}#admin #todos .form .form-group input{width:100%;box-sizing:border-box;padding:.8rem;border:2px solid rgba(37.788%,.94%,93.06%,.3);border-radius:6px;background-color:transparent;color:inherit;font-size:1rem;font-family:inherit;transition:border-color .3s}#admin #todos .form .form-group input:focus{outline:none;border-color:#6002ed}#admin #todos .form .form-group input::placeholder{color:#6002ed66}#admin #todos .form .btn-group{display:flex;gap:.75rem;margin-top:1.5rem}#admin #todos .form .btn-group button{padding:.7rem 1.2rem;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s;text-transform:uppercase}#admin #todos .form .btn-group button.todo-cancel{background-color:transparent;color:#6002ed;border:2px solid hsl(264,98%,47%)}#admin #todos .form .btn-group button.todo-cancel:hover{background-color:#6002ed;color:#fff}#admin #todos .form .btn-group button.todo-edit{background-color:#6002ed;color:#fff;border:2px solid hsl(264,98%,47%)}#admin #todos .form .btn-group button.todo-edit:hover{background-color:#4c02bb;transform:translateY(-2px);box-shadow:0 4px 8px #6002ed40}#admin .todoList{margin-top:1.5rem}#admin .todoList ul{list-style:none;padding:0;margin:0}#admin .todoList ul li{display:flex;align-items:center;gap:1rem;margin-bottom:.8rem;padding:1rem;border:1px solid rgba(37.788%,.94%,93.06%,.15);border-radius:8px;background-color:#6002ed05;transition:all .3s}#admin .todoList ul li:last-child{margin-bottom:0}#admin .todoList ul li:hover{background-color:#6002ed0f;border-color:#6002ed4d}#admin .todoList ul li div{flex:1;width:auto;padding:0}#admin .todoList ul li div:first-child{font-weight:600;color:#6002ed}#admin .todoList ul li button{width:fit-content;padding:.6rem 1rem;border:2px solid hsl(264,98%,47%);background-color:transparent;color:#6002ed;border-radius:6px;cursor:pointer;transition:all .3s}#admin .todoList ul li button:hover{background-color:#6002ed;color:#fff;transform:translateY(-2px)}@media only screen and (min-width:30em){#admin .page-container{padding:2rem 1rem}#admin .page-container>h2{text-align:center;font-size:2rem}#admin #summary,#admin #todos,#admin .todoList{padding:1rem}#admin h3{font-size:1.5rem}#admin #todos .todos .header{align-items:flex-start}#admin #todos .todos .header h3{font-size:1.5rem}#admin #todos .todos .header button{flex-shrink:0}#admin #todos .todos .form{padding:1rem}#admin .todoList ul li{flex-direction:column;align-items:stretch}#admin .todoList ul li div,#admin .todoList ul li button{width:100%}#admin .btn-group{flex-direction:column}#admin .btn-group button{width:100%}}.markdownPreviewer header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2)}.markdownPreviewer header h1{font-size:2.5rem;margin-bottom:.5rem;color:#6002ed}.markdownPreviewer header .subtitle{font-size:1.1rem;color:#6002edb3;font-weight:300}.markdownPreviewer h3{margin-bottom:1rem;color:#6002ed}.markdownPreviewer section{margin-bottom:2.5rem;padding:px-to-em(12px);border-radius:8px;background-color:#6002ed08}.markdownPreviewer section h2{font-size:1.8rem;margin-bottom:1rem;color:#6002ed;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2);padding-bottom:.5rem}.markdownPreviewer section p{line-height:1.6;margin-bottom:.5rem}.markdownPreviewer .try-it{background-color:#6002ed14;border:1px solid rgba(37.788%,.94%,93.06%,.3);display:flex;flex-direction:column}.markdownPreviewer .try-it .editor-section{margin-bottom:1em}.markdownPreviewer .try-it .editor-section textarea{width:100%;max-width:100%;min-height:150px;height:100%}.markdownPreviewer .try-it .preview .api-response{box-sizing:border-box;width:100%;max-width:100%;min-height:150px;word-wrap:break-word;overflow-wrap:break-word;padding:5px}.markdownPreviewer .try-it .preview h3{margin-bottom:1rem;color:#6002ed;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2)}.home-btn{height:4ch}.backHome-btn{padding:.5em;color:inherit;border:1px solid hsl(264,98%,47%);border-radius:6px;cursor:pointer}#dataviz-home .list-item{margin:0 1em 1em 0;padding:1em;display:inline-block;width:fit-content;color:inherit;border-bottom:.1em solid hsl(264,98%,47%);border-left:.1em solid hsl(264,98%,47%)}#dataviz{font-family:Poppins,sans-serif;max-width:100%;width:100%;height:100%}#dataviz .home-btn{padding:0 px-to-em(12px)}#dataviz h1{margin-top:1em;margin-bottom:.5em;padding-left:px-to-em(6px)}#dataviz .dataviz{margin-top:1em}#dataviz .header{background-color:inherit;color:inherit}#dataviz .header h4{font-size:1.5em;text-align:center}#dataviz .header h6{text-align:center}#dataviz .header ul{display:flex;justify-content:center;padding:1em}#dataviz .header ul li{padding:1em;border:1px solid gray;margin:0 .5em;border-radius:5px;cursor:pointer}#dataviz .header ul li a{color:inherit}#header-parser,#url-shortener{font-family:Montserrat,sans-serif;min-height:100%;margin:0 auto}#file-metadata{font-family:Montserrat,sans-serif;min-height:100vh;max-width:1200px;margin:0 auto}#exercise-tracker{font-family:Montserrat,sans-serif;padding:px-to-em(40px) px-to-em(23px);min-height:100vh;max-width:1200px;margin:0 auto}#exercise-tracker .container header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2)}#exercise-tracker .container header h1{font-size:2.5rem;margin-bottom:.5rem;color:#6002ed}#exercise-tracker .container header .subtitle{font-size:1.1rem;color:#6002edb3;font-weight:300}#exercise-tracker .container section{margin-bottom:2.5rem;padding:1.5rem;border-radius:8px;background-color:#6002ed08}#exercise-tracker .container section h2{font-size:1.8rem;margin-bottom:1rem;color:#6002ed;border-bottom:2px solid rgba(37.788%,.94%,93.06%,.2);padding-bottom:.5rem}#exercise-tracker .container .endpoints table{width:100%;border-collapse:collapse;margin-top:1rem}#exercise-tracker .container .endpoints table thead{background-color:#6002ed1a}#exercise-tracker .container .endpoints table thead th{padding:1rem;text-align:left;font-weight:600;border:1px solid rgba(37.788%,.94%,93.06%,.2)}#exercise-tracker .container .endpoints table tbody tr:nth-child(2n){background-color:#6002ed05}#exercise-tracker .container .endpoints table tbody tr td{padding:1rem;border:1px solid rgba(37.788%,.94%,93.06%,.2);vertical-align:top}#exercise-tracker .container .endpoints table tbody tr td code{background-color:#6002ed1a;padding:.3rem .6rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}#exercise-tracker .container .try-it{background-color:#6002ed14}#exercise-tracker .container .try-it form .form-group{display:flex;flex-direction:column}#exercise-tracker .container .try-it form .form-group label{margin-bottom:.5rem;margin-top:.5rem;font-weight:600;color:#6002ed}#exercise-tracker .container .try-it form .form-group input,#exercise-tracker .container .try-it form .form-group select{padding:.8rem;border:2px solid rgba(37.788%,.94%,93.06%,.3);border-radius:5px;font-size:1rem;margin-bottom:.5rem;transition:border-color .3s ease}#exercise-tracker .container .try-it form .form-group input:focus,#exercise-tracker .container .try-it form .form-group select:focus{outline:none;border-color:#6002ed}#exercise-tracker .container .try-it form .form-group button{background-color:#6002ed;color:#fff;border:none;padding:.8rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;margin-top:1rem;transition:all .3s ease}#exercise-tracker .container .try-it form .form-group button:hover:not(:disabled){background-color:#4c02bb;transform:translateY(-2px)}#exercise-tracker .container .try-it form .form-group button:disabled{opacity:.6;cursor:not-allowed}#exercise-tracker .container .users-list .user-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem;margin-top:1rem}#exercise-tracker .container .users-list .user-cards .user-card{padding:1rem;background-color:#6002ed14;border-radius:8px;border:2px solid rgba(37.788%,.94%,93.06%,.2);transition:all .3s ease}#exercise-tracker .container .users-list .user-cards .user-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #6002ed33}#exercise-tracker .container .users-list .user-cards .user-card p{margin-bottom:.5rem}#exercise-tracker .container .users-list .user-cards .user-card .user-id{font-size:.85rem;color:#6002edb3;font-family:Courier New,monospace;word-break:break-all}#exercise-tracker .container .users-list .user-cards .user-card button{background-color:#6002ed;color:#fff;border:none;padding:.5rem 1rem;font-size:.9rem;border-radius:5px;cursor:pointer;width:100%;margin-top:.5rem;transition:all .3s ease}#exercise-tracker .container .users-list .user-cards .user-card button:hover{background-color:#4c02bb}#exercise-tracker .container .exercise-logs{background-color:#6002ed0d;border-left:4px solid hsl(264,98%,47%)}#exercise-tracker .container .exercise-logs .log-list{display:grid;gap:1rem;margin-top:1rem}#exercise-tracker .container .exercise-logs .log-list .log-item{padding:1rem;background-color:#6002ed14;border-radius:8px;border:1px solid rgba(37.788%,.94%,93.06%,.2)}#exercise-tracker .container .exercise-logs .log-list .log-item p{margin-bottom:.3rem}#exercise-tracker .container .exercise-logs .log-list .log-item p strong{color:#6002ed}#exercise-tracker .container .api-response{background-color:#6002ed0d;border-left:4px solid hsl(264,98%,47%)}#exercise-tracker .container .api-response pre{background-color:#1e1e1e;color:#d4d4d4;padding:1.5rem;border-radius:6px;overflow-x:auto;margin-top:1rem}#exercise-tracker .container .api-response pre code{font-family:Courier New,monospace;font-size:.95rem;line-height:1.5}#exercise-tracker .container .feedback{background-color:#6002ed0d;border-radius:8px;text-align:center}#exercise-tracker .container .feedback p{font-size:1rem;line-height:1.6}#exercise-tracker .container .feedback p strong{color:#6002ed}#todo-manager{font-family:Montserrat,sans-serif;min-height:100vh;margin:0 auto}.privacy-page{padding:.75em!important}.privacy-page h2{padding:.2em}.privacy-page .privacy-settings{display:flex;justify-content:space-between;align-items:center}.privacy-page .privacy-settings .privacy-settings-button{border-radius:.4em;background-color:#6002ed;color:#fff;padding:.7em;cursor:pointer}.privacy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999998;display:flex;align-items:center;justify-content:center;background:#0000008c}.privacy-popup{position:relative;z-index:999999;width:min(90%,700px);height:80%;padding:.75em;overflow-y:auto;background:#fff;border-radius:12px;color:#000;box-shadow:0 20px 60px #00000059}.privacy-actions{margin-top:1em;height:40px;display:flex;align-items:center}.privacy-actions .privacy-reject{height:100%;width:50%;align-items:center;justify-content:center;background-color:#6002ed;font-size:1.3em;display:flex;border-radius:.4em;color:#fff;cursor:pointer}.privacy-actions .privacy-accept{height:100%;width:50%;background-color:#6002ed;align-items:center;justify-content:center;font-size:1.3em;display:flex;border-radius:.4em;color:#fff;cursor:pointer}#ProjectArchitecture{min-height:100vh;padding:24px 6px;height:100%;background:#fafafa}#ProjectArchitecture textarea{resize:none}#ProjectArchitecture header{margin-bottom:18px}#ProjectArchitecture header h1{margin:0 0 6px;font-size:2rem;line-height:1.2;letter-spacing:-.02em}#ProjectArchitecture #preview{background:#fff;border:1px solid rgba(0,0,0,.08);padding:0 12px;box-shadow:0 8px 24px #0000000f;line-height:1.7;font-size:16px}#ProjectArchitecture #preview>*+*{margin-top:14px}#ProjectArchitecture #preview h1,#ProjectArchitecture #preview h2,#ProjectArchitecture #preview h3{line-height:1.25;letter-spacing:-.01em;margin-top:28px;margin-bottom:10px}#ProjectArchitecture #preview h2{font-size:1.35rem;padding-top:8px;border-top:1px solid rgba(0,0,0,.06)}#ProjectArchitecture #preview p{margin:0}#ProjectArchitecture #preview ul,#ProjectArchitecture #preview ol{padding-left:1.25rem;margin:0}#ProjectArchitecture #preview ul li,#ProjectArchitecture #preview ol li{margin:6px 0}#ProjectArchitecture #preview pre{margin:12px 0 0;padding:14px 16px;border-radius:10px;overflow-x:auto;background:#0b1020;color:#e6e8ee;border:1px solid rgba(255,255,255,.08)}#ProjectArchitecture #preview code{padding:.15rem .35rem;border-radius:6px;background:#0000000d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.95em}#ProjectArchitecture #preview pre code{background:transparent;padding:0;font-size:.9em}#ProjectArchitecture #preview table{width:100%;border-collapse:collapse;margin-top:12px;overflow:hidden;border-radius:10px;border:1px solid rgba(0,0,0,.08)}#ProjectArchitecture #preview th,#ProjectArchitecture #preview td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.06);vertical-align:top}#ProjectArchitecture #preview th{background:#00000008;font-weight:600}#ProjectArchitecture #preview tr:last-child td{border-bottom:none}#ProjectArchitecture #preview a{text-decoration:none;border-bottom:1px solid rgba(0,0,0,.25)}#ProjectArchitecture #preview a:hover{border-bottom-color:#0009}#ProjectArchitecture #preview hr{border:0;height:1px;background:#00000014;margin:20px 0}#ProjectArchitecture #preview strong{font-weight:650}@media(min-width:600px){#ProjectArchitecture{padding:0!important;background-color:transparent}}body.dark-mode #ProjectArchitecture{background:#111}body.dark-mode #ProjectArchitecture #preview{background:#1b1b1b;color:#e4e6eb;border-color:#ffffff14;box-shadow:none}body.dark-mode #ProjectArchitecture #preview h1,body.dark-mode #ProjectArchitecture #preview h2,body.dark-mode #ProjectArchitecture #preview h3,body.dark-mode #ProjectArchitecture #preview h4,body.dark-mode #ProjectArchitecture #preview h5{color:#fff}body.dark-mode #ProjectArchitecture #preview p,body.dark-mode #ProjectArchitecture #preview li{color:#d0d3d8}body.dark-mode #ProjectArchitecture #preview a{color:#4da3ff;border-bottom-color:#4da3ff66}body.dark-mode #ProjectArchitecture #preview a:hover{border-bottom-color:#4da3ffcc}body.dark-mode #ProjectArchitecture #preview hr{background:#ffffff14}body.dark-mode #ProjectArchitecture #preview table{border-color:#ffffff14}body.dark-mode #ProjectArchitecture #preview th{background:#ffffff0d}body.dark-mode #ProjectArchitecture #preview td{border-bottom:1px solid rgba(255,255,255,.06)}body.dark-mode #ProjectArchitecture #preview code{background:#ffffff14;color:#fc6}body.dark-mode #ProjectArchitecture #preview pre{background:#0f1115;color:#e6e8ee;border:1px solid rgba(255,255,255,.05)}