body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:75em){html{font-size:59%}}@media only screen and (max-width:56.25em){html{font-size:56%}}@media only screen and (min-width:112.5em){html{font-size:65%}}.header{background:#000;background:#fff;box-shadow:0 10px 100px #0000001a;display:grid;height:7rem;position:fixed;width:100vw;z-index:1000}.header__content{align-items:center;display:flex;justify-content:space-between;padding:0 3rem}.name{font-size:1.6rem;font-weight:600;text-transform:uppercase}.none{display:none}.header__main{transition:1s}.home__hero{height:100vh;width:100vw}.home__content,.home__hero{align-items:center;display:flex;flex-direction:column;justify-content:center}.home__content{gap:4.5rem}.heading__primary{display:grid;font-size:3.1rem;font-weight:600;place-items:center;text-align:center;width:100%}.home__btn,.text__primary{display:grid;font-size:1.6rem;place-items:center;text-align:center}.home__btn{background-color:bisque;border:2px solid #000;border-radius:5px;font-weight:700;letter-spacing:1px;padding:1rem 5rem;text-transform:uppercase;transition:.5s;width:25rem}.home__btn:hover{box-shadow:2px 2px 5px 0 #00000080}.header__links{align-items:center;column-gap:5rem;display:flex;font-size:1.2rem;font-weight:600;justify-content:center;letter-spacing:1px;text-transform:uppercase}@media screen and (max-width:600px){.header__links{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#b5b5b5a5;display:flex;flex-direction:column;font-size:2.4rem;height:100vh;justify-content:center;left:0;padding-bottom:7rem;position:absolute;row-gap:7rem;top:7rem;transition:.4s;width:100%}.header__link{background-color:bisque;border:2px solid #000;border-radius:5px;display:grid;font-size:1.7rem;font-weight:700;letter-spacing:1px;padding:1.5rem 5rem;place-items:center;text-transform:uppercase;width:20rem}.header__link:hover{border:2px solid bisque;transition:.4s ease-in-out}.header__link-hide{left:-100%}.home__hero{display:grid;height:70vh;place-items:center;position:absolute;top:7rem;width:100vw}.heading__primary{display:grid;font-size:4rem;font-weight:600;place-items:center;text-align:center;width:100%}}@media screen and (min-width:600px){.hamburger__menu-content{display:none}}@media screen and (min-width:1024px){.heading__primary{display:grid;font-size:6rem;place-items:center;text-align:center}.text__primary{font-size:2.2rem;max-width:80vw}.header__links{font-size:1.6rem}.name{font-size:1.8rem}}.about{background-color:#f7f7f7;display:flex;justify-content:center;margin-bottom:10rem;position:relative;top:60rem}.about__content{display:grid;margin-top:9rem;place-items:center;width:90vw}.about__title{display:grid;font-size:3.1rem;font-weight:600;letter-spacing:.5rem;padding-bottom:2rem;place-items:center;text-align:center;text-transform:uppercase;width:100%}.about__description{color:#666;display:grid;font-size:1.6rem;line-height:3rem;padding-bottom:9rem;place-items:center;text-align:center}.text__primary-about{display:grid;line-height:1.7;line-height:3rem;place-items:start;text-align:left}.text__title{font-size:2rem;font-weight:600;padding-bottom:2rem}.text__space{color:#666;font-size:1.6rem;padding-bottom:2rem}.contact__button{display:grid;place-items:left}.contact__btn{background-color:bisque;border:2px solid #000;border-radius:5px;color:#000;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-top:2.5rem;padding:.5rem 4rem;text-transform:uppercase;transition:.5s}.contact__btn:hover{box-shadow:2px 2px 5px 0 #00000080}.my__skills{margin-bottom:10rem;margin-top:10rem;width:90vw}.skill__title{display:grid;font-size:2.4rem;font-weight:600;padding-bottom:2.5rem;place-items:left}.skills__content{display:flex;flex-wrap:wrap}.single__skill{background:#9993;border-radius:5px;color:#666;font-size:1.6rem;font-weight:600;margin-bottom:1.8rem;margin-right:2rem;padding:1rem 2rem}@media screen and (min-width:600px){.my__skills{margin-top:0}.contact__btn{margin-bottom:10rem}.text__space{width:80%}.about{top:0}}@media screen and (min-width:1024px){.about__container{display:flex;flex-direction:row;width:90vw}.my__skills{width:50vw}.text__primary-about{display:grid;line-height:1.7;line-height:3rem;place-items:start;text-align:left;width:50vw}.text__title{font-size:2.8rem}.text__space{color:#666;font-size:1.8rem;padding-bottom:2rem;width:90%}.about__description{font-size:2rem;max-width:80%}.contact__btn{font-size:2rem;padding:1rem 4rem}.about__title{font-size:4rem}.skill__title{font-size:2.8rem}}@media screen and (min-width:1440px){.about__description{max-width:83rem}.about__container{width:115rem}.my__skills{max-width:50rem}}*,:after,:before{box-sizing:inherit;font-family:inherit;margin:0;padding:0}html{font-size:62.5%;scroll-behavior:smooth}body{box-sizing:border-box;font-family:sans-serif;font-family:Source Sans Pro,sans-serif;line-height:1.5;overflow-x:hidden;overflow-y:scroll;position:relative}a{color:inherit;text-decoration:none}li{list-style:none}a:focus,button:focus,input:focus,textarea:focus{outline:0}button{border:none;cursor:pointer}.projects{display:flex;justify-content:center;position:relative;top:60rem;width:100vw}.projects__content{align-items:center;display:flex;flex-direction:column;width:90vw}.project__title{font-size:3.1rem;font-weight:600;letter-spacing:.5rem;margin-bottom:4rem;text-align:center;text-transform:uppercase}.project__description{color:#666;display:grid;font-size:1.6rem;padding-bottom:4rem;place-items:center;text-align:center}.project__container{background-image:url(/static/media/portfolio.650d46c2bea119f5a74b.png)}.project__container,.project__container_{background-color:#666;background-position:50%;background-repeat:no-repeat;background-size:310px;border:5px solid #000;border-radius:1rem;height:20rem;margin-bottom:4rem;width:90%}.project__container_{background-image:url(/static/media/math%20game.23efa65eb13b40dea243.png)}.single__project__title{font-size:2.4rem;font-weight:600;margin-bottom:2rem;text-align:center}.single__project__description{color:#666;display:grid;font-size:1.7rem;line-height:3rem;max-width:60rem;padding-bottom:2rem;place-items:center;text-align:center}.case__study__btn{background-color:bisque;border:2px solid #000;border-radius:5px;color:#000;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-top:2.5rem;padding:1.2rem 4rem;text-transform:uppercase;transition:.5s}.case__study__btn:hover{box-shadow:2px 2px 5px 0 #00000080}.sinlge__project-container{display:grid;margin-bottom:15rem;place-items:center;text-align:center;width:90vw}@media screen and (min-width:600px){.projects{top:0}.project__container,.project__container_{background-size:620px;height:40rem;width:62rem}.project__description{max-width:75rem}.single__project__description{max-width:55rem}}@media screen and (min-width:1024px){.project__title{font-size:4rem}.project__description{font-size:2rem;max-width:75%;padding-bottom:10rem}.case__study__btn{font-size:2rem;margin-bottom:0;margin-top:0}.project__mini-container{align-items:flex-start;display:flex;flex-direction:column;gap:4rem;margin-left:4rem;width:50%}.single__project__description{font-size:1.8rem;padding-bottom:0;text-align:left}.single__project__title{font-size:2.8rem;margin-bottom:0}.project__container,.project__container_{background-size:460px;height:30rem;margin-bottom:0;width:50rem}.sinlge__project-container{display:flex;flex-direction:row;gap:2rem;margin-bottom:15rem;width:90vw}}@media screen and (min-width:1440px){.sinlge__project-container{max-width:115rem}.project__description{max-width:80rem}.project__container,.project__container_{background-size:600px;height:38rem;width:65rem}}.contact{background-color:#f7f7f7;display:flex;justify-content:center;position:relative;top:60rem}.contact__content{align-items:center;display:flex;flex-direction:column;width:90vw}.contact__title{display:grid;font-size:3.1rem;font-weight:600;letter-spacing:.5rem;padding-bottom:2rem;padding-top:10rem;place-items:center;text-align:center;text-transform:uppercase;width:100%}.contact__description{color:#666;display:grid;font-size:1.6rem;padding-bottom:9rem;place-items:center;text-align:center}.form__container{background-color:#fff;border-radius:5px;box-shadow:0 5px 15px 0 #00000026;margin-bottom:10rem;padding:3rem;width:90vw}input,textarea{background:#f0f0f0;border:1px solid #ebebeb;border-radius:5px;color:#333;font-size:1.6rem;font-weight:600;letter-spacing:0;margin-bottom:5rem;padding:2rem;width:100%}textarea{height:25rem;resize:none}.submit__btn{background-color:bisque;border:2px solid #000;border-radius:5px;color:#000;font-size:1.6rem;font-weight:700;letter-spacing:1px;margin-bottom:2rem;padding:1rem 4rem;text-transform:uppercase;transition:.5s;width:100%}.submit__btn:hover{box-shadow:2px 2px 5px 0 #00000080}.contact__label h2{display:block;font-weight:700;margin-bottom:1rem;text-align:left}@media screen and (min-width:600px){.submit__btn{width:30%}.contact{top:0}.contact__description{max-width:90%}}@media screen and (min-width:1024px){.contact__description{font-size:2rem;max-width:70%}.form__container{max-width:85rem}.submit__btn{font-size:2rem}.contact__title{font-size:4rem}}@media screen and (min-width:1440px){.form__container{max-width:85rem}.contact__description{max-width:80rem}}.footer{background-color:#000;bottom:0;color:#fff;display:flex;justify-content:center;padding-top:5rem;position:relative;top:60rem}.footer__content{display:flex;flex-direction:column;width:90vw}.footer__container{display:flex;flex-direction:column-reverse}.myname,.social__title{font-size:2rem;font-weight:600;letter-spacing:1px;padding:1.5rem 0;text-transform:uppercase}.my__description{color:#eee;font-size:1.3rem;line-height:1.7;margin-bottom:1rem}.footer__line{border-top:1px solid #eeeeee71;display:grid;margin-top:5rem;padding:4rem 0;place-items:center}.name__link{font-size:1.2rem;text-decoration:underline}.social__icon{display:flex;display:row;margin-bottom:3rem}.main-footer__icon{margin-right:1rem;width:2.5rem}@media screen and (min-width:600px){.footer{top:0}.footer__container{display:flex;flex-direction:row}.myname__container,.social__container{align-items:flex-start;display:flex;flex-direction:column;width:95%}.social__container{align-items:flex-start;width:10%}.myname,.social__title{font-size:2.2rem}.my__description{font-size:1.5rem;max-width:50rem}}@media screen and (min-width:1440px){.footer__content{max-width:120rem}}
/*# sourceMappingURL=main.8404bf0c.css.map*/