{"_id":"606794287f07b6328b5ddc32","betaFeatures":{"newsletter":false,"embeds":false,"csvImport":false,"customCSS":false,"githubAsSource":false},"views":{"today":88,"thisWeek":620,"lastWeek":773,"thisMonth":2953,"allTime":25163},"numFollowers":0,"badgePageEnabled":false,"newsletterEnabled":true,"audioBlogEnabled":true,"textSelectionSharerEnabled":true,"newsletterFrequency":"asap","staticPages":[],"isFeatured":false,"dailyViewsForCurrentMonth":{"1667001600":172,"1667088000":61,"1667174400":113,"1667260800":125,"1667347200":83,"1667433600":86,"1667520000":84,"1667606400":71,"1667692800":71,"1667779200":103,"1667865600":110,"1667952000":100,"1668038400":98,"1668124800":97,"1668211200":110,"1668297600":62,"1668384000":100,"1668470400":103,"1668556800":117,"1668643200":121,"1668729600":99,"1668816000":69,"1668902400":63,"1668988800":115,"1669075200":86,"1669161600":109,"1669248000":87,"1669334400":91,"1669420800":86,"1669507200":73,"1669593600":88},"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":61,"numFollowing":19,"storiesCreated":[],"totalUpvotesReceived":0,"tagManagerOf":[],"isEvangelist":false,"isAmbassador":true,"hasGoldRing":true,"name":"Timonwa Akintokun","username":"Timonwa","tagline":"Frontend Developer | Technical Writer | CSS Lover | Javascript | ReactJs","photo":"https://cdn.hashnode.com/res/hashnode/image/upload/v1658667257682/VD8vZdD5N.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":771,"coverImage":"","numPosts":13,"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://link.timonwa.com","hashnode":"https://hashnode.com/@Timonwa","youtube":"","dailydev":"https://app.daily.dev/timonwa","linkedin":"https://linkedin.com/in/timonwa"},"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'm a front-end developer who loves sharing her web development knowledge through her notes.","metaHTML":"

I'm a front-end developer who loves sharing her web development knowledge through her notes.

