@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700&family=Work+Sans&display=swap);@import url(https://fonts.googleapis.com/css2?family=Lora&display=swap);.translate-right{opacity:.1;-webkit-transform:translateX(100%);transform:translateX(100%)}.translate-left{opacity:.1;-webkit-transform:translateX(-100%);transform:translateX(-100%)}.translate-up{opacity:.1;-webkit-transform:translateY(200px);transform:translateY(200px)}.header-wrapper{background-color:#ecf0f3;background-color:var(--main-bg);bottom:auto;height:9rem;justify-content:center;left:0;position:fixed;right:auto;top:0;width:100%;z-index:10}.header,.header-wrapper{align-items:center;display:flex;flex-direction:row}.header{font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);height:5rem;justify-content:space-between;width:1180px}.header i{color:"Work Sans",sans-serif;color:var(--ff-secondary);cursor:pointer;display:none;font-size:5rem;font-size:var(--fs-md)}.header .logo p{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:3rem}.header .nav-wrapper ul{align-items:center;display:flex;flex-direction:row;gap:8rem;justify-content:space-between;list-style:none}.header .nav-wrapper ul li a{color:#2e2d2d;color:var(--text-cl);font-size:2rem;font-size:var(--fs-sm);text-decoration:none;transition:.2s}.header .nav-wrapper ul li a:hover{color:#444d54;color:var(--primary-cl)}.header .nav-wrapper ul li:last-child{background-color:#444d54;background-color:var(--btn-bg);border:1px solid #444d54;border:1px solid var(--btn-bg);border-radius:.5rem;box-shadow:0 6px 17px 0 #7c859c;box-shadow:0 6px 17px 0 var(--shadow-cl);cursor:pointer;padding:1rem 2rem;transition:.5s}.header .nav-wrapper ul li:last-child a{color:#fff;letter-spacing:.075rem;text-decoration:none}.header .nav-wrapper ul li:last-child:hover{background-color:initial}.header .nav-wrapper ul li:last-child:hover a{color:#444d54;color:var(--btn-bg);font-weight:800}.header .nav-wrapper ul li:last-child a{font-size:1.6rem}.header .mobile-nav{align-items:center;background-color:rgba(32,32,32,.952);bottom:0;display:flex;display:none;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;right:auto;top:0;width:100%}.header .mobile-nav i{bottom:0;color:#fff;cursor:pointer;font-size:5rem;font-size:var(--fs-md);left:auto;margin:4rem;position:absolute;right:auto;top:0}.header .mobile-nav .mobile-link ul{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:center;list-style:none}.header .mobile-nav .mobile-link li a{color:#fff;font-size:5rem;font-size:var(--fs-md);letter-spacing:.4rem;text-decoration:none}@media screen and (max-width:1440px){.header{width:80%}}@media screen and (max-width:880px){.header{width:95%}}@media screen and (max-width:650px){.header .logo p{font-size:4rem}.header .nav-wrapper{display:none}.header i{display:flex}}.wrapper-1{margin:12rem auto auto;position:relative;width:100%}.wrapper-1 .left-shadow{bottom:auto;box-shadow:0 0 107px 25px #7c859c;box-shadow:0 0 107px 25px var(--shadow-cl);height:30rem;left:0;position:absolute;right:auto;top:10rem}.hero-banner-wrapper{align-items:center;flex-direction:row;margin:auto;width:80%}.hero-banner-wrapper,.left-section{display:flex;justify-content:space-between}.left-section{align-items:flex-start;flex-direction:column;gap:2.6rem;letter-spacing:.1rem}.left-section p:first-child,.left-section p:nth-child(2){color:#637471;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5.5rem;font-size:var(--fs-lg);font-weight:600}.left-section p:nth-child(2){color:#444d54;color:var(--primary-cl);font-size:7.5rem;font-size:var(--fs-xl)}.left-section p:nth-child(3){color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);line-height:3rem;line-height:var(--lh-md);text-align:center;width:80%}.left-section .hero-btn-wrapper{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:flex-start}.left-section .hero-btn-wrapper button{background-color:#444d54;background-color:var(--btn-bg);border:1px solid #444d54;border:1px solid var(--btn-bg);border-radius:.5rem;box-shadow:0 6px 17px 0 #7c859c;box-shadow:0 6px 17px 0 var(--shadow-cl);cursor:pointer;font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);margin-top:2rem;padding:1rem 2rem;transition:.5s}.left-section .hero-btn-wrapper button a{color:#fff;letter-spacing:.075rem;text-decoration:none}.left-section .hero-btn-wrapper button:hover{background-color:initial}.left-section .hero-btn-wrapper button:hover a{color:#444d54;color:var(--btn-bg);font-weight:800}.right-section{transition:all .5s ease-in-out}.right-section img{width:45rem}.right-section .hero-icons{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:flex-end;margin-top:2rem}.right-section .hero-icons a{color:#444d54;color:var(--primary-cl);font-size:3rem}@media screen and (max-width:1050px){.right-section img{width:35rem}}@media screen and (max-width:880px){.hero-banner-wrapper{width:95%}}@media screen and (max-width:760px){.hero-banner-wrapper{flex-direction:column;gap:9rem;margin-top:15rem}.hero-banner-wrapper .left-section{align-items:center;text-align:center}}.container-2{margin:12rem auto auto;position:relative;transition:all .5s ease-in-out;width:100%}.about-wrapper{background-color:hsla(180,5%,96%,.561);border-radius:1rem;box-shadow:0 0 10px 0 hsla(0,1%,60%,.205);flex-direction:row;height:65rem;margin:auto;overflow:hidden;width:90%}.about-wrapper,.about-wrapper .left-section{align-items:center;display:flex;justify-content:space-between}.about-wrapper .left-section{flex-direction:column;gap:3rem;margin-left:6rem}.about-wrapper .left-section img{width:45rem}.about-wrapper .right-section{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:1rem}.about-wrapper .right-section p:first-child{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;left:0;letter-spacing:.1rem;margin-bottom:.5rem;margin-top:1rem;position:relative;text-align:center}.about-wrapper .right-section-2{background-color:hsla(0,0%,61%,.288);border-radius:.7rem;border-bottom-left-radius:0;border-top-left-radius:0;box-shadow:0 0 15px 0 hsla(240,6%,54%,.288);color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:1.6rem;font-size:var(--fs-xs);font-size:2rem;font-size:var(--fs-sm);font-weight:500;height:100%;letter-spacing:.025rem;line-height:3.5rem;line-height:var(--lh-lg);overflow:hidden;padding:2rem;position:relative;text-align:center;width:80%}.about-wrapper .right-section-2 .bottom-shadow,.about-wrapper .right-section-2 .top-shadow{box-shadow:0 0 107px 39px #7c859c;box-shadow:0 0 107px 39px var(--shadow-cl);left:0;position:absolute}.about-wrapper .right-section-2 .bottom-shadow{bottom:0;left:auto;right:0}@media screen and (max-width:1080px){.about-wrapper .left-section{margin-left:2rem}.about-wrapper .left-section img{width:35rem}}@media screen and (max-width:918px){.about-wrapper .right-section-2{width:95%}}@media screen and (max-width:880px){.about-wrapper{height:56rem;width:95%}}@media screen and (max-width:760px){.about-wrapper{flex-direction:column;flex-direction:column-reverse;height:auto;padding:1rem;width:95%}.about-wrapper .left-section{margin-left:0;margin-top:5rem}.about-wrapper .right-section{text-align:center;width:100%}}.container-3{margin:12rem auto auto;position:relative;transition:all 1s ease-in-out;width:100%}.container-3 .right-shadow{bottom:0;box-shadow:0 0 144px 28px #7c859c;box-shadow:0 0 144px 28px var(--shadow-cl);height:4rem;left:auto;position:absolute;right:0;top:auto;width:0}.skill-wrapper{align-items:center;background-color:rgba(242,244,245,.741);border-radius:1rem;box-shadow:0 0 10px 0 hsla(0,0%,83%,.288);display:flex;flex-direction:row;gap:7rem;justify-content:space-between;margin:auto;overflow:hidden;padding:6rem 4rem;position:relative;width:90%}.skill-wrapper .left-section{flex-wrap:wrap}.skill-wrapper .left-section,.skill-wrapper .left-section .skill-icon{align-items:center;display:flex;flex-direction:row;justify-content:center}.skill-wrapper .left-section .skill-icon{border-radius:50%;box-shadow:inset 0 0 4px;height:100px;overflow:hidden;position:relative;width:100px}.skill-wrapper .left-section .skill-icon:after{-webkit-animation:border-rotate 2s linear infinite;animation:border-rotate 2s linear infinite;background-image:conic-gradient(#f0eeee 100deg,transparent 180deg);border-radius:50%;content:"";height:100%;position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg);width:140%}.skill-wrapper .left-section .skill-icon:before{align-items:center;background-color:#ecf0f3;background-color:var(--main-bg);border-radius:50%;box-shadow:0 0 4px var(--shadow-color);color:#2e2d2d;color:var(--text-cl);content:"JS";display:flex;flex-direction:row;font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);height:90%;justify-content:center;position:absolute;text-align:center;width:90%;z-index:2}.skill-wrapper .left-section .skill-icon:nth-child(2):before{-webkit-animation-delay:.4s;animation-delay:.4s;content:"React"}.skill-wrapper .left-section .skill-icon:nth-child(3):before{-webkit-animation-delay:.7s;animation-delay:.7s;content:"Tailwind"}.skill-wrapper .left-section .skill-icon:nth-child(4):before{-webkit-animation-delay:.8s;animation-delay:.8s;content:"TS";font-size:1.6rem}.skill-wrapper .left-section .skill-icon:nth-child(5):before{content:"Git"}.skill-wrapper .left-section .skill-icon:nth-child(6):before{-webkit-animation-delay:.1s;animation-delay:.1s;content:"Scss"}@-webkit-keyframes border-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes border-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.skill-wrapper .right-section{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:center;width:80%}.skill-wrapper .right-section .heading{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;text-align:center}.skill-wrapper .right-section .skills-info{color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);line-height:3.5rem;line-height:var(--lh-lg);text-align:center}.skill-wrapper .left-shadow{bottom:auto;box-shadow:0 0 107px 27px #7c859c;box-shadow:0 0 107px 27px var(--shadow-cl);height:30rem;left:0;position:absolute;right:auto;top:3rem;width:0}@media screen and (max-width:880px){.skill-wrapper{width:95%}}@media screen and (max-width:760px){.skill-wrapper{flex-direction:column-reverse;gap:9rem;padding:6rem 2rem}.skill-wrapper .left-section{gap:5rem;width:70%}.skill-wrapper .right-section{align-items:center;text-align:center}}@media screen and (max-width:600px){.skill-wrapper .left-section{gap:5rem;width:100%}.skill-wrapper .left-section .skill-icon{height:70px;width:70px}.skill-wrapper .right-section{align-items:center;text-align:center}}.container-4{background-color:#444d54;background-color:var(--primary-cl);margin:12rem auto auto;position:relative;transition:all .5s ease-in-out;width:100%}.process-wrapper{border-radius:1rem;gap:6rem;margin:auto;padding:4rem 0;width:90%}.process-wrapper,.process-wrapper .top-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.process-wrapper .top-section{gap:2rem}.process-wrapper .top-section p:first-child{color:#444d54;color:var(--primary-cl);color:#fff;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;text-align:center}.process-wrapper .top-section p:last-child{color:#2e2d2d;color:var(--text-cl);color:#fff;font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);line-height:3rem;line-height:var(--lh-md);text-align:center;width:80%}.process-wrapper .bottom-section{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:60%}.process-wrapper .bottom-section .image{position:relative;z-index:2}.process-wrapper .bottom-section .image img{width:30rem}.process-wrapper .image:first-child:before{border:2px dashed #fff;bottom:auto;content:"";height:0;left:auto;position:absolute;right:-242px;top:50%;width:38rem;z-index:-1}.process-wrapper .image:nth-child(2):after,.process-wrapper .image:nth-child(2):before{border:2px solid #fff;bottom:auto;content:"";height:0;left:-1rem;position:absolute;right:auto;top:49%;-webkit-transform:rotate(226deg);transform:rotate(226deg);width:1rem;z-index:-1}.process-wrapper .image:nth-child(2):after{top:52%;-webkit-transform:rotate(309deg);transform:rotate(309deg)}@media screen and (max-width:1050px){.process-wrapper .bottom-section{width:80%}}@media screen and (max-width:880px){.process-wrapper{width:95%}}@media screen and (max-width:760px){.process-wrapper .bottom-section .image img{width:25rem}}@media screen and (max-width:600px){.process-wrapper .bottom-section .image:first-child:before{right:-111px;width:18rem}.process-wrapper .bottom-section .image img{width:16rem}}.container-5{margin:12rem auto auto;position:relative;transition:all .5s ease-in-out;width:100%}.work-wrapper{gap:8rem;margin:auto;width:90%}.work-wrapper,.work-wrapper .top-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.work-wrapper .top-section{gap:2rem}.work-wrapper .top-section p:first-child{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;text-align:center}.work-wrapper .top-section p:last-child{color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);text-align:center}.work-wrapper .bottom-section{align-items:center;display:flex;flex-direction:column;gap:8rem;justify-content:center;width:100%}.work-wrapper .bottom-section .project{align-items:center;border-radius:1rem;box-shadow:0 0 10px 0 hsla(0,1%,66%,.753);display:flex;flex-direction:row;justify-content:space-between;overflow:hidden;position:relative;transition:-webkit-transform 1s ease-in-out;transition:transform 1s ease-in-out;transition:transform 1s ease-in-out,-webkit-transform 1s ease-in-out;width:100%}.work-wrapper .bottom-section .project .project-images{margin:1rem;position:relative;width:inherit;z-index:2}.work-wrapper .bottom-section .project .project-images img{border-radius:.3rem;height:100%;object-fit:cover;width:100%}.work-wrapper .bottom-section .project .project-images .project-img2{left:22rem;position:absolute;top:9rem}.work-wrapper .bottom-section .project .project-info{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:space-between;width:100%}.work-wrapper .bottom-section .project .project-info p:first-child{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-size:4rem;font-weight:800;letter-spacing:.1rem;text-align:center}.work-wrapper .bottom-section .project .project-info p:nth-child(2){color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);line-height:3rem;line-height:var(--lh-md);text-align:center;text-align:inherit}.work-wrapper .bottom-section .project .project-info .project-buttons{align-items:flex-start;display:flex;flex-direction:row;gap:3rem;justify-content:space-between;margin-top:2rem}.work-wrapper .bottom-section .project .project-info .button{background-color:#444d54;background-color:var(--btn-bg);border:1px solid #444d54;border:1px solid var(--btn-bg);border-radius:.5rem;cursor:pointer;font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:1.6rem;font-size:var(--fs-xs);padding:1rem 2rem;transition:.5s}.work-wrapper .bottom-section .project .project-info .button a{color:#fff;letter-spacing:.075rem;text-decoration:none}.work-wrapper .bottom-section .project .project-info .button:hover{background-color:initial}.work-wrapper .bottom-section .project .project-info .button:hover a{color:#444d54;color:var(--btn-bg);font-weight:800}.work-wrapper .bottom-section .project .project-info .button i{margin:0 1rem}.work-wrapper .bottom-section .project:first-child:after,.work-wrapper .bottom-section .project:first-child:before,.work-wrapper .bottom-section .project:nth-child(2):after,.work-wrapper .bottom-section .project:nth-child(2):before,.work-wrapper .bottom-section .project:nth-child(3):after,.work-wrapper .bottom-section .project:nth-child(3):before,.work-wrapper .bottom-section .project:nth-child(4):after,.work-wrapper .bottom-section .project:nth-child(4):before{background-image:url(/static/media/tmSS.dd16b2fdb57fd58c5772.png);background-position:50%;background-size:cover;bottom:auto;content:"";height:131%;left:-4rem;opacity:.3;position:absolute;right:auto;top:-53px;-webkit-transform:rotate(346deg);transform:rotate(346deg);width:56rem;z-index:-1}.work-wrapper .bottom-section .project:first-child:before,.work-wrapper .bottom-section .project:nth-child(2):before,.work-wrapper .bottom-section .project:nth-child(3):before,.work-wrapper .bottom-section .project:nth-child(4):before{background-image:url(/static/media/tmSS.dd16b2fdb57fd58c5772.png);left:auto;right:-127px;-webkit-transform:rotate(9deg);transform:rotate(9deg)}.work-wrapper .bottom-section .project:nth-child(2):before{background-image:url(/static/media/sgSS.42aec5bee18ed8943ffd.png)}.work-wrapper .bottom-section .project:nth-child(3):before{background-image:url(/static/media/ytSS.71301aebbf3d0251abaf.png)}.work-wrapper .bottom-section .project:nth-child(4):before{background-image:url(/static/media/ex1.cffe04b82515dbcf98f1.png)}@media screen and (max-width:1250px){.work-wrapper .bottom-section .project .project-info{padding-right:1rem;width:90%}}@media screen and (max-width:1050px){.work-wrapper .bottom-section .project .project-info{width:100%}}@media screen and (max-width:880px){.work-wrapper{width:95%}}@media screen and (max-width:760px){.work-wrapper .bottom-section .project{flex-direction:column;gap:3rem;padding:3rem 0}.work-wrapper .bottom-section .project .project-info{align-items:center;text-align:center;width:80%}}@media screen and (max-width:600px){.work-wrapper .bottom-section .project:first-child:before,.work-wrapper .bottom-section .project:nth-child(2):before,.work-wrapper .bottom-section .project:nth-child(3):before,.work-wrapper .bottom-section .project:nth-child(4):before{display:none}.work-wrapper .bottom-section .project .project-info{align-items:center;text-align:center;width:80%}}.container-6{margin:12rem auto 10rem;position:relative;transition:all .5s ease-in-out;width:100%}.contact-wrapper{align-items:center;display:flex;flex-direction:column;gap:5rem;justify-content:space-between;margin:auto;width:80%}.contact-wrapper .top-section{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;text-align:center}.contact-wrapper .email-confirmation-message{color:#444d54;color:var(--primary-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2.5rem;line-height:3.5rem;line-height:var(--lh-lg);text-align:center}.contact-wrapper .middle-section{width:100%}.contact-wrapper .middle-section form{align-items:center;display:flex;flex-direction:column;gap:3rem;justify-content:space-between}.contact-wrapper .middle-section form input,.contact-wrapper .middle-section form textarea{background:transparent;border:none;border-radius:.5rem;box-shadow:0 0 10px 0 rgba(58,55,55,.164);color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;height:6rem;padding-left:1.5rem;padding-top:1rem;transition:.5s;width:50rem}.contact-wrapper .middle-section form input:hover,.contact-wrapper .middle-section form textarea:hover{box-shadow:0 0 10px 0 hsla(0,0%,50%,.849)}.contact-wrapper .middle-section form input:focus,.contact-wrapper .middle-section form textarea:focus{border:1px solid #444d54;border:1px solid var(--primary-cl);box-shadow:none;outline:none}.contact-wrapper .middle-section form textarea{height:20rem;resize:none}.contact-wrapper .middle-section form button{background-color:#444d54;background-color:var(--primary-cl);border:2px solid #444d54;border:2px solid var(--primary-cl);border-radius:.5rem;color:#fff;cursor:pointer;font-size:2rem;letter-spacing:.1rem;margin-top:1rem;padding:1rem 4rem;transition:.5s}.contact-wrapper .middle-section form button:hover{background-color:initial;color:#444d54;color:var(--primary-cl)}.contact-wrapper .bottom-section{margin-top:2rem;width:100%}.contact-wrapper .bottom-section,.contact-wrapper .bottom-section .gmail{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.contact-wrapper .bottom-section .gmail{gap:1rem}.contact-wrapper .bottom-section .gmail p{font-size:2rem;font-size:var(--fs-sm)}.contact-wrapper .bottom-section .contact-icons{align-items:center;display:flex;flex-direction:row;gap:3rem;justify-content:space-between}.contact-wrapper .bottom-section i{color:#444d54;color:var(--primary-cl);cursor:pointer;font-size:3rem;text-shadow:0 0 7px #979797;transition:.5s ease-in}.contact-wrapper .bottom-section i:hover{text-shadow:none}.login{box-shadow:0 0 10px 0 rgba(58,55,55,.164);padding-bottom:4rem;-webkit-transform:translateY(40%);transform:translateY(40%)}.login p{background-color:#444d54;background-color:var(--primary-cl);color:#444d54;color:var(--primary-cl);color:#fff;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;padding:1.5rem;text-align:center;width:100%}@media screen and (max-width:600px){.contact-wrapper{width:90%}.contact-wrapper .middle-section form input,.contact-wrapper .middle-section form textarea{width:100%}.contact-wrapper .bottom-section .contact-icons{gap:1rem}}@media screen and (max-width:400px){.contact-wrapper{width:90%}.contact-wrapper .bottom-section{flex-direction:column;gap:2rem}.contact-wrapper .bottom-section .contact-icons{gap:1rem;gap:4rem}}.error{align-items:center;display:flex;flex-direction:column;justify-content:center;-webkit-transform:translateY(50%);transform:translateY(50%)}.error p{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:5rem;font-size:var(--fs-md);font-weight:800;letter-spacing:.1rem;text-align:center}.markdown{align-items:flex-start;display:flex;flex-direction:row;gap:1rem;justify-content:center;min-height:100vh;position:relative;top:0;width:100%}.markdown .textarea-conatiner{background-color:#444d54;background-color:var(--primary-cl);border:1px solid;height:100%;padding:0 1rem;width:520px}.markdown .textarea-conatiner form{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:center}.markdown .textarea-conatiner label{color:#fff;font-size:2.5rem;margin-bottom:1rem}.markdown .textarea-conatiner #title{font-size:2rem;height:5rem;width:500px}.markdown .textarea-conatiner #body,.markdown .textarea-conatiner #summary{border-left:.6rem;font-size:2rem;height:100%;outline:none;resize:none;width:500px}.markdown .textarea-conatiner button{background-color:#08acd9;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1.8rem;margin-right:3rem;margin-top:1rem;padding:1rem 3rem}.markdown #body{min-height:100vh}.markdown #summary{min-height:10rem}.markdown .show-markdown{flex-grow:1;font-size:1.7rem;height:100%}.main-blog-wrapper{align-items:center;background-color:#444d54;background-color:var(--primary-cl);display:flex;flex-direction:column;gap:2rem;justify-content:center;padding-top:3rem;width:100%}.blog-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;width:90%}.blog-header a,.blog-header p{color:#fff;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:3rem}.blog-header a{font-size:1.6rem;font-size:var(--fs-xs);text-decoration:none}.blog-intro{align-items:center;background-color:#444d54;background-color:var(--primary-cl);color:#2e2d2d;color:var(--text-cl);color:#fff;display:flex;flex-direction:column;font-family:Merriweather,serif;font-family:var(--ff-primary);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem;font-size:var(--fs-sm);gap:3rem;height:400px;justify-content:center;line-height:3rem;line-height:var(--lh-md);text-align:center;width:80%}@media screen and (max-width:800px){.blog-intro h1{font-size:5rem;font-size:var(--fs-md);line-height:3.5rem;line-height:var(--lh-lg)}}.blog-list-container{align-items:center;background-color:#ecf0f3;background-color:var(--main-bg);display:flex;flex-direction:column;justify-content:center;width:100%}.blog-list-container .blog-list{align-items:center;border-radius:.5rem;box-shadow:0 6px 17px 1px #7c859c;box-shadow:0 6px 17px 1px var(--shadow-cl);cursor:pointer;display:flex;flex-direction:row;gap:1rem;justify-content:center;margin-top:2rem;padding:3rem 2rem;width:80%}.blog-list-container .blog-list .icons-container{align-items:center;display:flex;flex-direction:row;font-size:2rem;font-size:var(--fs-sm);gap:2rem;justify-content:center;margin-top:1rem}.blog-list-container .blog-list .icons-container .red{color:red}.blog-list-container .blog-list .icons-container .green{color:green}.blog-list-container .blog-list .title{color:#2e2d2d;color:var(--text-cl);font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:3rem;text-transform:capitalize}.blog-list-container .blog-list .body{color:#2e2d2d;color:var(--text-cl);font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:2rem}.blog-list-container .blog-list div{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;justify-content:center}@media screen and (max-width:800px){.blog-list-container .blog-list{padding:2rem 1rem;width:95%!important}}@media screen and (max-width:600px){.blog-list-container .blog-list,.blog-list-container .blog-list div{align-items:center;display:flex;flex-direction:column;justify-content:center}.blog-list-container .blog-list div .title{font-size:2rem;font-size:var(--fs-sm);text-align:center}.blog-list-container .blog-list div .body{font-size:1.6rem;font-size:var(--fs-xs);text-align:center}}.custom{background-color:rgba(0,0,0,.87)!important;border:2px solid #000!important;box-shadow:none!important;color:#fff!important;font-size:1.7rem!important;width:100%!important}.giscus{margin:auto;width:90%}.comment-section{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;width:100%}.comment-section textarea{height:10rem;margin:auto;width:60%}.comment-section button{background-color:#288cce;border:none;color:#fff;cursor:pointer;font-size:1.9rem;padding:1rem 3rem}.specific-blog-container{margin:auto;max-width:1440px}.specific-blog-header{background-color:#444d54;background-color:var(--primary-cl);color:#fff;padding:2rem 3rem}.specific-blog-header,.specific-blog-header p{align-items:center;display:flex;flex-direction:row;justify-content:space-between}.specific-blog-header p{font-size:3.2rem}.specific-blog-header div ul{align-items:center;display:flex;flex-direction:row;font-size:2rem;font-size:var(--fs-sm);gap:3rem;justify-content:space-between;list-style:none}.specific-blog-header div ul a{color:#fff;text-decoration:none}.specific-blog{align-items:inherit;flex-direction:column;font-size:2.3rem;margin:auto;width:80%}.specific-blog,.specific-blog p{display:flex;justify-content:center}.specific-blog p{align-items:center;font-size:2.3rem!important;line-height:3.5rem;line-height:var(--lh-lg)}.specific-blog h1{font-size:4.5rem}.specific-blog h2{font-size:3.9rem}.specific-blog h3{font-size:2.6rem}.specific-blog img{align-self:center}.specific-blog-icons-container{align-items:center;border-radius:.4rem;box-shadow:0 0 10px #7c859c;box-shadow:0 0 10px var(--shadow-cl);display:flex;flex-direction:row;font-size:3rem;gap:1rem;justify-content:center;margin:auto;padding:1rem 6rem;width:50px}.specific-blog-icons-container i{color:#444d54;color:var(--primary-cl);cursor:pointer}.specific-blog-icons-container .heat-red{color:#e00a0a}.specific-blog-icons-container p{margin-right:1rem}.about-author{flex-direction:column;margin:4rem auto auto;width:70%}.about-author,.about-author .col-1{align-items:center;display:flex;gap:2rem;justify-content:space-between}.about-author .col-1{flex-direction:row}.about-author .col-1 .autho-img{height:130px;width:130px}.about-author .col-1 .autho-img img{border-radius:50%;height:100%;object-fit:cover;width:100%}.about-author .col-1 .upper-text{color:#444d54;color:var(--primary-cl);font-family:Merriweather,serif;font-family:var(--ff-primary)}.about-author .col-1 .upper-text strong{font-size:1.3rem;font-weight:700}.about-author .col-1 .upper-text p{font-size:3rem}.about-author .col-2{font-family:Work Sans,sans-serif;font-family:var(--ff-secondary);font-size:1.9rem;line-height:3rem;line-height:var(--lh-md);margin-top:1rem;text-align:center}.about-author .col-2,.modal{color:#444d54;color:var(--primary-cl)}.modal{align-items:center;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-name:transformScale;animation-name:transformScale;background-color:#ecf0f3;background-color:var(--main-bg);border-radius:.4rem;box-shadow:0 0 10px 0 #7c859c;box-shadow:0 0 10px 0 var(--shadow-cl);display:flex;flex-direction:column;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:3rem;gap:2rem;justify-content:space-between;left:35%;opacity:1;padding:5rem;position:fixed;top:50%;-webkit-transform-origin:center;transform-origin:center}.modal .fa-linkedin,.modal .fa-twitter{color:#2626e7;cursor:pointer;margin-right:1rem;transition:.3s ease-in}.modal .fa-linkedin:hover,.modal .fa-twitter:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}@-webkit-keyframes transformScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes transformScale{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.specific-blog-footer{align-items:center;background-color:#444d54;background-color:var(--primary-cl);display:flex;flex-direction:row;justify-content:space-between;margin-top:3rem;padding:3rem 2rem;position:absolute;width:100%}.specific-blog-footer p{color:#fff;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:2rem}.specific-blog-footer .logo{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;justify-content:space-between}.specific-blog-footer .logo small{color:#fff;font-family:Merriweather,serif;font-family:var(--ff-primary);font-size:1rem}.specific-blog-footer .col-2{align-items:flex-start;display:flex;flex-direction:row;gap:5rem;justify-content:space-between}.specific-blog-footer .privacy-policy{align-items:flex-start;color:#fff;display:flex;flex-direction:column;font-size:2.4rem;gap:.5rem;justify-content:space-between}.specific-blog-footer .privacy-policy small{cursor:pointer}.specific-blog-footer .contact{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:space-between}.specific-blog-footer .contact i{color:#fff;font-size:3rem;margin-right:2rem}@media screen and (max-width:780px){.specific-blog img{width:90%}}*{box-sizing:border-box;margin:0;padding:0}:root{--main-bg:#ecf0f3;--btn-bg:#444d54;--primary-cl:#444d54;--text-cl:#2e2d2d;--shadow-cl:#7c859c;--fs-xl:7.5rem;--fs-lg:5.5rem;--fs-md:5rem;--fs-sm:2rem;--fs-xs:1.6rem;--lh-lg:3.5rem;--lh-md:3rem;--lh-xs:0.1rem;--ff-primary:"Merriweather",serif;--ff-secondary:"Work Sans",sans-serif}html{font-size:62.5%;scroll-behavior:smooth}body{background-color:#ecf0f3;background-color:var(--main-bg);margin-bottom:3rem;overflow-x:hidden}.main-wrapper{margin:auto;max-width:1440px;position:relative}@media screen and (max-width:1250px){html{font-size:52.5%}}@media screen and (max-width:1050px){:root{--fs-xl:6.5rem;--fs-lg:5rem}}@media screen and (max-width:880px){html{font-size:47.5%}:root{--fs-xl:5rem;--fs-lg:4rem;--fs-md:3.2rem;--fs-sm:1.8rem;--fs-xs:1.6rem;--lh-lg:3.5rem;--lh-md:3rem;--lh-xs:0.1rem}}
/*# sourceMappingURL=main.20298e6b.css.map*/