.console{padding:1em;min-height:min-content;flex:1;background-color:#222}.console:focus{outline:none}.console .auto-type,.console .console-new-line{position:relative;display:inline-block}.console .auto-type::after,.console .auto-type::before,.console .console-new-line::before{position:absolute;content:"";top:0;bottom:0;left:0;right:0}.console .auto-type::before,.console .console-new-line::before{width:.1em;background-color:#e2e2e2;z-index:1}.console .auto-type::before{animation:blink .75s 3s 2 forwards,autoTypeCover 2s 1s steps(31) forwards}.console .auto-type::after{background-color:#222;animation:autoTypeCover 2s 1s steps(31) forwards}.console .console-output{margin-top:1em;max-width:40em;line-height:1.8em;opacity:0;animation:consoleOutput .1s 4.5s forwards}.console .console-output p{display:flex;margin-left:2em}.console .console-output p span:nth-child(2){margin-left:.5em}.console .console-output .faIcon{margin-right:.5em;width:1.2em}.console .console-output .nested1{margin-left:2em}.console .console-output .nested2{margin-left:calc(2em * 2)}.console .console-new-line{height:1.2em;line-height:.8em;padding:.5em 0}.console .console-new-line::before{height:1em;opacity:0;left:unset;right:-0.1em;top:.4em;animation:blink .75s 4.5s infinite}.console input{width:0;padding:0;height:0;border:0}@keyframes autoTypeCover{100%{left:100%}}@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes consoleOutput{100%{opacity:1}}@media only screen and (max-width: 40em){.console .console-output p{margin-left:calc(2em / 2)}.console .console-output .nested1{margin-left:calc(2em / 2)}.console .console-output .nested2{margin-left:calc(2em)}}header{display:flex;justify-content:space-between;align-items:center;height:4em;background-color:#222}header img{display:none}header .wrapper{display:flex;align-items:center;justify-content:space-between;flex:1}header h1{opacity:0;transition:opacity .15s linear}header h1.active{opacity:1}header ul{display:flex;gap:1.5rem;margin-right:2em}header li{display:inline-block;font-size:2em}@media only screen and (max-width: 50em){header{padding:1em;height:unset;justify-content:start;align-items:unset}header img{display:block;width:6em;height:6em;margin-right:.5em;border-radius:50%}header .wrapper{flex-direction:column-reverse;align-items:flex-start;min-height:100%}header .wrapper h1{margin-left:-0.5em}header ul{gap:1em;width:100%;margin:0;justify-content:space-around}header .header-wrapper{display:flex;justify-content:space-between;align-items:center;width:100%}}.burger-icon{display:none}@media(hover: hover)and (pointer: fine){header .burger-icon:hover{cursor:pointer}}@media only screen and (max-width: 50em){.burger-icon{position:relative;display:block;width:2.5em;height:1.5em}.burger-icon.active{animation:rotateBurgerIcon .4s forwards}.burger-icon.active .burger-line.top{animation:rotateBurgerLineTop .4s forwards}.burger-icon.active .burger-line.bottom{animation:rotateBurgerLineBottom .4s forwards}.burger-icon.inactive{animation:rotateBurgerIconBack .4s forwards}.burger-icon.inactive .burger-line.top{animation:rotateBurgerLineTopBack .4s forwards}.burger-icon.inactive .burger-line.bottom{animation:rotateBurgerLineBottomBack .4s forwards}.burger-icon .burger-line{width:2.5em;height:.3em;background:#e2e2e2;position:absolute}.burger-icon .burger-line.middle{top:50%}.burger-icon .burger-line.bottom{top:100%}}@keyframes rotateBurgerIconBack{0%{transform:rotate3d(0, 0, 1, 360deg)}100%{transform:rotate3d(0, 0, 1, 0deg)}}@keyframes rotateBurgerIcon{100%{transform:rotate3d(0, 0, 1, 360deg)}}@keyframes rotateBurgerLineTopBack{0%{transform:rotate3d(0, 0, 1, 45deg);width:1.25em;top:.4em;right:-0.2em}100%{transform:rotate3d(0, 0, 1, 0deg);width:2.5em;top:unset;right:unset}}@keyframes rotateBurgerLineTop{100%{transform:rotate3d(0, 0, 1, 45deg);width:1.25em;top:.4em;right:-0.2em}}@keyframes rotateBurgerLineBottomBack{0%{transform:rotate3d(0, 0, 1, -45deg);width:1.25em;top:1.1em;right:-0.2em}100%{transform:rotate3d(0, 0, 1, 0deg);width:2.5em;top:100%;right:unset}}@keyframes rotateBurgerLineBottom{100%{transform:rotate3d(0, 0, 1, -45deg);width:1.25em;top:1.1em;right:-0.2em}}.side-bar{min-width:23em;height:100vh;padding:2em 1em 1em 1.5em;background-color:#222}.side-bar .avatar{display:flex;justify-content:center;width:100%}.side-bar .avatar img{max-width:200px;border-radius:50%}.side-bar nav{font-size:1.2rem;margin-top:3em}.side-bar nav ul{padding-left:calc(2em / 2)}.side-bar nav ul li{width:fit-content;width:-moz-fit-content;margin:1.5em 0;transition:transform .3s ease-out,width .3s;white-space:nowrap}.side-bar nav ul li:hover{cursor:pointer;transform:scale(1.1)}.side-bar nav ul li .active-attr{opacity:0;width:0;display:inline-flex;overflow:hidden;animation:printAttr .3s linear forwards}@keyframes printAttr{100%{width:8em;opacity:1}}@media only screen and (max-width: 50em){.side-bar{position:absolute;overflow:hidden;z-index:100;width:50vw;height:calc(100vh - 8em);transform:translate(200%, 8em);transition:transform .3s ease-out}.side-bar.active{transform:translate(100%, 8em)}.side-bar .avatar{display:none}.side-bar nav{margin-top:1em}}@media only screen and (max-width: 40em){.side-bar{width:100vw;height:calc(100vh - 8em);transform:translate(100%, 8em)}.side-bar.active{transform:translate(0%, 8em)}.side-bar nav ul{padding-left:calc(2em / 2)}}.main-content{display:grid;justify-items:center;height:calc(100vh - 4em);overflow-y:scroll}.main-content::-webkit-scrollbar{width:.5em;height:.5em}.main-content::-webkit-scrollbar-track{background:transparent}.main-content::-webkit-scrollbar-thumb{background:#222;border-radius:.25em}.main-content::-webkit-scrollbar-thumb:hover{background-color:#777}.main-content>*{grid-area:1/-1;overflow:hidden;width:0;height:0;opacity:0;padding:0;margin:0;transition:opacity .2s linear}.main-content>*.active{width:80%;height:min-content;opacity:1;z-index:10}@media only screen and (max-width: 75em){.main-content>*,.main-content>*.active{width:100%}}@media only screen and (max-width: 50em){.main-content{height:calc(100vh - 8em)}.main-content::-webkit-scrollbar{display:none}.main-content>*,.main-content>*.active{width:100%}}@media only screen and (max-width: 40em){.main-content>*,.main-content>*.active{margin:1em 0;width:100%}}.about{padding:0}.about.active{padding:2em 1.5em 2em 2em}.about .skills{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;max-width:1400px;margin:2em auto 0 auto}.about .skills img{margin:1em;width:3em;height:3em}@media only screen and (max-width: 40em){.about{padding:0}.about.active{padding:0}}.projects{width:100%;padding:2em 1.5em 2em 2em;padding:0}.projects.active{padding:2em 1.5em 2em 2em}.projects a{-webkit-tap-highlight-color:#e2e2e2}.project-wrapper{width:100%;background-color:#f5f5f5;box-shadow:1px 1px 6px #ccc;padding:1em;margin-bottom:2em}.project-wrapper *{color:#222}.project-wrapper a{display:flex;align-items:center;margin:0 auto;width:fit-content;width:-moz-fit-content}.project-wrapper .header img{width:50px;height:50px;margin-right:1em}.project-wrapper section{margin-top:2em}.project-wrapper section h3{padding-bottom:.5em;text-transform:capitalize}.project-wrapper .description-section p,.project-wrapper .technology-section p{text-align:justify}.project-wrapper .links-section a{display:flex;align-items:center;overflow-wrap:anywhere;margin:.5em 0 .5em -0.5em}.project-wrapper .links-section a .icon-wrapper{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:1.5em;font-size:2em}.project-wrapper .links-section a i,.project-wrapper .links-section a img{font-size:2rem;width:2rem;max-height:2rem}.project-wrapper .galery-section .galery-wrapper{display:flex;justify-content:center;flex-wrap:wrap;gap:2em}.project-wrapper .galery-section .galery-wrapper img{max-width:100%;max-height:500px}@media only screen and (max-width: 40em){.projects{padding:0}.projects.active{padding:0}}.faIcon{display:inline-block !important}*,*:not(i)::before,*::after{margin:0;padding:0;box-sizing:border-box;list-style:none;text-decoration:none;font-family:Consolas,"Courier New",monospace;color:#e2e2e2;-webkit-tap-highlight-color:#666}body{background-color:#e2e2e2;min-height:100vh;max-width:100vw;overflow-x:hidden}h1{font-size:1.7rem}h1::after{content:"()"}.const{color:#4fc1ff}.number{color:#b5cea8}.string{color:#ce9178}.function{color:#dcdcaa}.function::before{content:".";color:#e2e2e2}.obj,.obj-key{color:#9cdcfe}.obj-key::after{content:":";color:#9cdcfe}.component{color:#4ec9b0}.component.open::before,.component.open::after,.component.close::before,.component.close::after,.component.self-close::before,.component.self-close::after{color:#777}.component.open::before{content:"<"}.component.open::after{content:">"}.component.close::before{content:"</"}.component.close::after{content:">"}.component.self-close::before{content:"<"}.component.self-close::after{content:" />"}.component .attr{color:#9cdcfe}.component .attr::after{content:"="}.component.active.self-close::after{content:"/>"}.wrapper{display:flex}.main-section{flex-grow:1}@media(hover: hover)and (pointer: fine){a:hover{cursor:pointer}}@media only screen and (max-width: 0em){.main-section{width:100vw}}@media only screen and (max-width: 40em){body{font-size:15px}.main-section{width:100vw}}