\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*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-featured-area,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/*subscribe section*/\n.css-12n6jp input{\n border-left-color: #ffdfba !important;\n}\n/*article card*/\n.blog-article-card-cover{\n border-color: #ddd !important;\n}\n.dark .blog-article-card-cover{\n border-color: #fefff0 !important;\n}\n.dark .blog-article-card-brief,\n.dark .blog-article-card-author-strip,\n.dark .blog-article-card-author-name,\n.dark .blog-article-card-article-meta p a{\n color: #fefff0 !important;\n opacity: 0.9 !important;\n}\n/*author cntr*/\n.blog-author-container,\n {\n background: #ffdfba !important;\n color: #434141 !important;\n}\n.dark .blog-author-container {\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*load more btn*/\n.css-1vyhe0m .css-1fspc5w{\n color: #434141 !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w{\n color: #fefff0 !important;\n}\n.css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(255, 223, 186, 0.2) !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(254, 255, 240, 0.2) !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #babfff !important;\n}\n.dark .blog-impressum{\n border-color: #babfff !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #babfff !important;\n}\n.dark .css-1jvy7lu{\n border-color: #babfff !important;","post":"/*header*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/* sub title, published date and read*/\n.dark .css-1hesiyt,\n.dark .css-18u3njy a,\n.dark .css-18u3njy span {\n color: #fefff0 !important;\n opacity: 0.8 !important;\n}\n/* edit article btn*/\n.css-sijcwn {\n border-color: #babfff !important;\n}\n.dark .css-sijcwn {\n border-color: #babfff !important;\n}\n/*audio card*/\n.css-8931ii {\n border-color: #babfff !important;\n}\n.dark .css-8931ii {\n border-color: #babfff !important;\n}\n/*table of content card*/\n#toc .css-1i9mn82 {\n border-color: #babfff !important;\n}\n.dark #toc .css-1i9mn82{\n background-color: #565452 !important;\n}\n.dark #toc .css-1i9mn82 *{\n color: rgba(254, 255, 240, 1) !important;\n}\n/*toc icon*/\n#toc .dark .css-yrpez1{\n color: #fefff0 !important;\n}\n/* toc list*/\n#toc ul{\nborder-color: #babfff !important;\n}\n/*normal list in article*/\nli{\n list-style-color: #babfff !important;\n}\n/*inline and block code*/\n.dark code{\n background-color: #333130 !important;\n color: #fefff0 !important;\n}\npre,\n.dark pre,\n.dark pre code{\n background-color: #1F1912 !important;\n}\n/*author details*/\n.css-bo75uk { \n border-color: #babfff !important;\n}\n.dark .css-bo75uk { \n border-color: #babfff !important;\n}\n/*reaction button*/\n.css-xjenta{\n border-color: #babfff !important;\n}\n.dark .css-xjenta{\n border-color: #babfff !important;\n color: #fefff0 !important;\n}\n/*tags*/\n.css-uvclsj a{ \n border: 3px solid #ffdfba !important;\n background-color: #fff !important;\n color: #332421 !important;\n}\n.dark .css-uvclsj a{ \n border: 3px solid #262323 !important;\n color: #fefff0 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*blog series*/\n.blog-series,\n.blog-series-heading,\n.blog-series-item {\n border-color: #babfff !important;\n}\n.dark .blog-series,\n.dark .blog-series-heading,\n.dark .blog-series-item {\n border-color: #babfff !important;\n}\n.dark .blog-series-heading h3{\n color: #fefff0 !important;\n}\n.dark .blog-series-heading p{\n color: #babfff !important;\n}\n.blog-series-item:last-child {\n border-color: transparent !important;\n}\n/*comment section title and btn*/\n.css-3q0lu9, .css-3q0lu9 button{\n border-color: #babfff !important;\n }\n.dark .css-3q0lu9, .dark .css-3q0lu9 button{\n border-color: #babfff !important;\n color: #fefff0 !important;\n }\n .dark .css-3q0lu9 button:hover{\n background-color: rgba(254, 255, 240, 0.1) !important;\n }\n/*comments card, reply card, comment reaction btn and hr*/\n.css-1pse57o,.css-cv2um7, .css-1b8zdee, hr {\n border-color: #babfff !important;\n}\n.dark .css-1pse57o,.dark .css-cv2um7, .dark .css-1b8zdee {\n background-color: #262323 !important;\n}\n/*comment reply*/\n.dark .css-cv2um7 {\n background-color: rgba(254, 255, 240, 0.05) !important;\n}\n.dark .css-12ny6xw a,\n.dark .css-h1xm4d {\n color: #fefff0 !important;\n opacity: 0.6 !important;\n}\n.dark .css-1ujlqvp,\n.dark .css-c60r6e,\n.dark .css-c60r6e,\n.dark .css-1b8zdee{\n border-color: #e5e7eb !important;\n color: #e5e7eb !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #babfff !important;\n}\n.dark .blog-impressum{\n border-color: #babfff !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #babfff !important;\n}\n.dark .css-1jvy7lu{\n border-color: #babfff !important;","static":"/*header*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-featured-area,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/*subscribe section*/\n.css-12n6jp input{\n border-left-color: #ffdfba !important;\n}\n/*article card*/\n.blog-article-card-cover{\n border-color: #ddd !important;\n}\n.dark .blog-article-card-cover{\n border-color: #fefff0 !important;\n}\n.dark .blog-article-card-brief,\n.dark .blog-article-card-author-strip,\n.dark .blog-article-card-author-name,\n.dark .blog-article-card-article-meta p a{\n color: #fefff0 !important;\n opacity: 0.9 !important;\n}\n/*author cntr*/\n.blog-author-container,\n {\n background: #ffdfba !important;\n color: #434141 !important;\n}\n.dark .blog-author-container {\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*load more btn*/\n.css-1vyhe0m .css-1fspc5w{\n color: #434141 !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w{\n color: #fefff0 !important;\n}\n.css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(255, 223, 186, 0.2) !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(254, 255, 240, 0.2) !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #fefff0 !important;\n}\n.dark .blog-impressum{\n border-color: #ffefff0 !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #fefff0 !important;\n}\n.dark .css-1jvy7lu{\n border-color: #fefff0 !important;\n}","homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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 .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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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-1i9mn82 *{color:rgba(254,255,240,1) !important}#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 .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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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":true,"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*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-featured-area,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/*subscribe section*/\n.css-12n6jp input{\n border-left-color: #ffdfba !important;\n}\n/*article card*/\n.blog-article-card-cover{\n border-color: #ddd !important;\n}\n.dark .blog-article-card-cover{\n border-color: #fefff0 !important;\n}\n.dark .blog-article-card-brief,\n.dark .blog-article-card-author-strip,\n.dark .blog-article-card-author-name,\n.dark .blog-article-card-article-meta p a{\n color: #fefff0 !important;\n opacity: 0.9 !important;\n}\n/*author cntr*/\n.blog-author-container,\n {\n background: #ffdfba !important;\n color: #434141 !important;\n}\n.dark .blog-author-container {\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*load more btn*/\n.css-1vyhe0m .css-1fspc5w{\n color: #434141 !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w{\n color: #fefff0 !important;\n}\n.css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(255, 223, 186, 0.2) !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(254, 255, 240, 0.2) !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #babfff !important;\n}\n.dark .blog-impressum{\n border-color: #babfff !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #babfff !important;\n}\n.dark .css-1jvy7lu{\n border-color: #babfff !important;","post":"/*header*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/* sub title, published date and read*/\n.dark .css-1hesiyt,\n.dark .css-18u3njy a,\n.dark .css-18u3njy span {\n color: #fefff0 !important;\n opacity: 0.8 !important;\n}\n/* edit article btn*/\n.css-sijcwn {\n border-color: #babfff !important;\n}\n.dark .css-sijcwn {\n border-color: #babfff !important;\n}\n/*audio card*/\n.css-8931ii {\n border-color: #babfff !important;\n}\n.dark .css-8931ii {\n border-color: #babfff !important;\n}\n/*table of content card*/\n#toc .css-1i9mn82 {\n border-color: #babfff !important;\n}\n.dark #toc .css-1i9mn82{\n background-color: #565452 !important;\n}\n.dark #toc .css-1i9mn82 *{\n color: rgba(254, 255, 240, 1) !important;\n}\n/*toc icon*/\n#toc .dark .css-yrpez1{\n color: #fefff0 !important;\n}\n/* toc list*/\n#toc ul{\nborder-color: #babfff !important;\n}\n/*normal list in article*/\nli{\n list-style-color: #babfff !important;\n}\n/*inline and block code*/\n.dark code{\n background-color: #333130 !important;\n color: #fefff0 !important;\n}\npre,\n.dark pre,\n.dark pre code{\n background-color: #1F1912 !important;\n}\n/*author details*/\n.css-bo75uk { \n border-color: #babfff !important;\n}\n.dark .css-bo75uk { \n border-color: #babfff !important;\n}\n/*reaction button*/\n.css-xjenta{\n border-color: #babfff !important;\n}\n.dark .css-xjenta{\n border-color: #babfff !important;\n color: #fefff0 !important;\n}\n/*tags*/\n.css-uvclsj a{ \n border: 3px solid #ffdfba !important;\n background-color: #fff !important;\n color: #332421 !important;\n}\n.dark .css-uvclsj a{ \n border: 3px solid #262323 !important;\n color: #fefff0 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*blog series*/\n.blog-series,\n.blog-series-heading,\n.blog-series-item {\n border-color: #babfff !important;\n}\n.dark .blog-series,\n.dark .blog-series-heading,\n.dark .blog-series-item {\n border-color: #babfff !important;\n}\n.dark .blog-series-heading h3{\n color: #fefff0 !important;\n}\n.dark .blog-series-heading p{\n color: #babfff !important;\n}\n.blog-series-item:last-child {\n border-color: transparent !important;\n}\n/*comment section title and btn*/\n.css-3q0lu9, .css-3q0lu9 button{\n border-color: #babfff !important;\n }\n.dark .css-3q0lu9, .dark .css-3q0lu9 button{\n border-color: #babfff !important;\n color: #fefff0 !important;\n }\n .dark .css-3q0lu9 button:hover{\n background-color: rgba(254, 255, 240, 0.1) !important;\n }\n/*comments card, reply card, comment reaction btn and hr*/\n.css-1pse57o,.css-cv2um7, .css-1b8zdee, hr {\n border-color: #babfff !important;\n}\n.dark .css-1pse57o,.dark .css-cv2um7, .dark .css-1b8zdee {\n background-color: #262323 !important;\n}\n/*comment reply*/\n.dark .css-cv2um7 {\n background-color: rgba(254, 255, 240, 0.05) !important;\n}\n.dark .css-12ny6xw a,\n.dark .css-h1xm4d {\n color: #fefff0 !important;\n opacity: 0.6 !important;\n}\n.dark .css-1ujlqvp,\n.dark .css-c60r6e,\n.dark .css-c60r6e,\n.dark .css-1b8zdee{\n border-color: #e5e7eb !important;\n color: #e5e7eb !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #babfff !important;\n}\n.dark .blog-impressum{\n border-color: #babfff !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #babfff !important;\n}\n.dark .css-1jvy7lu{\n border-color: #babfff !important;","static":"/*header*/\n.blog-header {\n background-color: #ffdfba !important;\n}\n.dark .blog-header {\n background-color: #262323 !important;\n}\n/*navbar toggle*/\n.dark .css-37nvso button {\n color: #fefff0 !important;\n}\n/*sidebar*/\n.dark .css-1vqe7h8{\n background-color: #262323 !important;\n}\n/* search btn icon*/\n.blog-header .container button.blog-search-button {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-search-button {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-search-button:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*theme switcher icon*/\n.blog-header .container button.blog-theme-switcher {\n color: #434141 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher {\n color: #fefff0 !important;\n}\n.dark .blog-header .container button.blog-theme-switcher:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*settings icon*/\n.blog-header .container a.blog-settings {\n color: #434141 !important;\n}\n.dark .blog-header .container a.blog-settings {\n color: #fefff0 !important;\n}\n.dark .blog-header .container a.blog-settings:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*nav bar*/\n.blog-nav {\n color: #434141 !important;\n}\n.dark .blog-nav {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-nav:hover {\n opacity: 1 !important;\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n.dark .blog-nav-active {\n color: #fefff0 !important;\n}\n/*social icons*/\n.blog-social-media-section a{\n color: #434141 !important;\n}\n.dark .blog-social-media-section a {\n color: #fefff0 !important;\n opacity: 0.7 !important;\n}\n.dark .blog-social-media-section a:hover {\n background-color: rgba(254, 255, 240, 0.1) !important;\n}\n/*tooltip*/\n.tooltip-handle:hover::after{\n background-color: #636262 !important;\n color: #fefff0 !important;\n}\n/*body*/\n.css-1jyyrtb,\n.css-2j2uz3,\n.blog-body,\n.blog-featured-area,\n.blog-content-area,\n.blog-article-area\n.blog-articles-area{\n background: #fefff0 !important;\n color: #434141 !important;\n}\n.dark .css-1jyyrtb,\n.dark .css-2j2uz3,\n.dark .blog-body,\n.dark .blog-content-area,\n.dark .blog-featured-area,\n.dark .blog-articles-area{\n background: #434141 !important;\n color: #fefff0 !important;\n}\n/*subscribe section*/\n.css-12n6jp input{\n border-left-color: #ffdfba !important;\n}\n/*article card*/\n.blog-article-card-cover{\n border-color: #ddd !important;\n}\n.dark .blog-article-card-cover{\n border-color: #fefff0 !important;\n}\n.dark .blog-article-card-brief,\n.dark .blog-article-card-author-strip,\n.dark .blog-article-card-author-name,\n.dark .blog-article-card-article-meta p a{\n color: #fefff0 !important;\n opacity: 0.9 !important;\n}\n/*author cntr*/\n.blog-author-container,\n {\n background: #ffdfba !important;\n color: #434141 !important;\n}\n.dark .blog-author-container {\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*load more btn*/\n.css-1vyhe0m .css-1fspc5w{\n color: #434141 !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w{\n color: #fefff0 !important;\n}\n.css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(255, 223, 186, 0.2) !important;\n}\n.dark .css-1vyhe0m .css-1fspc5w:hover{\n background-color: rgba(254, 255, 240, 0.2) !important;\n}\n/*footer*/\n.blog-footer-area,\n.dark .blog-footer-area,\n.blog-footer-credits,\n.blog-footer-credits p,\n.blog-footer-credits a{\n background: #262323 !important;\n color: #fefff0 !important;\n}\n/*impressum in footer*/\n.blog-impressum{\n background: #434141 !important;\n border-color: #fefff0 !important;\n}\n.dark .blog-impressum{\n border-color: #ffefff0 !important;\n}\n.css-12megap{\n color: rgba(254, 255, 240, 0.5) !important;\n}\n/* contents of impressum in footer*/\n.css-1pdlr3v,\n.blog-impressum p,\n.blog-impressum a{\n color: #fefff0 !important;\n}\n/*powerd by hashnode button in footer*/\n.css-1jvy7lu{\n border-color: #fefff0 !important;\n}\n.dark .css-1jvy7lu{\n border-color: #fefff0 !important;\n}","homeMin":".blog-header{background-color:#ffdfba !important}.dark .blog-header{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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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 .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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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-1i9mn82 *{color:rgba(254,255,240,1) !important}#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 .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-1jyyrtb,.dark .css-2j2uz3,.dark .blog-body,.dark .blog-content-area,.dark .blog-featured-area,.dark .blog-articles-area{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'm a front-end developer who loves sharing her web development knowledge through her notes.\n","numPosts":15}