*{box-sizing:border-box}a{overflow-wrap:anywhere}a:link{color:#fff;text-decoration:none;cursor:pointer}a:visited{color:#fff0f0;text-decoration:none;cursor:pointer}html,body{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;margin:0;width:100%;background-color:#3f3f4a}.App{height:100vh;display:flex;flex-direction:column}.App .app-content{height:100%}.App .app-content div{animation:pageFadeInAnimation ease .75s;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes pageFadeInAnimation{0%{opacity:0}to{opacity:1}}@media only screen and (max-width:600px){.App .app-content{margin-bottom:4rem}}.btn{border-style:solid;border-color:#837483;border-radius:5px;border-width:1px;background-color:#373747;padding:6px;display:flex;text-align:center;align-items:center;align-content:center;justify-content:center;width:fit-content;cursor:pointer}.btn:hover{color:#c3c0c0;background-color:#363643;border-color:#c3c0c0}.btn.toggle{font-size:32px}.btn.toggle .on{display:block;height:32px}.btn.toggle .off{display:none}.btn.mar-la{margin-left:auto}.btn.mar-ra{margin-right:auto}.btn-compact-container{display:flex;flex-direction:row}.btn.btn-compact-right{border-top-left-radius:0;border-bottom-left-radius:0}.btn.btn-compact-left{border-top-right-radius:0;border-bottom-right-radius:0}.Navigation{z-index:18;position:relative;height:4rem;display:flex;flex-direction:row;background-color:#373747;margin:0;padding:0;width:100%}.Navigation a,.Navigation button{display:flex;flex-direction:column;align-items:center;justify-content:space-around;transition:background-color .25s ease-in,height .25s ease-in;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:10;background-color:inherit;text-align:center;font-size:16px;padding:5px 10px;height:4rem;border:none;color:#cfc0c0!important}.Navigation a:hover,.Navigation button:hover{background-color:#2f2f32;height:5rem;transition:background-color .3s ease-out,height .3s ease-out;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.Navigation .end{margin-left:auto;margin-right:25px}.Navigation svg{margin-top:auto;margin-bottom:4px;height:24px;width:24px}@media print{.Navigation .end{background-color:transparent}.Navigation,.Navigation a,.Navigation .button{border-bottom:1px black solid;border-radius:0}}@media only screen and (max-width:600px){.Navigation{position:fixed;bottom:0;left:0;height:4rem;justify-content:space-around;width:100vw}.Navigation a,.Navigation button{height:4rem;font-size:small;width:max-content}.Navigation a:hover,.Navigation button:hover{background-color:#2f2f32;height:4rem;transition:background-color .3s ease-out;border-top-left-radius:5px;border-top-right-radius:5px}.Navigation .end{margin:0}}.modal{display:flex;width:0;height:100vh;z-index:100;position:fixed;top:0;left:0;opacity:0;background-color:#0000;justify-content:center;align-items:center;transition:opacity .3s ease-out 50ms,width .3s ease-out 50ms,background-color 80ms ease-out;overflow:hidden}.modal.hide *{visibility:hidden;transition:visibility .3s}.modal.show{display:flex;width:100vw;background-color:#0006;opacity:1;transition:opacity .3s ease-in,width .3s ease-in,background-color .3s ease-in .2s}.modal .box{border:2px solid #544545;border-radius:10px;background-color:#fff;padding:25px}.modal .title{font-size:28px}.modal form{display:flex;flex-direction:column}.modal form *{margin-top:10px}.modal form button{padding:10px;font-size:medium;font-weight:700;width:fit-content;height:fit-content}.modal textarea{display:flex;text-align:flex-start;justify-content:flex-start}.modal textarea.large{height:10rem;width:20rem}@media only screen and (max-width:600px){.modal .box{border:2px solid #544545;border-radius:10px;background-color:#fff;padding:1.5rem;max-width:90vw;width:30rem}.modal .box .content{padding:0;margin:0}.modal .box .title{text-align:center}.modal textarea.large{height:15rem;width:auto}.modal{width:100vw;height:0;transition:opacity .3s ease-out 50ms,height .3s ease-out 50ms,background-color 80ms ease-out}.modal.show{height:100vh;transition:opacity .3s ease-in,height .3s ease-in,background-color .3s ease-in .2s}}.Github{background-color:#3f3f4a;color:#aa9aa0}.Github .btn{color:#aa9aa0}.Github .dropdown-list{width:fit-content;background-color:#3f3f4a;color:#dad4df;border-radius:4px;border:solid #5F5F6A 1px;text-align:center;padding:2px;font-size:inherit}.Github .sort-menu{display:flex;flex-direction:row;font-size:medium}.Github .select-menu{display:flex;flex-direction:row}.Github .dropdown-menu option{background-color:#5f5f6a}.repo-list{display:flex;flex-direction:column;width:75vw;margin-left:auto;margin-right:auto;padding-bottom:5.5rem}.repo{border-top-style:solid;border-top-color:#a4a4a1;border-top-width:2px;font-size:x-large;display:flex;flex-direction:column;align-items:left;margin-top:10px}.repo .title{color:#bf8d8c!important;font-size:28px;margin-top:10px;font-weight:700;width:fit-content;width:-moz-fit-content;text-align:start;padding:5px;border-radius:3px}.repo .title:hover{color:#000}.repo .content{display:flex;flex-direction:row;align-items:center;font-size:x-large}.repo .website{height:fit-content;height:-moz-fit-content;background-color:#5a5a5c;color:#fff;border-radius:10px;padding:10px;align-items:center;text-align:center;width:88px;font-size:large;flex-shrink:0}.repo .description{flex-grow:1;padding:5px}.repo .languages{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;padding:5px;width:100%}.repo .language{padding:5px;margin:2px 2px 2px 5px;border-radius:10px;background-color:#756b6a;color:#dad4df;font-size:medium}.repo .time{padding:5px;width:100%;text-align:start}.content{margin:25px;text-align:center}.loading{font-size:xxx-large}.avatar{border-radius:10rem;height:10rem;width:10rem}@media only screen and (max-width:600px){.repo-list{width:100%}.repo .content{flex-direction:column}.repo .time,.repo .content,.repo .languages{font-size:large}.Github .sort-menu{align-items:center;flex-direction:row}.Github .select-menu{flex-direction:row}.Github .sort-menu .btn.toggle{margin-left:auto}}.theater{width:100%;display:grid;place-items:center;grid-template-areas:"inner-div"}.theater.h-100{height:100%}.theater.h-50v{height:50vh}.theater-bg{height:inherit;width:100%;background-size:cover;background-image:url(/assets/background-C__p998u.webp);filter:blur(2px);-webkit-filter:blur(2px);z-index:0;grid-area:inner-div}.theater.peak .theater-bg{height:85vh}.theater-content{display:flex;flex-direction:column;text-shadow:0px 0px 2px black;text-align:center;z-index:1;color:#fafcf0;grid-area:inner-div;font-weight:bolder;max-width:100%;width:100%;background:#4c4c50bf;align-items:center}.theater-content .description,.theater-content h1{width:50vw}.theater-content .description{padding:10px}.theater-content a{color:#cfcfba!important}.theater-content h1{width:100%;text-align:center}@media only screen and (max-width:600px){.theater-content .description{width:80vw}}.article{color:#fff;align-items:center;display:flex;flex-direction:column;max-height:0;overflow:hidden;transition:max-height 1s ease}.article.open{max-height:100vh;transition:max-height 1s ease}.article.close{max-height:100vh}.article.show{max-height:none}.article .content{width:80vw;text-align:left;line-height:1.5}.article .section-title{font-size:xx-large;font-weight:700;margin-top:1rem;text-align:center}.article .code{padding:10px;background-color:#3a3b3b;color:#d3d3d3;border-radius:5px;margin:20px}.article h2{font-size:24px;font-weight:bolder;margin-top:20px;margin-bottom:10px}.article li{margin-left:2rem}.article a{color:#acacff}.Articles{display:flex;flex-direction:column;color:#af8d8c}.Articles h1{margin-left:auto;margin-right:auto}.listings{display:flex;flex-direction:column;width:75vw;margin-left:auto;margin-right:auto;padding-bottom:5.5rem}.listing{border-top-style:solid;border-top-color:#a4a4a1;border-top-width:2px;font-size:x-large;display:flex;flex-direction:column;align-items:left;margin-top:10px;color:#aa9aa0}.listing .title{color:#bf8d8c!important;font-size:24px;margin-top:10px;font-weight:700;width:fit-content;width:-moz-fit-content;text-align:start;padding:5px;border-radius:3px}.listing .content{display:flex;flex-direction:row;align-items:center;font-size:large}.listing .description{flex-grow:1;padding:10px}.ArticleEditor textarea{width:100%;height:35vh;border-style:solid;border-color:#d3d3d3;border-radius:2px;border-width:2px;padding:.4em .4em .4em 0;text-align:left}.ArticleEditor .toolbar{width:100%;height:56px;display:flex}.ArticleEditor .toolbar .btn{color:#fff;background-color:#006400;text-align:center;align-items:center;justify-content:center;display:flex;padding-left:3px;padding-right:3px}.ArticleEditor .toolbar .btn:hover{background-color:#005400}.ArticleEditor .article .open,.ArticleEditor .article .Close,.ArticleEditor .article{max-height:100vh}.About{background-color:#3f3f4a;color:#aa9aa0;max-width:100vw;width:100%;padding-bottom:5.5rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.About .title{margin-top:4rem;color:#bf8d8c!important;font-size:28px}.About .social{padding:10px;width:85vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.About .links{display:flex;flex-direction:row;align-content:center;justify-content:space-evenly;align-items:center;flex-wrap:wrap;width:85vw}.About .links .link img{width:10rem}.About .links .link{margin:10px}.About .link{border-radius:5px;display:flex;height:10rem;align-items:center;justify-content:center;padding:5px;margin:5px}.About .link.bg-white{background-color:#fff}.About .link.bg-black{background-color:#000}.About .link.bg-hackerrank{background-color:#0e1419}.printShow{display:none}@media print{.printHide{display:none}.printShow{display:block}*{opacity:100%!important}.About .center{margin-left:auto;margin-right:auto}.About .social{flex-direction:column;align-items:center}.About .social .title{break-before:page}.About .links{flex-direction:column;flex-wrap:nowrap}.About .links .link img{display:none!important}.About .links .link:after{content:attr(href)}.About .links .link{background-color:initial!important;border-radius:default;height:auto;padding:none;margin:none}}@media only screen and (max-width:600px){.About .links .link img{width:100%}.About .link,.About .link.bg-white{height:25vw;width:25vw}}.card{display:flex;flex-direction:row;padding:10px;width:85vw;margin:0!important}.card .title{font-family:HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;font-size:48px;color:#3d3d3d}.card .content-box{text-align:left;font-size:x-large;margin-right:2rem;margin-top:2rem}.card img{display:none}.card img.show{display:block;border-style:solid;border-width:2px;border-color:#a5b2a4;border-radius:5px;padding:2px;max-height:10rem;width:10rem;margin:auto;background-color:#fafaff}.card .skill-row{display:flex;flex-direction:row;align-items:center}.card .skills-label{display:flex;align-items:center;font-size:larger}.card .skills{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;align-items:center;padding:5px;width:100%}.card .skill{padding:5px;margin:2px 2px 2px 5px;border-radius:10px;background-color:#756b6a;color:#dad4df;font-size:medium}@media print{.card{page-break-after:page}.card img{display:none!important}.card .content-box{width:100%}}@media only screen and (max-width:600px){.card{flex-direction:column-reverse}.card .content-box{font-size:large;margin-top:1rem;margin-right:0}.card img.show{margin-bottom:50px}.card .title{font-size:28px}}.intro{opacity:0;transition:opacity 1s ease-in-out;width:100vw;height:100%;display:flex;flex-direction:column}.intro.start{color:#fff;opacity:1;transition:opacity 1s ease-in-out}.intro .previous{z-index:11;opacity:.01;height:100%;width:100vw;display:flex;position:fixed;transition:opacity .75s ease-out,top .75s ease-out;top:-100%;left:0;justify-content:center;align-items:center}.intro .current{z-index:10;opacity:1;height:100%;width:100vw;display:flex;position:fixed;transition:opacity .75s ease-out,top .75s ease-out;top:0;left:0;justify-content:center;align-items:center}.intro .next{z-index:11;opacity:.01;height:100%;width:100vw;display:flex;position:fixed;transition:opacity .75s ease-out,top .75s ease-out;top:100%;left:0;justify-content:center;align-items:center}.intro .top{z-index:11}.notrans{transition:none!important}.intro .children{width:80vw}.intro .title{padding:10px}.intro .content{display:flex;flex-direction:column;align-items:center}.intro .children a{color:#c4c4c4}.intro .navbutton.hidden{opacity:0}.intro .navbutton.bottom{margin-top:auto}.intro .navbutton.top{z-index:14}.intro .navbutton{z-index:14;font-size:48px;width:100%;top:0;left:50%;background-color:#2d2d2d66;display:flex;align-items:center;justify-content:center;opacity:1;animation:none!important;transition:opacity ease .25s}.topic{height:100vh;width:100vw;background-size:cover;display:flex;align-items:center}.topic .content{width:100vw;background:#393939bf;margin:0;padding:10px;height:fit-content}.topic .title{margin-top:10px;margin-bottom:10px;padding:0}.topic .children{margin-top:10px;margin-bottom:10px}.ProgressBar{height:40px;width:100%;border-style:solid;border-width:1px;border-radius:3px;padding:0;background-color:#bcbaba}.ProgressBar .Bar{height:100%;width:0;background-color:#cdfbfa;margin:0!important}.Bai{color:#fff;display:flex;flex-direction:column;align-items:center;padding:2rem}.Bai *{margin-top:5px}.Bai .about{display:flex;flex-direction:column}.Bai h1{margin-left:auto;margin-right:auto}.Bai p{margin-left:auto;margin-right:auto;text-align:center}.Bai img{width:0;height:0;overflow:hidden;transition:height 1s}.Bai img.show{margin-left:auto;margin-right:auto;height:50vh;width:max-content;max-width:50vw;max-height:50vh;transition:height 2s}.Bai button{font-size:24px;margin-left:auto;margin-right:auto;color:#fff;border-style:none;border-radius:5px;padding:15px}.Bai input{width:0;height:0}.Bai .prediction{background-color:#373747;border-radius:10px;padding:8px;font-size:16px}.Bai .content{display:flex;flex-direction:column}.Bai .hide,.Bai .error{display:none}.Bai .error.enable{justify-content:center;display:flex;color:#fff;background-color:#cb2323;padding:8px;border-radius:5px}