{"_id":"606794287f07b6328b5ddc32","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false},"views":{"today":124,"thisWeek":832,"lastWeek":1245,"thisMonth":3506,"allTime":36515},"numFollowers":0,"badgePageEnabled":false,"newsletterEnabled":true,"audioBlogEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1677283200":129,"1677369600":99,"1677456000":97,"1677542400":141,"1677628800":111,"1677715200":114,"1677801600":137,"1677888000":134,"1677974400":95,"1678060800":122,"1678147200":101,"1678233600":101,"1678320000":96,"1678406400":77,"1678492800":90,"1678579200":249,"1678665600":176,"1678752000":146,"1678838400":120,"1678924800":110,"1679011200":229,"1679097600":125,"1679184000":104,"1679270400":131,"1679356800":128,"1679443200":97,"1679529600":123,"1679616000":108,"1679702400":16},"viewCountVisible":false,"readTimeHidden":false,"customCSSEnabled":true,"domainChecklistSkipped":true,"author":{"_id":"606793e943f7713266914813","socialMedia":{"twitter":"https://twitter.com/timonwa_","instagram":"https://instagram.com/timonwa_codes","github":"https://github.com/timonwa","stackoverflow":"","facebook":"","website":"https://link.timonwa.com","linkedin":"https://linkedin.com/in/timonwa","youtube":""},"location":"Lagos, Nigeria","isBanned":false,"isDeactivated":false,"numFollowers":95,"numFollowing":21,"storiesCreated":[],"totalUpvotesReceived":0,"tagManagerOf":[],"isEvangelist":false,"isAmbassador":true,"hasGoldRing":true,"name":"Timonwa Akintokun","username":"Timonwa","tagline":"Frontend Developer | Technical Writer | CSS Lover | Javascript | ReactJs | OS Enthusiast","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1675469430276/7DAKSW4_D.jpg","dateJoined":"2021-04-02T22:00:09.379Z","publicationDomain":"blog.timonwa.com","bio":"

Hi there, I'm Timonwa!\nI write notes on web development that help developers have an easier learning journey.

\n","numReactions":820,"coverImage":"","numPosts":15,"numSeries":7},"isActive":true,"username":"timonwa","domain":"blog.timonwa.com","urlPattern":"simple","title":"Timonwa's Notes","links":{"twitter":"https://twitter.com/timonwa_","instagram":"https://instagram.com/timonwa_codes","github":"https://github.com/timonwa","website":"https://timonwa.com","hashnode":"https://hashnode.com/@Timonwa","youtube":"","dailydev":"https://app.daily.dev/timonwa","linkedin":"https://linkedin.com/in/timonwa","mastodon":""},"customRules":[],"menu":[{"priority":5,"_id":"623069b538e0a0d99d331287","type":"page","label":"About Me","page":{"_id":"61e880746f4d6f431978f27a","isHidden":false,"priority":0,"title":"About Me","endpoint":"about"}},{"priority":1,"_id":"624c49834b4dde0dc0becd92","type":"link","label":"Useful Links","url":"https://link.timonwa.com"},{"priority":0,"_id":"623069ca38e0a0d99d331297","type":"link","label":"Poetry","url":"https://diary.timonwa.com"}],"__v":0,"favicon":"https://cdn.hashnode.com/res/hashnode/image/upload/v1639824979547/D3MUX3zyp.png","headerColor":"#ffdfba","layout":"magazine","logo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666978989889/4OtfRZApS.png","imprint":"

This blog is featured on Tech Blogs

Tech Roadmap provides you with guides, articles, and useful resources to help you choose a career path, start your journey, and grow in tech.

Learn about Crypto in the simplest of terms with Breach.

\nConnect with me on\n

GitHub | Twitter | LinkedIn | Instagram.

\n","imprintMarkdown":"This blog is featured on [Tech Blogs](https://tech-blogs.dev/)\n\n[Tech Roadmap](https://careerroadmap.tech/) provides you with guides, articles, and useful resources to help you choose a career path, start your journey, and grow in tech.\n\nLearn about [Crypto](https://breach.club?refid=61fe1790ab9386a36ebda465) in the simplest of terms with [Breach](https://breach.club?refid=61fe1790ab9386a36ebda465).\n\n## Connect with me on\n[GitHub](https://github.com/timonwa) | [Twitter](https://twitter.com/timonwa_) | [LinkedIn](https://linkedIn.com/in/timonwa) | [Instagram](https://instagram.com/timonwa_codes).","meta":"I am a front-end engineer and technical writer who excels at development and communication. I love learning and sharing knowledge and constantly seek new opportunities to grow and share my experience.","metaHTML":"

I am a front-end engineer and technical writer who excels at development and communication. I love learning and sharing knowledge and constantly seek new opportunities to grow and share my experience.

\n","fathomCustomDomain":"","fathomSiteID":"","fbPixelID":"","gaTrackingID":"UA-241548294-1","hotjarSiteID":"","matomoSiteID":null,"matomoURL":"","metaTags":"","wmPaymentPointer":"$ilp.uphold.com/kA6UWnfXwYNL","darkModeLogo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1666978992799/5WY-Mkz0x.png","hasBadges":true,"customCSSDraft":{"home":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-featured-area,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*subscribe section*/\r\n.css-12n6jp input{\r\n border-left-color: #ffdfba !important;\r\n}\r\n/*article card*/\r\n.blog-article-card-cover{\r\n border-color: #ddd !important;\r\n}\r\n.dark .blog-article-card-cover{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-article-card-brief,\r\n.dark .blog-article-card-author-strip,\r\n.dark .blog-article-card-author-name,\r\n.dark .blog-article-card-article-meta p a{\r\n color: #fefff0 !important;\r\n opacity: 0.9 !important;\r\n}\r\n/*author cntr*/\r\n.blog-author-container,\r\n {\r\n background: #ffdfba !important;\r\n color: #434141 !important;\r\n}\r\n.dark .blog-author-container {\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*load more btn*/\r\n.css-1vyhe0m .css-1fspc5w{\r\n color: #434141 !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w{\r\n color: #fefff0 !important;\r\n}\r\n.css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(255, 223, 186, 0.2) !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(254, 255, 240, 0.2) !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #babfff !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}","post":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/* sub title, published date and read*/\r\n.dark .css-1hesiyt,\r\n.dark .css-18u3njy a,\r\n.dark .css-18u3njy span {\r\n color: #fefff0 !important;\r\n opacity: 0.8 !important;\r\n}\r\n/* edit article btn*/\r\n.css-sijcwn {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-sijcwn {\r\n border-color: #babfff !important;\r\n}\r\n/*audio card*/\r\n.css-8931ii {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-8931ii {\r\n border-color: #babfff !important;\r\n}\r\n/*table of content card*/\r\n#toc .css-1i9mn82 {\r\n border-color: #babfff !important;\r\n}\r\n.dark #toc .css-1i9mn82{\r\n background-color: #565452 !important;\r\n}\r\n.dark #toc .css-ekakl5{\r\n background-color: #434141 !important;\r\n}\r\n.dark #toc .css-1i9mn82 *{\r\n color: rgba(254, 255, 240, 1) !important;\r\n}\r\n.dark .css-pburqd{\r\n color: #fefff0;\r\n}\r\n/*toc icon*/\r\n#toc .dark .css-yrpez1{\r\n color: #fefff0 !important;\r\n}\r\n/* toc list*/\r\n#toc ul{\r\nborder-color: #babfff !important;\r\n}\r\n/*normal list in article*/\r\nli{\r\n list-style-color: #babfff !important;\r\n}\r\n/*inline and block code*/\r\n.dark code{\r\n background-color: #333130 !important;\r\n color: #fefff0 !important;\r\n}\r\npre,\r\n.dark pre,\r\n.dark pre code{\r\n background-color: #1F1912 !important;\r\n}\r\n/*author details*/\r\n.css-bo75uk { \r\n border-color: #babfff !important;\r\n}\r\n.dark .css-bo75uk { \r\n border-color: #babfff !important;\r\n}\r\n/*reaction button*/\r\n.css-xjenta{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-xjenta{\r\n border-color: #babfff !important;\r\n color: #fefff0 !important;\r\n}\r\n/*tags*/\r\n.css-uvclsj a{ \r\n border: 3px solid #ffdfba !important;\r\n background-color: #fff !important;\r\n color: #332421 !important;\r\n}\r\n.dark .css-uvclsj a{ \r\n border: 3px solid #262323 !important;\r\n color: #fefff0 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*blog series*/\r\n.blog-series,\r\n.blog-series-heading,\r\n.blog-series-item {\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-series,\r\n.dark .blog-series-heading,\r\n.dark .blog-series-item {\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-series-heading h3{\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-series-heading p{\r\n color: #babfff !important;\r\n}\r\n.blog-series-item:last-child {\r\n border-color: transparent !important;\r\n}\r\n/*comment section title and btn*/\r\n.css-3q0lu9, .css-3q0lu9 button{\r\n border-color: #babfff !important;\r\n }\r\n.dark .css-3q0lu9, .dark .css-3q0lu9 button{\r\n border-color: #babfff !important;\r\n color: #fefff0 !important;\r\n }\r\n .dark .css-3q0lu9 button:hover{\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n }\r\n/*comments card, reply card, comment reaction btn and hr*/\r\n.css-1pse57o,.css-cv2um7, .css-1b8zdee, hr {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1pse57o,.dark .css-cv2um7, .dark .css-1b8zdee {\r\n background-color: #262323 !important;\r\n}\r\n/*comment reply*/\r\n.dark .css-cv2um7 {\r\n background-color: rgba(254, 255, 240, 0.05) !important;\r\n}\r\n.dark .css-12ny6xw a,\r\n.dark .css-h1xm4d {\r\n color: #fefff0 !important;\r\n opacity: 0.6 !important;\r\n}\r\n.dark .css-1ujlqvp,\r\n.dark .css-c60r6e,\r\n.dark .css-c60r6e,\r\n.dark .css-1b8zdee{\r\n border-color: #e5e7eb !important;\r\n color: #e5e7eb !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #babfff !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}","static":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-featured-area,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*subscribe section*/\r\n.css-12n6jp input{\r\n border-left-color: #ffdfba !important;\r\n}\r\n/*article card*/\r\n.blog-article-card-cover{\r\n border-color: #ddd !important;\r\n}\r\n.dark .blog-article-card-cover{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-article-card-brief,\r\n.dark .blog-article-card-author-strip,\r\n.dark .blog-article-card-author-name,\r\n.dark .blog-article-card-article-meta p a{\r\n color: #fefff0 !important;\r\n opacity: 0.9 !important;\r\n}\r\n/*author cntr*/\r\n.blog-author-container,\r\n {\r\n background: #ffdfba !important;\r\n color: #434141 !important;\r\n}\r\n.dark .blog-author-container {\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*load more btn*/\r\n.css-1vyhe0m .css-1fspc5w{\r\n color: #434141 !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w{\r\n color: #fefff0 !important;\r\n}\r\n.css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(255, 223, 186, 0.2) !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(254, 255, 240, 0.2) !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #ffefff0 !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #fefff0 !important;\r\n}","homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important}","postMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.dark .css-1hesiyt,.dark .css-18u3njy a,.dark .css-18u3njy span{color:#fefff0 !important;opacity:.8 !important}.css-sijcwn{border-color:#babfff !important}.dark .css-sijcwn{border-color:#babfff !important}.css-8931ii{border-color:#babfff !important}.dark .css-8931ii{border-color:#babfff !important}#toc .css-1i9mn82{border-color:#babfff !important}.dark #toc .css-1i9mn82{background-color:#565452 !important}.dark #toc .css-ekakl5{background-color:#434141 !important}.dark #toc .css-1i9mn82 *{color:rgba(254,255,240,1) !important}.dark .css-pburqd{color:#fefff0}#toc .dark .css-yrpez1{color:#fefff0 !important}#toc ul{border-color:#babfff !important}li{list-style-color:#babfff !important}.dark code{background-color:#333130 !important;color:#fefff0 !important}pre,.dark pre,.dark pre code{background-color:#1f1912 !important}.css-bo75uk{border-color:#babfff !important}.dark .css-bo75uk{border-color:#babfff !important}.css-xjenta{border-color:#babfff !important}.dark .css-xjenta{border-color:#babfff !important;color:#fefff0 !important}.css-uvclsj a{border:3px solid #ffdfba !important;background-color:#fff !important;color:#332421 !important}.dark .css-uvclsj a{border:3px solid #262323 !important;color:#fefff0 !important;background-color:rgba(254,255,240,0.1) !important}.blog-series,.blog-series-heading,.blog-series-item{border-color:#babfff !important}.dark .blog-series,.dark .blog-series-heading,.dark .blog-series-item{border-color:#babfff !important}.dark .blog-series-heading h3{color:#fefff0 !important}.dark .blog-series-heading p{color:#babfff !important}.blog-series-item:last-child{border-color:transparent !important}.css-3q0lu9,.css-3q0lu9 button{border-color:#babfff !important}.dark .css-3q0lu9,.dark .css-3q0lu9 button{border-color:#babfff !important;color:#fefff0 !important}.dark .css-3q0lu9 button:hover{background-color:rgba(254,255,240,0.1) !important}.css-1pse57o,.css-cv2um7,.css-1b8zdee,hr{border-color:#babfff !important}.dark .css-1pse57o,.dark .css-cv2um7,.dark .css-1b8zdee{background-color:#262323 !important}.dark .css-cv2um7{background-color:rgba(254,255,240,0.05) !important}.dark .css-12ny6xw a,.dark .css-h1xm4d{color:#fefff0 !important;opacity:.6 !important}.dark .css-1ujlqvp,.dark .css-c60r6e,.dark .css-c60r6e,.dark .css-1b8zdee{border-color:#e5e7eb !important;color:#e5e7eb !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important}","staticMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#fefff0 !important}.dark .blog-impressum{border-color:#ffefff0 !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#fefff0 !important}.dark .css-1jvy7lu{border-color:#fefff0 !important}"},"description":"Timonwa writes technical articles on frontend development that help other developers have an easier learning journey. This includes beginner-friendly tutorials, experiences, opinions and more.","displayTitle":"Timonwa's Notes | Web Development","ogImage":"https://cdn.hashnode.com/res/hashnode/image/upload/v1664792074737/0bctAMciP.png","darkModeEnabled":false,"isEligibleFor2021EoyReview":true,"pageViews2021":2854,"domainStatus":{"certIssued":true,"ready":true},"domainUpdatedOn":"2022-01-13T20:44:47.832Z","umamiWebsiteUUID":"e5e5036d-144b-40e2-a081-d273bdca5b9a","umamiDataImported":true,"audioBlogVoiceType":"female","customCSSPublished":{"home":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-featured-area,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*subscribe section*/\r\n.css-12n6jp input{\r\n border-left-color: #ffdfba !important;\r\n}\r\n/*article card*/\r\n.blog-article-card-cover{\r\n border-color: #ddd !important;\r\n}\r\n.dark .blog-article-card-cover{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-article-card-brief,\r\n.dark .blog-article-card-author-strip,\r\n.dark .blog-article-card-author-name,\r\n.dark .blog-article-card-article-meta p a{\r\n color: #fefff0 !important;\r\n opacity: 0.9 !important;\r\n}\r\n/*author cntr*/\r\n.blog-author-container,\r\n {\r\n background: #ffdfba !important;\r\n color: #434141 !important;\r\n}\r\n.dark .blog-author-container {\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*load more btn*/\r\n.css-1vyhe0m .css-1fspc5w{\r\n color: #434141 !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w{\r\n color: #fefff0 !important;\r\n}\r\n.css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(255, 223, 186, 0.2) !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(254, 255, 240, 0.2) !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #babfff !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}","post":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/* sub title, published date and read*/\r\n.dark .css-1hesiyt,\r\n.dark .css-18u3njy a,\r\n.dark .css-18u3njy span {\r\n color: #fefff0 !important;\r\n opacity: 0.8 !important;\r\n}\r\n/* edit article btn*/\r\n.css-sijcwn {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-sijcwn {\r\n border-color: #babfff !important;\r\n}\r\n/*audio card*/\r\n.css-8931ii {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-8931ii {\r\n border-color: #babfff !important;\r\n}\r\n/*table of content card*/\r\n#toc .css-1i9mn82 {\r\n border-color: #babfff !important;\r\n}\r\n.dark #toc .css-1i9mn82{\r\n background-color: #565452 !important;\r\n}\r\n.dark #toc .css-ekakl5{\r\n background-color: #434141 !important;\r\n}\r\n.dark #toc .css-1i9mn82 *{\r\n color: rgba(254, 255, 240, 1) !important;\r\n}\r\n.dark .css-pburqd{\r\n color: #fefff0;\r\n}\r\n/*toc icon*/\r\n#toc .dark .css-yrpez1{\r\n color: #fefff0 !important;\r\n}\r\n/* toc list*/\r\n#toc ul{\r\nborder-color: #babfff !important;\r\n}\r\n/*normal list in article*/\r\nli{\r\n list-style-color: #babfff !important;\r\n}\r\n/*inline and block code*/\r\n.dark code{\r\n background-color: #333130 !important;\r\n color: #fefff0 !important;\r\n}\r\npre,\r\n.dark pre,\r\n.dark pre code{\r\n background-color: #1F1912 !important;\r\n}\r\n/*author details*/\r\n.css-bo75uk { \r\n border-color: #babfff !important;\r\n}\r\n.dark .css-bo75uk { \r\n border-color: #babfff !important;\r\n}\r\n/*reaction button*/\r\n.css-xjenta{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-xjenta{\r\n border-color: #babfff !important;\r\n color: #fefff0 !important;\r\n}\r\n/*tags*/\r\n.css-uvclsj a{ \r\n border: 3px solid #ffdfba !important;\r\n background-color: #fff !important;\r\n color: #332421 !important;\r\n}\r\n.dark .css-uvclsj a{ \r\n border: 3px solid #262323 !important;\r\n color: #fefff0 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*blog series*/\r\n.blog-series,\r\n.blog-series-heading,\r\n.blog-series-item {\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-series,\r\n.dark .blog-series-heading,\r\n.dark .blog-series-item {\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-series-heading h3{\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-series-heading p{\r\n color: #babfff !important;\r\n}\r\n.blog-series-item:last-child {\r\n border-color: transparent !important;\r\n}\r\n/*comment section title and btn*/\r\n.css-3q0lu9, .css-3q0lu9 button{\r\n border-color: #babfff !important;\r\n }\r\n.dark .css-3q0lu9, .dark .css-3q0lu9 button{\r\n border-color: #babfff !important;\r\n color: #fefff0 !important;\r\n }\r\n .dark .css-3q0lu9 button:hover{\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n }\r\n/*comments card, reply card, comment reaction btn and hr*/\r\n.css-1pse57o,.css-cv2um7, .css-1b8zdee, hr {\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1pse57o,.dark .css-cv2um7, .dark .css-1b8zdee {\r\n background-color: #262323 !important;\r\n}\r\n/*comment reply*/\r\n.dark .css-cv2um7 {\r\n background-color: rgba(254, 255, 240, 0.05) !important;\r\n}\r\n.dark .css-12ny6xw a,\r\n.dark .css-h1xm4d {\r\n color: #fefff0 !important;\r\n opacity: 0.6 !important;\r\n}\r\n.dark .css-1ujlqvp,\r\n.dark .css-c60r6e,\r\n.dark .css-c60r6e,\r\n.dark .css-1b8zdee{\r\n border-color: #e5e7eb !important;\r\n color: #e5e7eb !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #babfff !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #babfff !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #babfff !important;\r\n}","static":"/*header*/\r\n.blog-header {\r\n background-color: #ffdfba !important;\r\n}\r\n.dark .blog-header {\r\n background-color: #262323 !important;\r\n}\r\n.dark .blog-header * {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n background-color: #262323 !important;\r\n}\r\n/*navbar toggle*/\r\n.dark .css-37nvso button {\r\n color: #fefff0 !important;\r\n}\r\n/*sidebar*/\r\n.dark .css-1vqe7h8{\r\n background-color: #262323 !important;\r\n}\r\n/* search btn icon*/\r\n.blog-header .container button.blog-search-button {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-search-button:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*theme switcher icon*/\r\n.blog-header .container button.blog-theme-switcher {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container button.blog-theme-switcher:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*settings icon*/\r\n.blog-header .container a.blog-settings {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings {\r\n color: #fefff0 !important;\r\n}\r\n.dark .blog-header .container a.blog-settings:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*nav bar*/\r\n.blog-nav {\r\n color: #434141 !important;\r\n}\r\n.dark .blog-nav {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-nav:hover {\r\n opacity: 1 !important;\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n.dark .blog-nav-active {\r\n color: #fefff0 !important;\r\n}\r\n/*social icons*/\r\n.blog-social-media-section a{\r\n color: #434141 !important;\r\n}\r\n.dark .blog-social-media-section a {\r\n color: #fefff0 !important;\r\n opacity: 0.7 !important;\r\n}\r\n.dark .blog-social-media-section a:hover {\r\n background-color: rgba(254, 255, 240, 0.1) !important;\r\n}\r\n/*tooltip*/\r\n.tooltip-handle:hover::after{\r\n background-color: #636262 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*body*/\r\n.css-1jyyrtb,\r\n.css-2j2uz3,\r\n.blog-body,\r\n.blog-featured-area,\r\n.blog-content-area,\r\n.blog-article-area\r\n.blog-articles-area{\r\n background: #fefff0 !important;\r\n color: #434141 !important;\r\n}\r\n.dark .css-mjg0cr,\r\n.dark .css-1jyyrtb,\r\n.dark .css-2j2uz3,\r\n.dark .blog-body,\r\n.dark .blog-content-area,\r\n.dark .blog-featured-area,\r\n.dark .blog-articles-area,\r\n.dark .blog-page-area .css-1gce3bk{\r\n background: #434141 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*subscribe section*/\r\n.css-12n6jp input{\r\n border-left-color: #ffdfba !important;\r\n}\r\n/*article card*/\r\n.blog-article-card-cover{\r\n border-color: #ddd !important;\r\n}\r\n.dark .blog-article-card-cover{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-article-card-brief,\r\n.dark .blog-article-card-author-strip,\r\n.dark .blog-article-card-author-name,\r\n.dark .blog-article-card-article-meta p a{\r\n color: #fefff0 !important;\r\n opacity: 0.9 !important;\r\n}\r\n/*author cntr*/\r\n.blog-author-container,\r\n {\r\n background: #ffdfba !important;\r\n color: #434141 !important;\r\n}\r\n.dark .blog-author-container {\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*load more btn*/\r\n.css-1vyhe0m .css-1fspc5w{\r\n color: #434141 !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w{\r\n color: #fefff0 !important;\r\n}\r\n.css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(255, 223, 186, 0.2) !important;\r\n}\r\n.dark .css-1vyhe0m .css-1fspc5w:hover{\r\n background-color: rgba(254, 255, 240, 0.2) !important;\r\n}\r\n/*footer*/\r\n.blog-footer-area,\r\n.dark .blog-footer-area,\r\n.blog-footer-credits,\r\n.blog-footer-credits p,\r\n.blog-footer-credits a{\r\n background: #262323 !important;\r\n color: #fefff0 !important;\r\n}\r\n/*impressum in footer*/\r\n.blog-impressum{\r\n background: #434141 !important;\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .blog-impressum{\r\n border-color: #ffefff0 !important;\r\n}\r\n.css-12megap{\r\n color: rgba(254, 255, 240, 0.5) !important;\r\n}\r\n/* contents of impressum in footer*/\r\n.css-1pdlr3v,\r\n.blog-impressum p,\r\n.blog-impressum a{\r\n color: #fefff0 !important;\r\n}\r\n/*powerd by hashnode button in footer*/\r\n.css-1jvy7lu{\r\n border-color: #fefff0 !important;\r\n}\r\n.dark .css-1jvy7lu{\r\n border-color: #fefff0 !important;\r\n}","homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important}","postMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.dark .css-1hesiyt,.dark .css-18u3njy a,.dark .css-18u3njy span{color:#fefff0 !important;opacity:.8 !important}.css-sijcwn{border-color:#babfff !important}.dark .css-sijcwn{border-color:#babfff !important}.css-8931ii{border-color:#babfff !important}.dark .css-8931ii{border-color:#babfff !important}#toc .css-1i9mn82{border-color:#babfff !important}.dark #toc .css-1i9mn82{background-color:#565452 !important}.dark #toc .css-ekakl5{background-color:#434141 !important}.dark #toc .css-1i9mn82 *{color:rgba(254,255,240,1) !important}.dark .css-pburqd{color:#fefff0}#toc .dark .css-yrpez1{color:#fefff0 !important}#toc ul{border-color:#babfff !important}li{list-style-color:#babfff !important}.dark code{background-color:#333130 !important;color:#fefff0 !important}pre,.dark pre,.dark pre code{background-color:#1f1912 !important}.css-bo75uk{border-color:#babfff !important}.dark .css-bo75uk{border-color:#babfff !important}.css-xjenta{border-color:#babfff !important}.dark .css-xjenta{border-color:#babfff !important;color:#fefff0 !important}.css-uvclsj a{border:3px solid #ffdfba !important;background-color:#fff !important;color:#332421 !important}.dark .css-uvclsj a{border:3px solid #262323 !important;color:#fefff0 !important;background-color:rgba(254,255,240,0.1) !important}.blog-series,.blog-series-heading,.blog-series-item{border-color:#babfff !important}.dark .blog-series,.dark .blog-series-heading,.dark .blog-series-item{border-color:#babfff !important}.dark .blog-series-heading h3{color:#fefff0 !important}.dark .blog-series-heading p{color:#babfff !important}.blog-series-item:last-child{border-color:transparent !important}.css-3q0lu9,.css-3q0lu9 button{border-color:#babfff !important}.dark .css-3q0lu9,.dark .css-3q0lu9 button{border-color:#babfff !important;color:#fefff0 !important}.dark .css-3q0lu9 button:hover{background-color:rgba(254,255,240,0.1) !important}.css-1pse57o,.css-cv2um7,.css-1b8zdee,hr{border-color:#babfff !important}.dark .css-1pse57o,.dark .css-cv2um7,.dark .css-1b8zdee{background-color:#262323 !important}.dark .css-cv2um7{background-color:rgba(254,255,240,0.05) !important}.dark .css-12ny6xw a,.dark .css-h1xm4d{color:#fefff0 !important;opacity:.6 !important}.dark .css-1ujlqvp,.dark .css-c60r6e,.dark .css-c60r6e,.dark .css-1b8zdee{border-color:#e5e7eb !important;color:#e5e7eb !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#babfff !important}.dark .blog-impressum{border-color:#babfff !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#babfff !important}.dark .css-1jvy7lu{border-color:#babfff !important}","staticMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{background-color:#262323 !important}.dark .blog-header *{color:#fefff0 !important}.dark .blog-header .container a.blog-settings{background-color:#262323 !important}.dark .css-37nvso button{color:#fefff0 !important}.dark .css-1vqe7h8{background-color:#262323 !important}.blog-header .container button.blog-search-button{color:#434141 !important}.dark .blog-header .container button.blog-search-button{color:#fefff0 !important}.dark .blog-header .container button.blog-search-button:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container button.blog-theme-switcher{color:#434141 !important}.dark .blog-header .container button.blog-theme-switcher{color:#fefff0 !important}.dark .blog-header .container button.blog-theme-switcher:hover{background-color:rgba(254,255,240,0.1) !important}.blog-header .container a.blog-settings{color:#434141 !important}.dark .blog-header .container a.blog-settings{color:#fefff0 !important}.dark .blog-header .container a.blog-settings:hover{background-color:rgba(254,255,240,0.1) !important}.blog-nav{color:#434141 !important}.dark .blog-nav{color:#fefff0 !important;opacity:.7 !important}.dark .blog-nav:hover{opacity:1 !important;background-color:rgba(254,255,240,0.1) !important}.dark .blog-nav-active{color:#fefff0 !important}.blog-social-media-section a{color:#434141 !important}.dark .blog-social-media-section a{color:#fefff0 !important;opacity:.7 !important}.dark .blog-social-media-section a:hover{background-color:rgba(254,255,240,0.1) !important}.tooltip-handle:hover::after{background-color:#636262 !important;color:#fefff0 !important}.css-1jyyrtb,.css-2j2uz3,.blog-body,.blog-featured-area,.blog-content-area,.blog-article-area .blog-articles-area{background:#fefff0 !important;color:#434141 !important}.dark .css-mjg0cr,.dark .css-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area,.dark .blog-page-area .css-1gce3bk{background:#434141 !important;color:#fefff0 !important}.css-12n6jp input{border-left-color:#ffdfba !important}.blog-article-card-cover{border-color:#ddd !important}.dark .blog-article-card-cover{border-color:#fefff0 !important}.dark .blog-article-card-brief,.dark .blog-article-card-author-strip,.dark .blog-article-card-author-name,.dark .blog-article-card-article-meta p a{color:#fefff0 !important;opacity:.9 !important}.blog-author-container,{background:#ffdfba !important;color:#434141 !important}.dark .blog-author-container{background:#262323 !important;color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w{color:#434141 !important}.dark .css-1vyhe0m .css-1fspc5w{color:#fefff0 !important}.css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(255,223,186,0.2) !important}.dark .css-1vyhe0m .css-1fspc5w:hover{background-color:rgba(254,255,240,0.2) !important}.blog-footer-area,.dark .blog-footer-area,.blog-footer-credits,.blog-footer-credits p,.blog-footer-credits a{background:#262323 !important;color:#fefff0 !important}.blog-impressum{background:#434141 !important;border-color:#fefff0 !important}.dark .blog-impressum{border-color:#ffefff0 !important}.css-12megap{color:rgba(254,255,240,0.5) !important}.css-1pdlr3v,.blog-impressum p,.blog-impressum a{color:#fefff0 !important}.css-1jvy7lu{border-color:#fefff0 !important}.dark .css-1jvy7lu{border-color:#fefff0 !important}"},"metaHTMLSanitized":"I am a front-end engineer and technical writer who excels at development and communication. I love learning and sharing knowledge and constantly seek new opportunities to grow and share my experience.","numPosts":19}

Subscribe to my newsletter

Recent articles

How CSS Methodologies can Enhance Code Efficiency

The Dangers of Using !Important in CSS: Why It Should Be Avoided

Understanding Technical Debt in Software Development