@import url("https://fonts.googleapis.com/css2?family=Zilla+Slab:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");*{box-sizing:border-box;background-color:#f5f5f5}*,body,html{margin:0;padding:0}body,html{width:100%;height:100%}.main-body{display:flex;flex-direction:column;padding:0 14px;min-height:100vh;gap:14px;justify-content:flex-start}main{flex:1 1}.hamburger-menu{display:none}.nav-bar,main{max-width:90%;margin:0 auto;width:100%}.nav-bar{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.nav-bar a{color:inherit;text-decoration:none}.nav-bar ul{list-style-type:none;display:flex;gap:70px}.menu__item,.nav-bar li{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:25px;cursor:pointer;color:#cb6ce6}.nav-bar li:hover,.option a.active p{-webkit-text-decoration:underline #cb6ce6;text-decoration:underline #cb6ce6;text-underline-offset:10px;text-decoration-thickness:3px}.nav-title{display:flex;flex-direction:column;align-items:center}.name{font-family:Zilla Slab,serif;font-weight:700;font-style:normal;font-size:44px;letter-spacing:20px;color:#373d3b;display:block}.home-page{margin-top:30px}.landing-page{display:flex;flex-direction:row;width:70%;margin:0 auto;justify-content:space-around;gap:60px}.profile-img-block{width:40%}.flower-svg{width:100%;height:auto;display:block}.about-me-block{width:60%}.about-me-block h1{font-family:Zilla Slab,serif;font-weight:600;font-style:normal;font-size:40px;letter-spacing:3px;color:#373d3b}.about-me-block p{margin-top:10px;font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px;color:#4d4b44}.contact-block{flex-direction:row;gap:15px;margin-top:10px}.contact-block,.name-job-title{display:flex;align-items:center}.name-job-title{flex-direction:column;justify-content:center;gap:6px}.name-job-title h1{margin-top:5px;font-family:Zilla Slab,serif;font-weight:600;font-style:normal;font-size:30px;letter-spacing:3px;color:#373d3b;text-align:center}.name-job-title p{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;color:#4d4b44;font-size:20px;text-align:center}.codepic-container{display:flex;justify-content:space-between;align-items:center}.postsContainer,.projectsContainer{display:flex;flex-direction:column;margin:30px auto 0;justify-content:center;border-radius:17px}.content-rect-card{padding:20px;display:flex;flex-direction:column;gap:15px;background-color:#fff;border-radius:17px}.post-title,.project-title{font-family:Spectral,serif;font-weight:500;font-style:normal;background-color:#fff;font-size:25px;color:#373d3b}.post-description,.project-description{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:15px;color:#7a8684;background-color:#fff}.post-category,.project-category{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#373d3b;padding:5px 10px;width:-moz-fit-content;width:fit-content;font-size:14px}.project-technology{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-size:13px;font-style:normal;font-variation-settings:"wdth" 100;color:#1787d7!important;background-color:#fff}.posts-page,.projects-page{width:50%;margin:0 auto}.category-btn{font-family:Work Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;padding:5px 10px;font-size:14px;color:#373d3b;background-color:rgba(210,153,245,.4);border:none!important;margin-right:12px;cursor:pointer}.unstyled{color:inherit;text-decoration:none;background-color:#fff}.hire-me-form{border:3px solid #000;display:flex;flex-direction:column;max-width:90%;width:100%;background-color:#e6e7e8;margin:20px auto 0}.first-rect-form{background-color:#1700d1;font-family:Courier Prime,monospace;font-weight:400;font-style:normal;font-size:27px;padding-left:10px;color:#fff;background-image:linear-gradient(90deg,#2644ca,#ec6ead);border:2px solid #000;margin:15px 15px 0;display:flex;align-items:center;flex:1 1}.form-container{background-color:#e6e7e8;display:flex;justify-content:space-between;align-items:stretch;margin:13px 15px;flex-wrap:wrap}.cat-container,form{flex:1 1;display:flex;flex-direction:column}form{margin:0 auto;padding:20px;display:flex;font-family:Source Code Pro,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:17px;color:#0b38ff;gap:15px}.hire-me-h2,form{background-color:#fff}.hire-me-h2{text-align:center;font-size:1.5rem;margin-bottom:10px}.form-div{display:flex;flex-direction:column}.form-div,label{background-color:#fff}label{font-weight:700;margin-bottom:5px}input,textarea{width:100%;padding:10px;border:1px solid #ccc;font-size:1rem;transition:border .3s ease-in-out;background-color:#fff;font-family:Source Code Pro,serif}input:focus,textarea:focus{border:1px solid #c4dffa;outline:none}textarea{min-height:120px;resize:vertical}.submitbutton{border:2px solid #000;background-color:#0b38ff;padding:13px 5px;font-family:Source Code Pro,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:14px;cursor:pointer;float:right;align-self:flex-end;box-sizing:border-box}.submitbutton-txt{background-color:#0b38ff;color:#fff;padding:5px 15px}.submitbutton-txt:hover{border:2px dotted #fff}.result-form{color:#fa1fa6;font-family:Source Code Pro,serif;font-optical-sizing:auto;font-weight:400;font-variation-settings:"wdth" 100;background-color:#fff}.article-container{padding:9px 11px 11px;width:70%;margin:0 auto}.markdown-content{padding:20px 28px;line-height:1.8}.markdown-content div{display:flex;flex-direction:column;gap:14px}.markdown-content div ul{list-style-position:inside}.markdown-content h1{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;border-bottom:2px solid #ccc;padding-bottom:10px;font-weight:400;font-size:30px}.markdown-content h1,.markdown-content h2,.markdown-content h3{font-family:Spectral,serif;font-weight:500;font-style:normal;color:#373d3b}.markdown-content h2{font-size:24px;margin-top:15px}.markdown-content h3{font-size:20px;margin-top:8px}.markdown-content li,.markdown-content p{font-family:Nunito,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-size:18px;color:#4d4b44}.markdown-content p{margin-bottom:8px;text-align:justify}.markdown-content li strong,.markdown-content p strong{font-weight:700}.markdown-content em{font-style:italic;color:#666}.markdown-content ol,.markdown-content ul{margin-left:20px;padding-left:20px;margin-bottom:16px}.markdown-content ul li{margin-bottom:5px;list-style-type:disc}.markdown-content ul ul li{list-style-type:circle;margin-top:5px}.markdown-content a{color:#007bff;text-decoration:none;cursor:pointer}.markdown-content a:hover{text-decoration:underline}.markdown-content img{height:auto}.markdown-content img,.markdown-content video{display:block;max-width:100%;margin:20px 0;border-radius:8px}footer{padding:25px 0;font-family:Merriweather,serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;width:100%;display:flex;justify-content:center;align-items:center;margin:auto auto 0;max-width:800px;color:#4d4b44}.heart-footer{height:15px;width:15px}@media (min-width:640px){.main-body{padding:0 24px;gap:24px}.postsContainer,.projectsContainer{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}@media (min-width:320px) and (max-width:1000px){.main-body{padding:24px;gap:24px}.options{display:none!important;border:1px solid #000}.hamburger-menu{display:block}.contact-block img{width:40px;height:40px}.pixel-arrow{height:30px}.codepic-container{flex-direction:column;justify-content:flex-start;align-items:flex-start}.intro-window{width:100%}.third-rect p{font-size:30px}.profile-pic-container{display:none}.code-block,.introduction{width:100%}.intro-line{font-size:25px;margin-top:0}.intro-para{font-size:18px}.page-heading{font-size:58px}.postsContainer,.projectsContainer{grid-template-columns:1fr;gap:24px}.postCategories,.projectCategories{display:flex}.post-title,.project-title{font-size:37px}.post-description,.project-description{font-size:22px}.project-technology{font-size:17px;color:#1787d7!important}.close-min-buttons{display:none}.article-first-rect{margin-bottom:10px}.cat-container{display:None}.hire-me-form{gap:10px}.submitbutton,input,textarea{font-size:17px}form{width:100%}.hire-me-button{position:relative;box-shadow:0 0 0 #fec1958c;transition:all .3s ease-in-out}.article-heading{font-size:19px}.article-second-rect-text{font-size:23px;padding:12px 0 10px 15px}.markdown-content{padding:20px}.markdown-content h1{font-size:35px}.markdown-content h1 img{height:45px;width:45px}.markdown-content h2{font-size:1.7rem}.markdown-content h3{font-size:1.3rem}.markdown-content li,.markdown-content p{font-size:16px}.markdown-content ol,.markdown-content ul{margin-left:0;padding-left:0;margin-bottom:16px}.markdown-content img{max-width:100%;height:auto}.markdown-content video{max-width:100%}#menu__toggle{opacity:0}#menu__toggle:checked~.menu__btn>span{transform:rotate(45deg)}#menu__toggle:checked~.menu__btn>span:before{top:0;transform:rotate(0)}#menu__toggle:checked~.menu__btn>span:after{top:0;transform:rotate(90deg)}#menu__toggle:checked~.menu__box{visibility:visible;right:0}.menu__btn{display:flex;align-items:center;position:absolute;top:50px;right:60px;width:26px;height:26px;cursor:pointer;z-index:1000;background-color:#fdf5f0}.menu__btn>span,.menu__btn>span:after,.menu__btn>span:before{display:block;position:absolute;width:100%;height:2px;background-color:#616161;transition-duration:.25s}.menu__btn>span:before{content:"";top:-8px}.menu__btn>span:after{content:"";top:8px}.menu__box{display:flex;flex-direction:column;position:fixed;visibility:hidden;top:0;right:-100%;width:100%;height:100%;margin:0;padding:80px 0;list-style:none;z-index:500}.menu__box,.menu__item{transition-duration:.25s}.menu__item{display:block;padding:12px 24px}.menu__item:hover{cursor:pointer;transform:scale(1.1);color:#ea738d}}