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