@import url(https://fonts.googleapis.com/css2?family=Raleway&display=swap);@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic);#root,.App,body,html{height:100%;box-sizing:border-box;padding:0;margin:0}body{margin:0;font-family:"Raleway",sans-serif;background-color:#3a3a3a;color:#fff;overflow-x:hidden!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.projects{margin:80px 0 60px;display:flex;flex-wrap:wrap}.projects .title{width:100%;text-align:center}.projects .project-card{width:100%;margin:50px 0;position:relative}.projects .project-card.left{display:flex;flex-direction:row-reverse}.projects .project-card.left .project-details{left:0}.projects .project-card .image-wrapper{width:60%;background-color:#f1c7cb}.projects .project-card .image-wrapper img{width:100%;height:380px;object-fit:cover;object-position:center center;opacity:.4}.projects .project-card .image-wrapper img:hover{opacity:1;cursor:pointer;transition:.5s ease}.projects .project-card .project-details{width:45%;height:220px;top:50%;transform:translateY(-50%);right:0;position:absolute;background-color:#bea2c5}.projects .project-card .project-details:last-child{margin-right:0}.projects .project-card .project-details .languages{margin-top:20px}.projects .project-card .project-details .languages .chip{margin-right:5px;margin-top:10px;color:#50195f;border:1px solid #42214b}.projects .project-card .project-details .link{margin-top:20px}.projects .project-card .project-details .link .icon{margin-right:10px;color:#42214b}@media only screen and (max-width:768px){.projects{margin-top:20%}.projects .project-card{display:flex;flex-direction:column;padding:0 10px;margin:0;position:unset}.projects .project-card.left{flex-direction:column}.projects .project-card.left .project-details{left:0}.projects .project-card .image-wrapper{width:100%}.projects .project-card .image-wrapper img{height:300px}.projects .project-card .project-details{width:100%;position:unset}}.home .hero{display:flex;justify-content:space-between;align-items:center;height:100vh}.home .hero .description .typed-name{color:#b78ec2}.home .hero .description .button{margin-top:10px;text-align:center}.home .hero .social-icons{padding-top:10px}.home .hero .social-icons .link{color:#fff}.home .hero .social-icons .icon{margin-right:10px;font-size:2rem}.home .hero .image-wrapper{max-width:600px}.home .hero .image-wrapper .image{object-fit:contain;width:100%;height:auto}.home article .card{border:1px solid rgba(0,0,0,.3);padding:30px;border-radius:10px;text-align:center}.home article .card a{color:#fff;font-weight:700}.home article .card .heading{font-size:2rem;flex:1 1 auto}.home article .card p{margin:1rem;display:inline-block;font-size:1.2rem;flex:1 1 auto;font-weight:400}.home .skill-container .grid{display:flex;justify-content:center}.home .skill-container .skill-card{display:flex;flex-direction:column;align-items:center}.home .skill-container .skill-card .skill-title{font-size:14px;color:grey;margin-bottom:5px}.home .contact{margin-top:50px;padding-bottom:30px}.home .contact .contact-details{display:flex;justify-content:space-evenly;text-align:center;padding-top:10px;padding-bottom:10px}.home .contact .contact-details .detail{padding-top:10px;width:300px;min-width:250px;margin-right:20px;box-shadow:0 0 5px rgba(0,0,0,.1)}.home .contact .contact-details .detail:last-child{margin-right:0}@media only screen and (max-width:768px){.home .hero{justify-content:center;padding:0 20px}.home .hero .description{width:100%}.home .hero .description .MuiTypography-h1{font-size:5rem}.home .hero .image-wrapper{display:none}.home article .card{border:none;padding:10px}}@media only screen and (max-width:600px){.home .hero{width:auto}.home .hero .description .MuiTypography-h1{font-size:3rem}.home .hero .description .MuiTypography-h3{font-size:2rem}.home .hero .image-wrapper{display:none}.home .contact .contact-details{flex-direction:column;align-items:center}.home .contact .contact-details .detail{margin-bottom:20px}}.blog-posts{width:80%;margin:10% auto}.blog-posts .title{text-align:center}.blog-posts .posts-wrapper{margin-top:50px}.blog-posts .posts-wrapper .post{width:100%;margin:10px 0;display:flex;justify-content:space-between;align-items:center;padding:0}.blog-posts .posts-wrapper .post .link{text-decoration:none}.blog-posts .posts-wrapper .post .post-title{font-size:1.5rem;color:#b78ec2;font-family:"Montserrat",sans-serif}.blog-posts .posts-wrapper .post .post-title:hover{text-decoration:underline}.blog-posts .posts-wrapper .post .date{color:#a484ad}@media only screen and (max-width:768px){.blog-posts{width:95%;margin-top:25%}}@media only screen and (max-width:600px){.blog-posts .posts-wrapper .post{flex-direction:column;align-items:flex-start}.blog-posts .posts-wrapper .post .post-title{font-size:1.3rem}}.post{width:80%;margin:80px auto 50px;line-height:1.6;font-size:1rem;letter-spacing:.02em}.post .title{padding-top:20px;text-align:center}.post .image{display:flex;justify-content:center;margin-bottom:30px}.post .image img{width:80%}.post .body a{color:#d196df}.loading{margin-top:100px;text-align:center}blockquote{font-size:1em;font-family:"Open Sans";font-style:italic;padding:0 10px;border-left:2px solid #f1f1f1;line-height:1.6;-webkit-margin-start:20px;margin-inline-start:20px;-webkit-margin-end:20px;margin-inline-end:20px}.main-container{color:#fff;height:100%;width:100%;margin:0 auto}.main-container .content{width:80%;max-width:1280px;margin:0 auto 20px;overflow-y:auto;overflow-x:hidden;min-height:calc(100vh - 113px)}.main-container .footer{height:70px;width:80%;margin:0 auto;text-align:center;padding-bottom:20px;border-top:1px solid grey}.main-container .footer .social-icons{padding-top:10px}.main-container .footer .social-icons .link{color:#fff}.main-container .footer .social-icons .icon{margin-right:10px}.main-container .footer .heart-emoji{color:red}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background-color:transparent;box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:10px}body::-webkit-scrollbar-thumb{background-color:#be99c8;border-radius:20px}body::-webkit-scrollbar-thumb:hover{background-color:#9e66ab}@media only screen and (max-width:599px){.main-container .content{width:95%}}@media only screen and (max-width:399px){.main-container .content{width:100%}}
/*# sourceMappingURL=main.72d43c53.chunk.css.map */