body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:headerFont;src:url(/fonts/Fipps-Regular/Fipps-Regular.otf)}@font-face{font-family:mainFont;src:url(/fonts/early_gameboy/Early\ GameBoy.ttf)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;background:rgba(255,0,0,.8)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,.4)}.header__items{color:transparent}@media (min-width:360px){.header__hamburger{z-index:1;display:flex;padding:.8rem;position:fixed;top:0;width:100%;flex-direction:row-reverse}.header__hamburger img{width:2.5rem;height:2.5rem}.header__hamburger .--active{opacity:.5;transition:.5}.header__list{display:none}.header__hamburger__list{display:flex;margin-right:50px}.header__hamburger__list .header__hamburger__items{display:flex;flex-direction:column;list-style:none;transition:.5s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive{position:fixed;top:0;right:0}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive .header__hamburger__link{font-size:.8rem;margin-left:5px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;font-family:headerFont;list-style:none;transition:.5s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive:first-of-type{top:0;right:-55%;transition:.5s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive:nth-of-type(2){top:5%;right:-35%;transition:.8s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive:nth-of-type(3){top:10%;right:-45%;transition:.7s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--inactive:nth-of-type(4){top:15%;right:-55%;transition:.6s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active{position:fixed;top:0;right:0}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active .header__hamburger__link{font-size:.8rem;margin-left:5px;letter-spacing:1px;text-transform:uppercase;text-decoration:none;font-family:headerFont;list-style:none;transition:.5s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active:first-of-type{top:0;right:25%;transition:.5s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active:nth-of-type(2){top:5%;right:35%;transition:.8s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active:nth-of-type(3){top:10%;right:45%;transition:.7s ease-in}.header__hamburger__list .header__hamburger__items .header__hamburger__item--active:nth-of-type(4){top:15%;right:55%;transition:.6s ease-in}}@media (min-width:1024px){.header__hamburger{display:none}.header{display:block;z-index:1;position:fixed;top:0;width:100%;transition-timing-function:ease-in;transition:1s ease-in}.header .header__list{display:block;margin:0 20vw 5px}.header .header__list .header__items{display:flex;justify-content:center}.header .header__list .header__items .header__item{padding:.2rem;flex:1 1;list-style:none;transition:.5s ease-in}.header .header__list .header__items .header__item .header__link{font-size:.9rem;letter-spacing:1px;text-transform:uppercase;text-decoration:none;font-family:headerFont}.header .header__list .header__items .header__item .header__link:hover{cursor:url(/images/cursors/pointer.png),auto!important}}.header__hamburger__link.white{color:#f5f5f5;text-shadow:1px 1px 2px #574444,0 0 1em #bd3737,0 0 .2em #bd3737}.header__hamburger__link.black{color:#3771bd;text-shadow:1px 1px 2px #424242,0 0 1em #3f506e,0 0 .2em #212121}.header.nav__black.white{background:#85a996}.header.nav__black.black{background:#424242}.header__link.white{color:#f5f5f5}.header__link.black{color:rgba(140,201,223,.638)}.header__item.white:hover{text-shadow:0 0 5px #f5f5f5,0 0 10px #f5f5f5,0 0 15px #f5f5f5,0 0 20px;transition:.3s}.header__link.white:hover{color:#000;transition:.3s}.header__item.black:hover{text-shadow:0 0 5px rgba(140,201,223,.638),0 0 10px rgba(140,201,223,.638),0 0 15px rgba(140,201,223,.638),0 0 20px;transition:.3s}.header__link.black:hover{color:#424242;transition:.3s}.icons:hover .tooltiptext{visibility:visible}@media (min-width:360px){.errorDataNotFound{height:100vh;background:url(/images/jsonError.png);background-size:100% 100%;background-position-x:center;background-position-y:top;background-attachment:fixed;background-origin:padding-box;background-origin:initial;background-clip:border-box;background-clip:initial}.errorDataNotFound h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@media (min-width:360px){.wellcomePage{height:100vh;background:url(/images/wellcome_page_bg.jpg);background-size:100% 100%;background-position-x:center;background-position-y:top;background-attachment:fixed;background-origin:padding-box;background-origin:initial;background-clip:border-box;background-clip:initial}.wellcomePage .wellcomePage__banerText{text-align:left;padding-top:30vh;margin:0 10vw}.wellcomePage .wellcomePage__banerText h1{font-size:1rem;margin-bottom:.5rem;transition:1s}.wellcomePage .wellcomePage__banerText h3{font-size:.6rem;line-height:1.2rem;transition:.5s}.wellcomePage .icons{position:absolute;top:80%;left:80%}.wellcomePage .icons .icon__github{font-size:2rem!important;transition:1s}}@media (min-width:1024px){.wellcomePage{height:100vh;background:url(/images/wellcome_page_bg.jpg);background-size:100% 100%;background-position-x:center;background-position-y:top;background-attachment:fixed;background-origin:padding-box;background-origin:initial;background-clip:border-box;background-clip:initial}.wellcomePage .wellcomePage__banerText{text-align:center;padding:200px}.wellcomePage .wellcomePage__banerText h1{font-size:1.5rem;margin-bottom:.5rem}.wellcomePage .wellcomePage__banerText h3{font-size:.8rem;line-height:1.2rem}.wellcomePage .icons{position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.wellcomePage .icons .icon__github{font-size:2rem!important;transition:1s}}.wellcomePage__banerText.white{text-shadow:2px 2px 0 #f5f5f5,2px -2px 0 #f5f5f5,-2px 2px 0 #f5f5f5,-2px -2px 0 #f5f5f5,2px 0 0 #f5f5f5,0 2px 0 #f5f5f5,-2px 0 0 #f5f5f5,0 -2px 0 #f5f5f5}h1.white,h3.white{color:#525252}.icon__github.white{color:#bd3737}.icon__github.white:hover{color:#574444}.wellcomePage__banerText.black{text-shadow:2px 2px 0 #3f506e,2px -2px 0 #3f506e,-2px 2px 0 #3f506e,-2px -2px 0 #3f506e,2px 0 0 #3f506e,0 2px 0 #3f506e,-2px 0 0 #3f506e,0 -2px 0 #3f506e}h1.black,h3.black{color:#fff}.icon__github.black{color:#3771bd}.icon__github.black:hover{color:#3f506e}@media (min-width:360px){.about{display:flex;padding:10px}.about .about__profilePic{object-fit:contain;height:15vh;width:15vh;border-radius:50%}.about .about__details{display:flex;flex-direction:column;margin-left:10vw;line-height:1.1rem;font-size:.5rem}}@media (min-width:640px){.about .about__profilePic{height:25vh;width:25vh}.about .about__details{line-height:1rem}}@media (min-width:1024px){.about{display:flex;padding:15vh 15vh 15vh 25vh;font-size:20px}.about .about__profilePic{object-fit:contain;height:30vh;width:30vh;border-radius:50%}.about .about__details{display:flex;flex-direction:column;margin-left:10vw;font-size:.8rem;line-height:2.2rem}}.about.white{border-top:1px solid #525252;box-shadow:inset 0 0 3px #525252;background-color:#f5f5f5;color:#525252;transition:.7s}.about.black{border-top:1px solid #3f506e;box-shadow:inset 0 0 3px #3f506e;background-color:#212121;color:#fff;transition:.7s}@media (min-width:360px){.form{padding-bottom:10px}.form .form__contactForm{margin-bottom:.5rem;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}.form .form__contactForm .form__icon{font-size:2rem;margin:.1rem auto;transition:.7s}.form .form__contactForm .form__fieldset{position:relative;justify-content:center;margin-top:1vh;padding-bottom:3vh}.form .form__contactForm .form__fieldset h3{margin-left:1.8rem}.form .form__contactForm .form__fieldset .form__inputName{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:50%;font-size:.7rem}.form .form__contactForm .form__fieldset .form__inputName input[type=text]{font-size:.8rem;padding:5px;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputName label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__inputTitle{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:60%;font-size:.7rem}.form .form__contactForm .form__fieldset .form__inputTitle input[type=text]{font-size:.8rem;padding:5px;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputTitle label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__inputTextArea{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:80%;margin-bottom:5vh;font-size:.7rem}.form .form__contactForm .form__fieldset .form__inputTextArea textarea{height:20vh;resize:none;font-size:.8rem}.form .form__contactForm .form__fieldset .form__inputTextArea textarea,.form .form__contactForm .form__fieldset .form__inputTextArea textarea:focus{padding:5px;font-size:.5rem;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputTextArea label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__button>button{font-size:15px;color:#000;text-transform:uppercase;text-decoration:none;background:#d3d3d3;padding:5px 10px;border-radius:5px;transition:all .4s ease 0s}.form .form__contactForm .form__fieldset .form__button>button:hover{text-shadow:0 0 6px #fff;transition:all .4s ease 0s;background:#000;color:#fff}.form .form__contactForm .form__fieldset input:focus{outline:none}.form .form__contactForm .form__fieldset .form__button{position:absolute;top:90%;left:10%;text-align:right}}@media (min-width:1024px){.form{font-size:20px}.form .form__contactForm{display:flex;flex-direction:column;justify-content:space-between}.form .form__contactForm .form__icon{font-size:55px;margin:auto;transition:.7s}.form .form__contactForm .form__fieldset{justify-content:center;margin-top:5vh}.form .form__contactForm .form__fieldset h3{margin:1rem 2rem}.form .form__contactForm .form__fieldset .form__inputName{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:30%}.form .form__contactForm .form__fieldset .form__inputName input[type=text]{font-size:20px;padding:5px;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputName label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__inputTitle{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:40%}.form .form__contactForm .form__fieldset .form__inputTitle input[type=text]{font-size:20px;padding:5px;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputTitle label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__inputTextArea{margin-left:10vw;margin-top:5vh;display:flex;flex-direction:column;width:50%;margin-bottom:5vh}.form .form__contactForm .form__fieldset .form__inputTextArea textarea{height:20vh;resize:none}.form .form__contactForm .form__fieldset .form__inputTextArea textarea,.form .form__contactForm .form__fieldset .form__inputTextArea textarea:focus{font-size:20px;padding:5px;background-color:#d3d3d3;border:none;border-bottom:4px solid #8c8b8b}.form .form__contactForm .form__fieldset .form__inputTextArea label{margin-bottom:5px}.form .form__contactForm .form__fieldset .form__button>button{font-size:15px;color:#000;text-transform:uppercase;text-decoration:none;background:#d3d3d3;padding:5px 10px;border-radius:5px;transition:all .4s ease 0s}.form .form__contactForm .form__fieldset .form__button>button:hover{text-shadow:0 0 6px #fff;transition:all .4s ease 0s;background:#000;color:#fff}.form .form__contactForm .form__fieldset input:focus{outline:none}.form .form__contactForm .form__fieldset .form__button{margin:5px 30vw 5px 0;text-align:right;right:0;top:80%}}.form__icon.white{color:#bd3737}.form__icon.white:hover{color:#574444}.form__icon.black{color:#3771bd}.form__icon.black:hover{color:#3f506e}.form.white{border-top:1px solid #525252;box-shadow:inset 0 0 3px #525252;background-color:#f5f5f5;color:#525252;transition:.7s}.form.black{border-top:1px solid #3f506e;box-shadow:inset 0 0 3px #3f506e;background-color:#212121;color:#fff;transition:.7s}@media (min-width:360px){.portfolio{display:flex;flex-direction:column;flex-wrap:nowrap;background-color:#262525;color:#fff;font-size:20px}.portfolio .portfolio__title{flex-direction:column;margin:5vh auto}.portfolio .porfolio__myWorkContainer{display:flex;flex-wrap:wrap;justify-content:space-between}}@media (min-width:640px){.portfolio .porfolio__myWorkContainer{display:flex;flex-wrap:wrap;justify-content:space-between;padding:5px 40px}}@media (min-width:1024px){.portfolio{display:flex;flex-direction:column;background-color:#262525;color:#fff;font-size:20px}.portfolio .portfolio__title{margin:6vh auto}.portfolio .porfolio__myWorkContainer{display:flex;flex-wrap:nowrap;justify-content:space-between;margin-bottom:20px}}.portfolio.white{border-top:1px solid #525252;box-shadow:inset 0 0 3px #525252;background-color:#f5f5f5;color:#525252;transition:.7s}.portfolio.black{border-top:1px solid #3f506e;box-shadow:inset 0 0 3px #3f506e;background-color:#212121;color:#fff;transition:.7s}@media (min-width:360px){.PortfolioItem{border-radius:22px;position:relative;display:flex;flex-direction:column;justify-content:space-between;margin:2vh}.PortfolioItem .isDeployed{opacity:.5;color:#000;text-align:center;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);width:100%;height:20px}.PortfolioItem img{border-radius:22px;object-fit:cover;width:100%;overflow:hidden;transition:.7s}.PortfolioItem img:hover{opacity:.7;transform:scale(.98)}.PortfolioItem a{text-decoration:none;text-align:center;transition:.7s}.PortfolioItem a:hover{transform:scale(.95)}}@media (min-width:1024px){.porfolio__myWorkContainer{display:flex;justify-content:space-between;flex-wrap:wrap!important;width:100%;margin:0}.porfolio__myWorkContainer .PortfolioItem{border-radius:22px;margin-left:2vw;margin-right:2vw;width:25%}.porfolio__myWorkContainer .PortfolioItem img{border-radius:22px;object-fit:cover;width:100%;overflow:hidden;transition:.7s}.porfolio__myWorkContainer .PortfolioItem img:hover{opacity:.7;transform:scale(.98)}.porfolio__myWorkContainer .PortfolioItem a{text-decoration:none;text-align:center;transition:.7s}.porfolio__myWorkContainer .PortfolioItem a:hover{transform:scale(.95)}}.PortfolioItem.white{background-color:#c4c2c2;color:#f5f5f5}.source.white{color:#525252}.PortfolioItem.black{background-color:#424242;color:#212121}.source.black{color:#fff}@media (min-width:360px){.footer{position:relative;display:flex;flex-direction:column}.footer .footer_arrow{position:absolute;top:-25px;right:10px}.footer .footer_arrow img{margin-right:.1rem}.footer .footer_arrow p{text-align:left;margin:.7rem}.footer .footer_arrow .arrow__icon{transform:rotate(-90deg);width:5rem;transition:.7s}.footer .footer_arrow .arrow__icon:hover{opacity:.5}.footer .MuiSvgIcon-root{border:1px solid!important;border-radius:50%!important;font-size:50px!important}.footer .footer__icons{text-align:center;padding:10px}.footer .footer__icons .facebookIcon,.footer .footer__icons .githubIcon{font-size:35px!important;transition:.7s;border:none!important;margin-left:10px}.footer .footer__copyright{margin-top:.3rem;font-size:.7rem;text-align:center;padding:10px}.footer .footer__reactIcon{display:flex;margin-top:.3rem;margin-left:50%}.footer .footer__reactIcon img{width:1.2rem}.footer .footer__reactIcon p{text-align:left;margin:.7rem}.footer .footer__reactIcon .icon__react img{margin:10px 0}}@media (min-width:1024px){.footer{position:relative;display:flex;flex-direction:column}.footer .footer_arrow{position:absolute;top:-25px;right:10px}.footer .footer_arrow img{margin-right:5rem}.footer .footer_arrow .arrow__icon{transform:rotate(-90deg);width:5rem;transition:.7s}.footer .footer_arrow .arrow__icon:hover{opacity:.5}.footer .MuiSvgIcon-root{border:1px solid!important;border-radius:50%!important;font-size:50px!important}.footer .footer__icons{text-align:center;padding:10px}.footer .footer__icons .facebookIcon,.footer .footer__icons .githubIcon{font-size:35px!important;transition:.7s;border:none!important;margin-left:10px}.footer .footer__copyright{text-align:center;padding:10px}.footer .footer__reactIcon{display:flex;margin-top:.3rem;margin-left:50%}.footer .footer__reactIcon img{width:1.2rem}.footer .footer__reactIcon p{text-align:left;margin:.7rem}.footer .footer__reactIcon .icon__react img{margin:10px 0}}#jaxoo{color:#bd3737}.footer.white{border-top:1px solid #525252;box-shadow:inset 0 0 3px #525252;background-color:#f5f5f5;color:#525252;transition:.7s}.footer.black{border-top:1px solid #3f506e;box-shadow:inset 0 0 3px #3f506e;background-color:#212121;color:#fff;transition:.7s}.facebookIcon.white,.githubIcon.white{color:#bd3737}.facebookIcon.white:hover,.githubIcon.white:hover{color:#574444}.facebookIcon.black,.githubIcon.black{color:#3771bd}.facebookIcon.black:hover,.githubIcon.black:hover{color:#3f506e}body{transition:.7s}@media (min-width:360px){.container__center{position:absolute;top:20%;left:10%;transform:translate(-50%,-50%);height:40px;width:40px}.container__center .slider__container{position:relative;width:40px;height:20px;border:4px solid #3c1e70;border-radius:15px;transition:.7s;background-color:#271052}.container__center .slider__container .slider.white{background-color:#6f57a8;width:25px;height:25px;border-radius:99px;position:relative;top:50%;left:20%;transform:translate(-50%,-50%);transition:.7s}.container__center .slider__container .slider.white .MuiSvgIcon-root{top:15%;left:15%;transform:translate(-25%,-25%);transform-origin:center;transform:rotate(20deg);position:absolute;color:#ff0;font-size:18px;transition:.7s}.container__center .slider__container .slider.black{background-color:#6f57a8;width:25px;height:25px;border-radius:99px;position:absolute;top:50%;left:80%;transform:translate(-50%,-50%);transition:.7s}.container__center .slider__container .slider.black .MuiSvgIcon-root{top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;position:absolute;color:#1d1d1d;font-size:18px;transition:.7s}.container__center .slider__container .slider:hover{cursor:url(/images/cursors/pointer.png),auto!important}}:root{cursor:url(/images/cursors/coursor.png),auto!important;scroll-behavior:smooth}*{box-sizing:border-box;padding:0;margin:0;font-family:mainFont}body{max-width:100%!important}.change__language{z-index:10;position:fixed;bottom:5vh;left:10px}.MuiSvgIcon-root:hover,a:hover,button:hover,img,input:hover,label:hover{cursor:url(/images/cursors/pointer.png),auto!important}
/*# sourceMappingURL=main.34a62b0d.chunk.css.map */