@font-face{font-family:Quicksand;src:url(/assets/Quicksand-Regular-C8CPs_VJ.ttf)}*{margin:0;padding:0;box-sizing:border-box}body,html{width:100%;height:100%}body{zoom:1;font-family:Quicksand,Lucida Sans Unicode,Lucida Grande,sans-serif;color:#4e5768;margin:0;min-width:320px;background-color:#e7fff0;background-size:100% auto;display:flex;flex-direction:column}div{display:block}#box-content{display:flex;flex-flow:column;height:100vh}header{display:flex;flex-flow:row wrap;flex:0 1 auto;justify-content:space-between;padding-bottom:1em}header div{display:contents}header a#header-logo{background-image:url(/assets/logo-big-CpIP-KcD.png);background-size:contain;background-repeat:no-repeat;height:36px;width:94px;margin-top:1em;margin-left:1em}header ul{margin-top:1em;text-align:center;list-style:none;padding:0}header ul li{display:inline-block;margin:0 .5rem}#menu-icon{display:none}@media screen and (max-width: 537px){header{display:block}header div{display:flex;flex-flow:row wrap;flex:0 1 auto;justify-content:space-between}span#menu-icon{display:block;margin:1rem 1rem 0 0;color:#bc7700;cursor:pointer;font-size:1.5rem}nav#menu{max-height:0;overflow:hidden;transition:max-height .5s ease-in-out}nav#menu.open{max-height:100%;top:0;left:0;width:100%}header ul{margin-top:1em;text-align:center;list-style:none;padding:0}header ul li{display:block;margin:.5rem}}footer{display:flex;flex:0 1 40px;flex-flow:row wrap;justify-content:space-between}footer>p,footer>a{padding:0 2%}.black-text{color:#000}main{display:flex;flex:1;flex-direction:column;gap:20px;padding:0 2%}main>h1{margin-bottom:0;padding-left:.5em}main>div{display:flex;flex-wrap:wrap;gap:20px}main>div>section{flex:1 1 45%;background-color:#ffffff1a;padding:1em;margin:0}@media screen and (max-width: 537px){main>div>section{flex:1 1 100%;max-width:100%}}section span.bold-text{font-weight:700}section>img.fit-image{width:100%;height:auto;max-width:500px}.lang-icon{float:right;width:50px;height:50px}.js{color:#ff0}.js path{stroke:#000;stroke-width:2px;stroke-linejoin:round}.python{color:#00f}.java{color:red}.react{color:#add8e6}.node{color:green}.php{color:purple}.rust{color:brown}.swift{color:orange}.c{color:#00f}.csharp{color:purple}.cpp{color:#00f}.go{color:#0ff}.kotlin{color:purple}.ruby{color:red}.ts{color:#00f}.html{color:orange}.css{color:#00f}h1,h2,h3,h4,h5,h6,p.sub-category{margin-top:0;margin-left:0;font-weight:700}h1,h2,h3,h4,h5,h6,p{margin-bottom:10px}p{font-size:1em;margin-top:5px}h1{font-size:1.8em;margin-bottom:20px}h2,p.sub-category{font-size:1.2em}h3{font-size:1em}.centered{text-align:center}::selection{color:#ff93fb;background-color:#000}a{color:#bc7700;text-decoration:none}a[aria-current],a.active{color:#000}a:hover{color:#de8d00;text-decoration:none}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;background-color:#00000080;justify-content:center;align-items:center}.modal-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center;max-width:400px;margin:auto}.close{cursor:pointer;font-size:20px;color:#aaa;position:absolute;top:10px;right:10px}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}span#easteregg{cursor:pointer}span#easteregg:hover{color:#ff93fb}.options{display:flex;justify-content:center;gap:15px}.options a{text-decoration:none;color:#50fa7b;font-weight:700;border:2px solid #50fa7b;padding:10px 20px;border-radius:10px;transition:.3s}.options a:hover{background-color:#50fa7b;color:#1a1a1a}@media print{body{background-color:#fff;color:#000;font-family:Quicksand,sans-serif}header,footer,.modal,.toggle-info,.toggle-link,.lang-icon{display:none}.modal.print{display:block;position:static;background-color:transparent;box-shadow:none;padding:0;margin:0}.modal.print>.modal-content{display:block;position:static;background-color:transparent;padding:0;border:none;text-align:left}.modal-content>label{display:none}.no-print{display:none}main{padding:1em}section{background-color:#fff;color:#000;margin-bottom:1em}a{color:#000;text-decoration:underline}a:after{content:" (" attr(href) ")"}h1,h2,h3,h4,h5,h6{color:#000}h1{font-size:2em;margin-bottom:.5em}h2{font-size:1.5em;margin-bottom:.3em}p{font-size:1em;margin-bottom:.5em;line-height:1.5}img{max-width:100%;height:auto}}
