*,:after,:before{box-sizing:border-box}html{font-size:10px}body,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}.container{margin:auto;max-width:1200px;width:90%}li,ul{list-style:none}img{max-width:100%}@-webkit-keyframes scaleCard{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.hero{background-color:#e9eaed;min-height:100vh;overflow:hidden;padding:5rem 0;position:relative;text-align:center}.hero .hero__image{margin:4rem 0}.hero .link{background-color:#582ca8;border-radius:.5rem;color:#fff;display:inline-block;font-size:clamp(1.7rem,2vw,2rem);margin-top:2rem;padding:.5em 1.2rem;text-decoration:none;transition:all .2s ease-in-out}.hero .link:hover{background-color:#fff;color:#582ca8!important}@media screen and (max-width:600px){.hero{padding-top:10rem}.hero .paragraph{margin:auto;width:80%}.header .container .mobile__toggleTheme{align-items:center;display:flex!important;gap:2rem;justify-content:flex-start}.header .container .nav,.header .container .socials{display:none}.header .container .icon.menu{display:block}}@media screen and (min-width:605px){.hero{padding-top:10rem}.header .container .mobile__toggleTheme{align-items:center;display:flex!important;gap:2rem;justify-content:flex-start}.header .container .nav,.header .container .socials{display:none}.header .container .icon.menu{display:block}}@media screen and (min-width:900px){.header .container .mobile__toggleTheme{display:none!important}.header .container .nav{display:block}.header .container .nav__list{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}.header .container .nav__list li{font-family:Source Sans Pro,sans-serif;font-size:1.75rem;font-weight:600}.header .container .nav__list li:hover{color:#582ca8}.header .container .socials{gap:2rem}.header .container .socials,.header .container .socials__item{align-items:center;display:flex;flex-direction:row;justify-content:flex-start}.header .container .socials__item{font-family:Source Sans Pro,sans-serif;font-size:1.125rem;gap:1rem}.header .container .socials__item:nth-child(3){background-color:#e9eaed;border-radius:50%;padding:1rem}.header .container .socials__item:nth-child(3) .icon{color:#582ca8}.header .container .socials__item:last-child{border-left:2px solid #582ca8;margin-left:2.5rem;padding-left:1.5rem}.header .container .socials__item:last-child .icon{font-size:2rem}.header .container .icon{font-size:1.25rem}.header .container .icon.menu{display:none}.hero{display:grid;place-items:center;text-align:left}.hero .container{align-items:flex-start;display:flex;flex-direction:row;gap:0;justify-content:space-between}.hero .container .hero__image,.hero .container .hero__text{width:50%}.hero .container .hero__text{padding-left:10rem}.hero .container .hero__image{bottom:0;position:absolute;right:-10rem}.aboutMe .container{align-items:flex-start;display:flex;flex-direction:row-reverse;gap:0;justify-content:space-between}.aboutMe .container .aboutMe__item{width:47.5%}.aboutMe .container .aboutMe__item:last-child{align-items:stretch;display:flex;flex-direction:column;gap:4rem;justify-content:stretch;padding:0}.projects .projects__works{gap:4rem;grid-template-columns:repeat(2,1fr)}.contact .container{align-items:flex-start;display:flex;flex-direction:row;gap:0;justify-content:space-between}.contact .container .contact__sayhi{width:35%}}.mainTitle{font-family:IBM Plex Mono,monospace;font-size:clamp(3rem,3vw,5.5rem);font-weight:500;padding:2rem 0}.subTitle{font-style:italic;font-weight:600;line-height:2.75rem}.heading,.subTitle{color:#000;font-family:Source Sans Pro,sans-serif;font-size:clamp(1.4rem,2vw,1.75rem)}.heading,.paragraph{font-weight:400}.paragraph{color:#000;font-size:clamp(1.6rem,2vw,1.85rem);line-height:2.75rem;padding:2rem 0}.link,.paragraph{font-family:Source Sans Pro,sans-serif}.link{color:#582ca8;font-size:clamp(1.4rem,2vw,1.75rem);font-weight:600;text-decoration:underline;text-transform:uppercase}.btn{background-color:#582ca8;border:none;border-radius:.25em;color:#fff;font-family:Source Sans Pro,sans-serif;font-size:1.5rem;margin-bottom:4rem;padding:.75em 1.25em}.header.sticky{position:fixed;z-index:2}.navLink{color:#000;font-family:Source Sans Pro,sans-serif;font-weight:400;text-decoration:none}.navLink:hover{color:#582ca8}.project--link{text-decoration:none}@keyframes scaleCard{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}.aboutMe{display:grid;min-height:100vh;padding:5rem 0;place-items:center}.aboutMe .subTitle{padding-bottom:2rem}.aboutMe .paragraph{color:#3f3f3f;padding:0;text-align:justify}.aboutMe__item:last-child{padding:5rem 0;width:100%}.aboutMe__item:last-child .heading{color:#000}.aboutMe__item:last-child .skills--item{align-items:flex-start;background-color:#e9eaed;border-radius:.5rem;display:flex;flex-direction:row;gap:0;justify-content:space-between;margin:2.5rem 0;padding:2.5rem}.aboutMe__item:last-child .skills--item__text{width:45%}.aboutMe__item:last-child .skills--item__text .heading{color:#582ca8;font-size:2.5rem}.aboutMe__item:last-child .skills--item__text .paragraph{color:#3f3f3f;font-size:1.5rem;padding-bottom:2rem}.aboutMe__item:last-child .skills--item__text .link{color:#000;font-family:Source Sans Pro,sans-serif;font-size:1.25rem;text-decoration:none;text-transform:uppercase}.aboutMe__item:last-child .skills--item__text .link:hover{text-decoration:underline}.aboutMe__item:last-child .skills--item__image{align-self:flex-start;color:#582ca8;font-size:2rem}.aboutMe__item:last-child .skills--item .image__container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:space-between;width:50%}.aboutMe__item:last-child .skills--item .image__container img{display:block;max-width:100%;transition:all .1s ease-in-out;width:4.5rem}.aboutMe__item:last-child .skills--item .image__container img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.projects{padding:4rem 0}.projects .mainTitle{padding:0;text-align:center}.projects .link,.projects .paragraph{text-align:center}.projects .link{display:block;font-size:clamp(1.75rem,2vw,2.75rem);padding:4rem 0}.projects .projects__works{display:grid}.projects .projects__works--item{background-color:#e9eaed;border-radius:.5rem;margin:2rem 0;padding:2rem;transition:all .25s ease-in-out}.projects .projects__works--item:hover{-webkit-transform:scale(.95);transform:scale(.95)}.projects .projects__works--item__text{align-items:flex-start;display:flex;flex-direction:row;gap:0;justify-content:space-between}.projects .projects__works--item__text .heading{font-size:2rem;font-weight:600}.projects .projects__works--item__text .langUsed button{background-color:#582ca8;border:none;border-radius:.25rem;color:#fff;font-family:Source Sans Pro,sans-serif;padding:.25rem .5rem}.projects .projects__works--item__text .langUsed button+button{margin-left:1rem}.projects .projects__works--item__image{margin-top:2rem}.projects .projects__works--item__image img{max-width:100%}.projects .projects__works--item .btn{background-color:#111;display:inline-block;margin-bottom:0;margin-top:2rem;text-decoration:none}.projects .projects__works--item .btn:hover{background-color:#582ca8}.contact{background-color:#e9eaed;padding:5rem 0}.contact__sayhi{padding-bottom:2.5rem}.contact__sayhi .heading,.contact__sayhi .heading .link{font-size:clamp(2rem,3vw,2.75rem)}.contact__sayhi .heading .link{text-transform:lowercase}.contact__sayhi .heading:last-child{margin-top:2rem}.contact__information .mainTitle,.contact__information .paragraph{padding:0}.contact__information .heading:first-child{color:#3f3f3f;padding-bottom:1rem}.contact__information .paragraph{color:#3f3f3f}.contact__information .heading:last-child{color:#111;font-size:clamp(2rem,3vw,2.75rem);font-weight:600;text-decoration:none}.contact__information .heading:last-child:hover{color:#582ca8}.contact__information .nav{padding:2rem 0}.contact__information .nav__list .nav__item{font-size:clamp(1.5rem,3vw,2.5rem);margin-top:1rem}.contact__information .nav__list .nav__item:hover{color:#582ca8}.contact .socials{align-items:center;display:flex;flex-direction:row;gap:1.25rem;justify-content:flex-start;padding:2rem 0 0}.contact .socials a{color:#3f3f3f;display:block}.contact .socials a:hover{color:#582ca8}.contact .socials .icon{font-size:2.5rem}.nav__list .nav__item{font-family:Source Sans Pro,sans-serif;font-size:1.5rem;text-transform:capitalize}.footer{background-color:#e9eaed}.footer .container{align-items:center;display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}.footer .container .paragraph{padding:0}.footer .container .paragraph span{color:#582ca8;font-weight:600}.footer .container small{font-family:Source Sans Pro,sans-serif;font-size:1.25rem}.header{background-color:#e9eaed;position:absolute;width:100%;z-index:1}.header .container{align-items:center;display:flex;flex-direction:row;gap:0;justify-content:space-between;padding:2rem 0}.header .container .heading{font-size:2.5rem}.header .container .heading span{color:#582ca8;font-weight:600}.header .container .socials__item:hover{color:#582ca8}.header .container .socials__item a{color:#000;text-decoration:none;text-transform:capitalize}.header .container .socials__item a:hover{color:#582ca8;text-decoration:underline}.header .container .socials__item:nth-child(3){background-color:#fff}.header .container .socials__item:nth-child(3) .icon{color:#000}.header .container .socials__item:nth-child(3) .icon:hover{color:#582ca8}.header .container .mobile__toggleTheme{display:none}.header .container .mobile__toggleTheme--icon{color:#000;font-size:1.5rem;padding-top:.5rem}.header .container .mobile__toggleTheme .icon.menu{color:#000;font-size:2rem}.header .container .mobile__view--nav{align-items:center;background-color:#111;bottom:0;display:flex;flex-direction:column;gap:4rem;height:100vh;justify-content:center;overflow:hidden;position:absolute;right:0;top:0;transition:all .4s ease-in-out;width:0}.header .container .mobile__view--nav .icon.close{color:#fff;font-size:2.5rem;left:2.5rem;position:absolute;top:2.5rem}.header .container .mobile__view--nav ul{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start}.header .container .mobile__view--nav ul li .navLink{color:#fff;font-size:2rem;text-transform:capitalize}.header .container .mobile__view--nav ul li .navLink:hover{color:#582ca8}.header .container .mobile__view--nav ul:last-child .socials__item{align-items:center;color:#fff;display:flex;flex-direction:row;font-size:1.75rem;gap:.75rem;justify-content:center}.header .container .mobile__view--nav ul:last-child .socials__item:hover{color:#582ca8}.header .container .mobile__view--nav ul:last-child .socials__item:last-child{align-self:center;background-color:#0c0c0c;border-radius:50%;padding:1.75rem}.header .container .mobile__view--nav ul:last-child .socials__item:last-child .icon{color:#582ca8;font-size:1.75rem;margin:0}.header.dark{background-color:#111}.header.dark .container .heading,.header.dark .container .mobile__toggleTheme .icon.menu,.header.dark .container .mobile__toggleTheme--icon,.header.dark .container .nav__list li .navLink{color:#fff}.header.dark .container .nav__list li .navLink:hover{color:#582ca8}.header.dark .container .socials__item{color:#fff}.header.dark .container .socials__item a{color:inherit}.header.dark .container .socials__item:hover{color:#582ca8}.header.dark .container .icon.menu{color:#fff}.hero.dark{background-color:#111}.hero.dark .mainTitle{color:#fff}.hero.dark .paragraph{color:#ccc}.hero.dark .link:hover{color:#fff}.aboutMe.dark{background-color:#0c0c0c}.aboutMe.dark .paragraph,.aboutMe.dark .subTitle{color:#ccc}.aboutMe.dark .mainTitle{color:#fff}.aboutMe.dark .aboutMe__item:last-child h1.heading{color:#ccc}.aboutMe.dark .aboutMe__item:last-child .skills--item{background-color:#111}.aboutMe.dark .aboutMe__item:last-child .skills--item__text .paragraph{color:#ccc}.aboutMe.dark .aboutMe__item:last-child .skills--item .link{color:#fff}.projects.dark{background-color:#0c0c0c}.projects.dark .mainTitle{color:#fff}.projects.dark .paragraph{color:#ccc}.projects.dark .projects__works--item{background-color:#111}.projects.dark .projects__works--item__text .heading{color:#fff}.projects.dark .projects__works--item .btn{background-color:#e9eaed;color:#000}.projects.dark .projects__works--item .btn:hover{background-color:#582ca8;color:#fff}.contact.dark{background-color:#0c0c0c}.contact.dark .contact__sayhi .heading{color:#fff}.contact.dark .contact__information .heading:first-child,.contact.dark .contact__information .paragraph{color:#ccc}.contact.dark .contact__information .heading:last-child{color:#fff}.contact.dark .contact__information .heading:last-child:hover{color:#582ca8}.contact.dark .contact__information .socials a{color:#ccc}.contact.dark .contact__information .socials a:hover{color:#582ca8}.contact.dark .contact__information .nav__list .nav__item .navLink{color:#fff}.contact.dark .contact__information .nav__list .nav__item .navLink:hover{color:#582ca8}.footer.dark{background-color:#0c0c0c}.footer.dark .paragraph{color:#fff}.footer.dark .paragraph span{color:#582ca8}.footer.dark small{color:#ccc}.App{overflow:hidden}
/*# sourceMappingURL=main.db231392.css.map*/