@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700;900&display=swap);.toggle{cursor:pointer;display:flex;justify-content:center;align-items:center}.toggle span .image{height:25px;width:25px;stroke:#000;stroke:var(--text-color)}.header{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.header p{text-align:center}.header .header__left{cursor:pointer}.header .header__left p{margin:0}.header .header__left .logo{text-align:center}.header .header__right{display:flex;align-items:space-between;margin-top:10px}.header .header__right a{color:#000;color:var(--text-color);text-decoration:none}.header .header__right .resume{margin-right:30px;font-size:23px}.header .header__right .linkedin{margin-right:30px;font-size:25px;height:24px;width:24px}.header .header__right .github{margin-right:30px;font-size:24px}.header .header__right .gmail{font-size:23px;margin-right:30px}@media (min-width:720px){.header{width:100%;flex-direction:row;justify-content:space-between;align-self:center}.header .header__left,.header .header__left p{margin:0}.header .header__right .github,.header .header__right .gmail,.header .header__right .linkedin,.header .header__right .resume{cursor:pointer;font-size:25px}}.main__container{display:flex;flex-direction:column;align-items:center;height:100%;width:100%;justify-content:center}.main__container .title{text-align:center;margin-top:40px;font-family:"circular-black",sans-serif;width:70%}.main__container .title h1{font-weight:900}.main__container .more{text-align:center;margin-top:100px}.main__container .more p{margin:0;font-size:22px;display:flex;flex-direction:column}.main__container .more p span .image{-webkit-animation:bounce 2s infinite;animation:bounce 2s infinite;height:30px;width:30px}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}60%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}}@media only screen and (max-width:600px){.main__container{text-align:left}.main__container .title{margin-top:10px;text-align:left;width:100%}.main__container .title h5{text-align:center!important}.main__container .more{text-align:center;margin-top:100px}}.project__container{display:flex;flex-direction:column;align-items:center;margin-bottom:1em}.project__container .title{text-align:center;margin-bottom:4rem}.project__container .card{display:grid;grid-template-columns:repeat(2,1fr);background-color:#f8f9fa;background-color:var(--secondary-color);grid-gap:2rem;gap:2rem;width:70%;margin-top:3em;border-radius:4px}.project__container .card img{width:100%;height:100%;object-fit:fill;border-top-left-radius:4px;border-bottom-left-radius:4px}.project__container .card div{padding:2rem}.project__container .card div h3{margin-bottom:2rem}.project__container .card div .btns{display:flex;margin-top:1em;padding:0}.project__container .card div .btns .live__btn{background-color:#15239e;border-radius:4px}.project__container .card div .btns .code__btn,.project__container .card div .btns .live__btn{margin-top:10px;text-decoration:none;color:#f8f9fa;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.4em 1em;font-size:18px;margin-right:10px;cursor:pointer}.project__container .card div .btns .code__btn{background-color:#272626;border-radius:4px;border:1px solid rgba(0,0,0,.185);border:1px solid var(--border-color)}.project__container .card div .btns .disabled__btn{background-color:#f8f9fa!important;background-color:var(--secondary-color)!important;color:#000;color:var(--text-color)}.project__container .card:nth-child(2n) img{order:2;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px;height:100%}.project__container .card:nth-child(2n) div .btns{display:flex;margin-top:1em;padding:0}.project__container .card:nth-child(2n) div .btns .live__btn{background-color:#15239e;border-radius:4px}.project__container .card:nth-child(2n) div .btns .code__btn,.project__container .card:nth-child(2n) div .btns .live__btn{margin-top:10px;text-decoration:none;color:#f8f9fa;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.4em 1em;font-size:18px;margin-right:10px;cursor:pointer}.project__container .card:nth-child(2n) div .btns .code__btn{background-color:#272626;border:1px solid rgba(0,0,0,.185);border:1px solid var(--border-color);border-radius:4px}.project__container .card:nth-child(2n) div .btns .disabled__btn{background-color:#f8f9fa!important;background-color:var(--secondary-color)!important;color:#000;color:var(--text-color)}@media (max-width:1024px){.project__container .card{display:block;width:100%}.project__container .card div{word-wrap:break-word}.project__container .card img{border-radius:0;border-top-right-radius:4px;border-top-left-radius:4px}}@font-face{font-family:"circular";src:url(/static/media/CircularStd-Book.1f1f0b7a.woff2)}@font-face{font-family:"circular-black";src:url(/static/media/CircularStd-Black.1b79f316.woff2)}@font-face{font-family:"circular-medium";src:url(/static/media/CircularStd-Medium.28584316.woff2)}.about__container{margin-top:40px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:1em}.about__container .title{text-align:center}.about__container .info{margin-top:4rem;width:60%;display:grid;grid-template-columns:.5fr 1fr;grid-gap:2rem;gap:2rem}.about__container .info .image{display:flex;justify-content:center;align-items:center}.about__container .info .image img{height:300px;width:300px;border-radius:50%}.about__container .info .text{display:flex;flex-direction:column;align-items:center}.about__container .info .text p{font-size:22px;width:100%}.about__container .skills{margin-top:4em;margin-bottom:2em}.about__container .skills .skills-section{width:100%}.about__container .skills .skills-section .skills-grid{width:100%;display:grid;grid-column-gap:50px;grid-template-columns:auto auto auto;grid-row-gap:10px;padding:10px}.about__container .skills .skills-section .skill{display:flex;align-items:center;font-size:30px;text-align:left}.about__container .skills .skills-section .skill span{margin-right:10px}@media (max-width:1024px){.about__container .title{text-align:center}.about__container .info{display:block;width:100%}.about__container .info .text{display:flex;flex-direction:column}.about__container .info .text p{font-size:22px}.about__container .skills .skills-section .skills-grid{display:grid;grid-column-gap:10px;grid-template-columns:auto auto}.about__container .skills .skills-section .skill{display:flex;align-items:center;font-size:20px;text-align:left}.about__container .skills .skills-section .skill span{margin-right:10px}}.experience-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:2em}.experience-section p:first-child{margin-top:30px;font-size:35px;margin-bottom:10px;text-align:center}.experience-section .job{margin-top:50px;width:63%;display:flex;flex-direction:column;justify-content:center}.experience-section .job p{margin:0!important;padding:0!important;text-align:left}.experience-section .job .job__title{font-size:28px!important;font-family:"circular-medium",sans-serif}.experience-section .job .company__name,.experience-section .job .job__points,.experience-section .job .job_description{font-size:22px}@media (max-width:1024px){.experience-section{display:flex;flex-direction:column;margin-bottom:2em}.experience-section p:first-child{margin-top:30px;font-size:20px;margin-bottom:10px;text-align:center}.experience-section .job{margin-top:50px;width:100%;display:flex;flex-direction:column}.experience-section .job p{margin:0!important;padding:0!important;text-align:left}.experience-section .job .job__title{font-size:24px!important;font-family:"circular-medium",sans-serif}.experience-section .job .job__points{font-size:16px}.experience-section .job .company__name{font-size:20px}.experience-section .job .job_description{font-size:16px}}body,html{min-height:100vh;width:100vw;transition-duration:.15s}:root{--background-color:#f8f9fa;--text-color:#000;--secondary-color:#f8f9fa;--border-color:rgba(0,0,0,0.185)}.dark,:root{--base-size:1em;--type-scale:1.25;--h5:calc(var(--base-size)*var(--type-scale));--h4:calc(var(--h5)*var(--type-scale));--h3:calc(var(--h4)*var(--type-scale));--h2:calc(var(--h3)*var(--type-scale));--h1:calc(var(--h2)*var(--type-scale));--small:calc(var(--base-size)/var(--type-scale))}.dark{--background-color:#121212;--text-color:#f8f9fa;--secondary-color:#1f1f1f;--border-color:#45494e}body{background-color:#f8f9fa;background-color:var(--background-color);color:#000;color:var(--text-color);font-family:"circular",sans-serif;font-weight:400;line-height:1.75;height:100vh;scrollbar-width:thin;overflow-x:hidden!important}.grid-container{display:grid;grid-template-columns:.3fr repeat(5,1.4fr) .3fr;grid-gap:100px 0;gap:100px 0;grid-template-areas:". Navigation Navigation Navigation Navigation Navigation ." ". Welcome Welcome Welcome Welcome Welcome ." ". Work Work Work Work Work ." ". Project Project Project Project Project ." ". About About About About About .";height:100%}.Navigation{grid-area:Navigation;margin-top:20px}.Welcome{grid-area:Welcome;display:flex;align-items:stretch;justify-items:center;height:70vh}.Work{grid-area:Work}.Project{grid-area:Project}.About{grid-area:About}p{margin-bottom:0}a{text-decoration:none!important}h1,h2,h3,h4,h5{margin:0;font-family:"circular-medium",sans-serif;font-weight:400;line-height:1.3}h1{margin-top:0;font-size:3.05176em;font-size:var(--h1)}h2{font-size:2.44141em;font-size:var(--h2)}h3{font-size:1.95313em;font-size:var(--h3)}h4{font-size:1.5625em;font-size:var(--h4)}h5{font-size:1.25em;font-size:var(--h5)}.text_small,small{font-size:.8em;font-size:var(--small)}ul{padding-left:15px}@media only screen and (max-width:600px){html{min-height:100vh;width:100vw;transition-duration:.15s;margin:0}.dark,:root{--type-scale:1.1}.dark{width:100vw}.grid-container{display:grid;grid-template-columns:.3fr repeat(5,1.4fr) .3fr;grid-gap:20px 0;gap:20px 0;grid-template-areas:". Navigation Navigation Navigation Navigation Navigation ." ". Welcome Welcome Welcome Welcome Welcome ." ". Work Work Work Work Work ." ". Project Project Project Project Project ." ". About About About About About .";height:100%}.Navigation{grid-area:Navigation;margin-top:20px}.Welcome{grid-area:Welcome}.Project,.Welcome{align-items:flex-start}.Project{grid-area:Project}}
/*# sourceMappingURL=main.b3c99813.chunk.css.map */