1<!DOCTYPE html> 2<html class='ltr' dir='ltr' lang='en' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 3<head> 4<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> 5<meta content='width=device-width, initial-scale=1, minimum-scale=1' name='viewport'/> 6<title>Work With Me</title> 7<link href='//fonts.gstatic.com' rel='dns-prefetch'/> 8<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/> 9<link href='//1.bp.blogspot.com' rel='dns-prefetch'/> 10<link href='//2.bp.blogspot.com' rel='dns-prefetch'/> 11<link href='//3.bp.blogspot.com' rel='dns-prefetch'/> 12<link href='//4.bp.blogspot.com' rel='dns-prefetch'/> 13<link href='//www.blogger.com' rel='dns-prefetch'/> 14<meta content='blogger' name='generator'/> 15<link href='https://www.czetsuyatech.com/favicon.ico' rel='icon' type='image/x-icon'/> 16<meta content='#f5a623' name='theme-color'/> 17<link href='https://www.czetsuyatech.com/p/work-with-me.html' rel='canonical'/> 18<meta content='Senior Java & Spring engineer specializing in backend architecture, distributed systems, event-driven systems, and AWS.' name='description'/> 19<!-- Metadata for Open Graph protocol. See http://ogp.me/. --> 20<meta content='en' property='og:locale'/> 21<meta content='article' property='og:type'/> 22<meta content='Work With Me' property='og:title'/> 23<meta content='https://www.czetsuyatech.com/p/work-with-me.html' property='og:url'/> 24<meta content='Senior Java & Spring engineer specializing in backend architecture, distributed systems, event-driven systems, and AWS.' property='og:description'/> 25<meta content='czetsuyatech' property='og:site_name'/> 26<meta content='summary_large_image' name='twitter:card'/> 27<meta content='Work With Me' name='twitter:title'/> 28<meta content='https://www.czetsuyatech.com/p/work-with-me.html' name='twitter:domain'/> 29<meta content='Senior Java & Spring engineer specializing in backend architecture, distributed systems, event-driven systems, and AWS.' name='twitter:description'/> 30<link rel="alternate" type="application/atom+xml" title="czetsuyatech - Atom" href="https://www.czetsuyatech.com/feeds/posts/default" /> 31<link rel="alternate" type="application/rss+xml" title="czetsuyatech - RSS" href="https://www.czetsuyatech.com/feeds/posts/default?alt=rss" /> 32<link rel="service.post" type="application/atom+xml" title="czetsuyatech - Atom" href="https://www.blogger.com/feeds/6581802047354010081/posts/default" /> 33<!-- Font Awesome Free 5.14.0 --> 34<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css' rel='stylesheet'/> 35<link href='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/themes/prism-tomorrow.min.css' rel='stylesheet'/> 36<!-- Theme Style CSS --> 37<style id='page-skin-1' type='text/css'><!-- 38/* 39----------------------------------------------- 40Blogger Template Style 41Name: Typify 42License: Premium Version 43Version: 1.0 44Author: Templateify 45Author Url: https://www.templateify.com/ 46-----------------------------------------------*/ 47/*-- Google Fonts --*/ 48@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v12/pxiGyp8kv8JHgFVrJJLucXtAKPY.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 49@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v12/pxiGyp8kv8JHgFVrJJLufntAKPY.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 50@font-face{font-family:'Poppins';font-style:italic;font-weight:400;font-display:swap;src:local('Poppins Italic'),local(Poppins-Italic),url(https://fonts.gstatic.com/s/poppins/v12/pxiGyp8kv8JHgFVrJJLucHtA.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 51@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.
51com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmg1hVFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 52@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmg1hVGdeOcEg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 53@font-face{font-family:'Poppins';font-style:italic;font-weight:500;font-display:swap;src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 54@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmr19VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 55@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmr19VGdeOcEg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 56@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmr19VF9eO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 57@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmy15VFteOcEg.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 58@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmy15VGdeOcEg.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 59@font-face{font-family:'Poppins';font-style:italic;font-weight:700;font-display:swap;src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(https://fonts.gstatic.com/s/poppins/v12/pxiDyp8kv8JHgFVrJJLmy15VF9eO.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 60@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJbecmNE.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 61@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJnecmNE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 62@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:local('Poppins Regular'),local(Poppins-Regular),url(https://fonts.gstatic.com/s/poppins/v12/pxiEyp8kv8JHgFVrJJfecg.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 63@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.
63com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 64@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 65@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:local('Poppins Medium'),local(Poppins-Medium),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 66@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 67@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 68@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 69@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) format("woff2");unicode-range:U+0900-097F,U+1CD0-1CF6,U+1CF8-1CF9,U+200C-200D,U+20A8,U+20B9,U+25CC,U+A830-A839,U+A8E0-A8FB} 70@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF} 71@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:local('Poppins Bold'),local(Poppins-Bold),url(https://fonts.gstatic.com/s/poppins/v12/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} 72/*-- Font Awesome Free 6.4.2 --*/ 73@font-face{font-family:"Font Awesome 6 Brands";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 6 Brands";font-weight:400} 74@font-face{font-family:"Font Awesome 6 Free";font-display:swap;font-style:normal;font-weight:400;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.far{font-family:"Font Awesome 6 Free";font-weight:400} 75@font-face{font-family:"Font Awesome 6 Free";font-display:swap;font-style:normal;font-weight:900;font-display:block;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 6 Free";font-weight:900} 76/*-- CSS Variables --*/ 77:root{ 78--body-font:'Poppins', sans-serif; 79--menu-font:'Poppins', sans-serif; 80--title-font:'Poppins', sans-serif; 81--meta-font:'Poppins', sans-serif; 82--text-font:'Poppins', sans-serif; 83--body-bg-color:#f7f7f7; 84--body-bg:#f7f7f7 none repeat scroll top left; 85--outer-bg:#ffffff; 86--main-color:#f5a623; 87--title-color:#191919; 88--title-hover-color:#F5A623; 89--meta-color:#a9b4ba; 90--text-color:#77777a; 91--tag-bg:#F5A623; 92--tag-color:#ffffff; 93--header-bg:#ffffff; 94--header-color:#191919; 95--header-hover-color:#F5A623; 96--header-text-color:#545454; 97--main-nav-bg:#f8eefc; 98--main-nav-color:#191919; 99--main-nav-active-bg:#191919; 100--main-nav-active-color:#ffffff; 101--main-nav-hover-bg:#f8eefc; 102--main-nav-hover-color:#F5A623; 103--submenu-bg:#f8eefc; 104--submenu-color:#545454; 105--submenu-hover-color:#F5A623; 106--megamenu-bg:#f8eefc; 107--megamenu-color:#545454; 108--megamenu-hover-color:#F5A623; 109--mobilemenu-bg:#161d1f; 110--mobilemenu-color:#ffffff; 111--mobilemenu-hover-color:#F5A623; 112--widget-title-color:#333333; 113--widget-title-dot:#F5A623; 114--post-title-color:#333333; 115--post-title-hover-color:#F5A623; 116--post-text-color:#77777A; 117--footer-bg:#191919; 118--footer-color:#bdbdbd; 119--footer-hover-color:#F5A623; 120--footer-text-color:#bdbdbd; 121--footerbar-bg:#202020; 122--footerbar-color:#ffffff; 123--footerbar-hover-color:#F5A623; 124--cookie-bg:#0f1618; 125--cookie-color:#aaaaaa; 126--button-bg:#F5A623; 127--button-color:#ffffff; 128--button-hover-bg:#e03032; 129--button-hover-color:#ffffff; 130--border-color:rgba(155,155,155,0.08); 131--bb-color:rgba(0,0,0,0.1); 132} 133html[data-theme=dark]{ 134--body-bg-color:#202729; 135--body-bg:#202729; 136--outer-bg:#161D1F; 137--main-color:#f5a623; 138--title-color:#f4f4f4; 139--title-hover-color:#f5a623; 140--meta-color:#dddddd; 141--text-color:#bbbbbb; 142--tag-bg:#f5a623; 143--tag-color:#ffffff; 144--header-bg:#0F1618; 145--header-color:#f4f4f4; 146--header-hover-color:#f5a623; 147--header-text-color:#bbbbbb; 148--main-nav-bg:#f5a623; 149--main-nav-color:#ffffff; 150--main-nav-active-bg:rgba(255,255,255,0.1); 151--main-nav-active-color:#ffffff; 152--main-nav-hover-bg:rgba(255,255,255,0.1); 153--main-nav-hover-color:#ffffff; 154--submenu-bg:#0F1618; 155--submenu-color:#f4f4f4; 156--submenu-hover-color:#f5a623; 157--megamenu-bg:#0F1618; 158--megamenu-color:#f4f4f4; 159--megamenu-hover-color:#f5a623; 160--mobilemenu-bg:#161D1F; 161--mobilemenu-color:#f4f4f4; 162--mobilemenu-hover-color:#f5a623; 163--widget-title-color:#f4f4f4; 164--widget-title-dot:#f5a623; 165--post-title-color:#f4f4f4; 166--post-title-hover-color:#f5a623; 167--post-text-color:#bbbbbb; 168--footer-bg:#0F1618; 169--footer-color:#f4f4f4; 170--footer-hover-color:#f5a623; 171--footer-text-color:#bbbbbb; 172--footerbar-bg:#0c1213; 173--footerbar-color:#f4f4f4; 174--footerbar-hover-color:#f5a623; 175--cookie-bg:#0F1618; 176--cookie-color:#bbbbbb; 177--button-bg:#f5a623; 178--button-color:#ffffff; 179--button-hover-bg:#e03032; 180--button-hover-color:#ffffff; 181--border-color:rgba(155,155,155,0.08); 182--bb-color:rgba(0,0,0,0.1); 183} 184html.rtl{ 185--body-font:'Tajawal',Arial,sans-serif; 186--menu-font:'Tajawal',Arial,sans-serif; 187--title-font:'Tajawal',Arial,sans-serif; 188--meta-font:'Tajawal',Arial,sans-serif; 189--text-font:'Tajawal',Arial,sans-serif; 190} 191html[data-theme=dark] .main-logo img { 192-webkit-filter: invert(1); 193filter: invert(1); 194} 195/*-- Reset CSS --*/ 196a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}
196.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0} 197/*-- Style CSS --*/ 198a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{ 199outline:2px solid var(--main-color); 200outline-offset:3px 201} 202*{ 203box-sizing:border-box; 204text-rendering:optimizeLegibility; 205-webkit-font-smoothing:antialiased 206} 207html{ 208position:relative; 209margin:0 210} 211body{ 212position:relative; 213background:var(--body-bg); 214background-color:var(--body-bg-color); 215font-family:var(--body-font); 216font-size:14px; 217color:var(--text-color); 218font-weight:400; 219font-style:normal; 220line-height:1.4em; 221word-wrap:break-word; 222margin:0; 223padding:0 224} 225body.is-cover{ 226background-attachment:fixed; 227background-size:cover; 228background-position:center center; 229background-repeat:no-repeat 230} 231.rtl{ 232direction:rtl 233} 234h1,h2,h3,h4,h5,h6{ 235font-family:var(--title-font); 236font-weight:700 237} 238a,input,button{ 239transition:all .0s ease 240} 241#outer-wrapper{ 242position:relative; 243overflow:hidden; 244width:100%; 245max-width:100%; 246background-color:var(--outer-bg); 247margin:0 auto; 248padding:0 249} 250.is-boxed #outer-wrapper{ 251width:1294px; 252max-width:100%; 253box-shadow:0 0 20px rgba(0,0,0,0.1) 254} 255.container{ 256position:relative 257} 258.row-x1{ 259width:1244px 260} 261.flex-center{ 262display:flex; 263justify-content:center 264} 265#content-wrapper{ 266position:relative; 267float:left; 268width:100%; 269overflow:hidden; 270padding:30px 0; 271margin:0; 272border-top:0 273} 274.theiaStickySidebarIfy:before,.theiaStickySidebarIfy:after{ 275content:''; 276display:table; 277clear:both 278} 279#main-wrapper{ 280position:relative; 281float:left; 282width:calc(100% - 340px); 283padding:0 284} 285.is-left #main-wrapper,.rtl #main-wrapper{ 286float:right 287} 288#sidebar-wrapper{ 289position:relative; 290float:right; 291width:310px; 292padding:0 293} 294.is-left #sidebar-wrapper,.rtl #sidebar-wrapper{ 295float:left 296} 297.btn{ 298position:relative; 299border:0; 300border-radius:2px 301} 302.entry-image-wrap,.comments .avatar-image-container{ 303overflow:hidden; 304background-color:rgba(155,155,155,0.08); 305z-index:5; 306color:transparent!important; 307transition:opacity .17s ease 308} 309.entry-thumb{ 310display:block; 311position:relative; 312width:100%; 313height:100%; 314background-size:cover; 315background-position:center center; 316background-repeat:no-repeat; 317z-index:1; 318opacity:0; 319transition:opacity .35s ease,filter 0s ease 320} 321.entry-thumb.lazy-ify{ 322opacity:1 323} 324.entry-image-wrap:hover .entry-thumb,.entry-inner:hover .entry-image-wrap .entry-thumb{ 325filter:brightness(1.05) 326} 327.before-mask:before{ 328content:''; 329position:absolute; 330left:0; 331right:0; 332bottom:0; 333height:70%; 334background-image:linear-gradient(to bottom,transparent,rgba(0,0,0,0.5)); 335-webkit-backface-visibility:hidden; 336backface-visibility:hidden; 337z-index:2; 338opacity:1; 339margin:0; 340transition:opacity .25s ease 341} 342.entry-image-wrap.is-video:after{ 343position:absolute; 344display:flex; 345align-items:center; 346justify-content:center; 347content:'\f04b'; 348top:50%; 349right:50%; 350background-color:rgba(0,0,0,0.5); 351width:44px; 352height:30px; 353font-family:'Font Awesome 5 Free'; 354font-size:12px; 355color:#fff; 356font-weight:900; 357z-index:5; 358transform:translate(50%,-50%); 359margin:0; 360border-radius:8px; 361transition:background .17s ease 362} 363.entry-image-wrap.is-video.c-ply:after{ 364transform:translate(50%,-50%) scale(1.2) 365} 366.entry-inner .entry-image-wrap.is-video:not(.c-ply):after{ 367top:15px; 368right:15px; 369transform:translate(0%,0%) 370} 371.rtl .entry-inner .entry-image-wrap.is-video:not(.c-ply):after{ 372left:15px; 373right:unset 374} 375.entry-image-wrap.is-video:hover:after,.entry-inner:hover .entry-image-wrap.is-video:after{ 376background-color:var(--main-color) 377} 378.entry-tag{ 379position:absolute; 380top:10px; 381left:10px; 382height:18px; 383background-color:var(--tag-bg); 384font-size:11px; 385color:var(--tag-color); 386font-weight:400; 387line-height:19px; 388text-transform:uppercase; 389z-index:5; 390padding:0 6px; 391margin:0; 392border-radius:2px 393} 394.rtl .entry-tag{ 395left:unset; 396right:10px 397} 398.entry-info{ 399position:absolute; 400left:0; 401bottom:0; 402width:100%; 403background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.8)); 404overflow:hidden; 405z-index:5; 406display:flex; 407flex-direction:column; 408padding:15px 409} 410.entry-info .entry-title{ 411color:#fff; 412text-shadow:0 1px 2px rgba(0,0,0,0.5) 413} 414.entry-info .entry-meta{ 415color:#ccc 416} 417.entry-info .entry-meta .author-name{ 418color:#ddd 419} 420.entry-title{ 421color:var(--post-title-color);
422font-weight:700; 423line-height:1.4em 424} 425.entry-title a{ 426display:block; 427color:var(--post-title-color) 428} 429.entry-title a:hover{ 430color:var(--post-title-hover-color) 431} 432.entry-meta{ 433font-family:var(--meta-font); 434font-size:12px; 435color:var(--meta-color); 436font-weight:400; 437margin:0 438} 439.entry-meta .author-name{ 440color:var(--main-color); 441font-weight:600 442} 443.excerpt{ 444font-family:var(--text-font); 445line-height:1.5em 446} 447.error-msg{ 448display:flex; 449align-items:center; 450font-size:14px; 451color:var(--text-color); 452padding:20px 0; 453font-weight:400 454} 455.error-msg b{ 456font-weight:700 457} 458.social a:before{ 459display:inline-block; 460font-family:'Font Awesome 5 Brands'; 461font-style:normal; 462font-weight:400 463} 464.social .blogger a:before{ 465content:'\f37d' 466} 467.social .facebook a:before{ 468content:'\f09a' 469} 470.social .facebook-f a:before{ 471content:'\f39e' 472} 473.social .twitter a:before{ 474content:'\f099' 475} 476.social .x-twitter a:before{ content:"\e61b" } 477.social-color .x-twitter a{ background-color:#14171A } 478.social-text .x-twitter a:after{ content:"Twitter" } 479.social .rss a:before{ 480content:'\f09e'; 481font-family:'Font Awesome 5 Free'; 482font-weight:900 483} 484.social .youtube a:before{ 485content:'\f167' 486} 487.social .skype a:before{ 488content:'\f17e' 489} 490.social .stumbleupon a:before{ 491content:'\f1a4' 492} 493.social .tumblr a:before{ 494content:'\f173' 495} 496.social .vk a:before{ 497content:'\f189' 498} 499.social .stack-overflow a:before{ 500content:'\f16c' 501} 502.social .github a:before{ 503content:'\f09b' 504} 505.social .linkedin a:before{ 506content:'\f0e1' 507} 508.social .dribbble a:before{ 509content:'\f17d' 510} 511.social .soundcloud a:before{ 512content:'\f1be' 513} 514.social .behance a:before{ 515content:'\f1b4' 516} 517.social .digg a:before{ 518content:'\f1a6' 519} 520.social .instagram a:before{ 521content:'\f16d' 522} 523.social .pinterest a:before{ 524content:'\f0d2' 525} 526.social .pinterest-p a:before{ 527content:'\f231' 528} 529.social .twitch a:before{ 530content:'\f1e8' 531} 532.social .delicious a:before{ 533content:'\f1a5' 534} 535.social .codepen a:before{ 536content:'\f1cb' 537} 538.social .flipboard a:before{ 539content:'\f44d' 540} 541.social .reddit a:before{ 542content:'\f281' 543} 544.social .whatsapp a:before{ 545content:'\f232' 546} 547.social .messenger a:before{ 548content:'\f39f' 549} 550.social .snapchat a:before{ 551content:'\f2ac' 552} 553.social .telegram a:before{ 554content:'\f3fe' 555} 556.social .steam a:before{ 557content:'\f3f6' 558} 559.social .discord a:before{ 560content:'\f392' 561} 562.social .share a:before{ 563content:'\f064'; 564font-family:'Font Awesome 5 Free'; 565font-weight:900 566} 567.social .email a:before{ 568content:'\f0e0'; 569font-family:'Font Awesome 5 Free' 570} 571.social .external-link a:before{ 572content:'\f35d'; 573font-family:'Font Awesome 5 Free'; 574font-weight:900 575} 576.social-bg .blogger a,.social-bg-hover .blogger a:hover{ 577background-color:#f30 578} 579.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{ 580background-color:#3b5999 581} 582.social-bg .twitter a,.social-bg-hover .twitter a:hover{ 583background-color:#00acee 584} 585.social-bg .x-twitter a,.social-bg-hover .x-twitter a:hover{ 586background-color:#14171A 587} 588.social-bg .youtube a,.social-bg-hover .youtube a:hover{ 589background-color:#f50000 590} 591.social-bg .instagram a,.social-bg-hover .instagram a:hover{ 592background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4) 593} 594.social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{ 595background-color:#ca2127 596} 597.social-bg .dribbble a,.social-bg-hover .dribbble a:hover{ 598background-color:#ea4c89 599} 600.social-bg .linkedin a,.social-bg-hover .linkedin a:hover{ 601background-color:#0077b5 602} 603.social-bg .tumblr a,.social-bg-hover .tumblr a:hover{ 604background-color:#365069 605} 606.social-bg .twitch a,.social-bg-hover .twitch a:hover{ 607background-color:#6441a5 608} 609.social-bg .rss a,.social-bg-hover .rss a:hover{ 610background-color:#ffc200 611} 612.social-bg .skype a,.social-bg-hover .skype a:hover{ 613background-color:#00aff0 614} 615.social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{ 616background-color:#eb4823 617} 618.social-bg .vk a,.social-bg-hover .vk a:hover{ 619background-color:#4a76a8 620} 621.social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{ 622background-color:#f48024 623} 624.social-bg .github a,.social-bg-hover .github a:hover{ 625background-color:#24292e 626}
627.social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{ 628background:linear-gradient(#ff7400,#ff3400) 629} 630.social-bg .behance a,.social-bg-hover .behance a:hover{ 631background-color:#191919 632} 633.social-bg .digg a,.social-bg-hover .digg a:hover{ 634background-color:#1b1a19 635} 636.social-bg .delicious a,.social-bg-hover .delicious a:hover{ 637background-color:#0076e8 638} 639.social-bg .codepen a,.social-bg-hover .codepen a:hover{ 640background-color:#000 641} 642.social-bg .flipboard a,.social-bg-hover .flipboard a:hover{ 643background-color:#f52828 644} 645.social-bg .reddit a,.social-bg-hover .reddit a:hover{ 646background-color:#ff4500 647} 648.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{ 649background-color:#3fbb50 650} 651.social-bg .messenger a,.social-bg-hover .messenger a:hover{ 652background-color:#0084ff 653} 654.social-bg .snapchat a,.social-bg-hover .snapchat a:hover{ 655background-color:#ffe700 656} 657.social-bg .telegram a,.social-bg-hover .telegram a:hover{ 658background-color:#179cde 659} 660.social-bg .steam a,.social-bg-hover .steam a:hover{ 661background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47) 662} 663.social-bg .discord a,.social-bg-hover .discord a:hover{ 664background-color:#7289da 665} 666.social-bg .share a,.social-bg-hover .share a:hover{ 667background-color:var(--meta-color) 668} 669.social-bg .email a,.social-bg-hover .email a:hover{ 670background-color:#888 671} 672.social-bg .external-link a,.social-bg-hover .external-link a:hover{ 673background-color:var(--button-hover-bg) 674} 675.social-color .blogger a,.social-color-hover .blogger a:hover{ 676color:#f30 677} 678.social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{ 679color:#3b5999 680} 681.social-color .twitter a,.social-color-hover .twitter a:hover{ 682color:#00acee 683} 684.social-color .x-twitter a,.social-color-hover .x-twitter a:hover{ 685color:#14171A 686} 687.social-color .youtube a,.social-color-hover .youtube a:hover{ 688color:#f50000 689} 690.social-color .instagram a,.social-color-hover .instagram a:hover{ 691color:#dd277b 692} 693.social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{ 694color:#ca2127 695} 696.social-color .dribbble a,.social-color-hover .dribbble a:hover{ 697color:#ea4c89 698} 699.social-color .linkedin a,.social-color-hover .linkedin a:hover{ 700color:#0077b5 701} 702.social-color .tumblr a,.social-color-hover .tumblr a:hover{ 703color:#365069 704} 705.social-color .twitch a,.social-color-hover .twitch a:hover{ 706color:#6441a5 707} 708.social-color .rss a,.social-color-hover .rss a:hover{ 709color:#ffc200 710} 711.social-color .skype a,.social-color-hover .skype a:hover{ 712color:#00aff0 713} 714.social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{ 715color:#eb4823 716} 717.social-color .vk a,.social-color-hover .vk a:hover{ 718color:#4a76a8 719} 720.social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{ 721color:#f48024 722} 723.social-color .github a,.social-color-hover .github a:hover{ 724color:#24292e 725} 726.social-color .soundcloud a,.social-color-hover .soundcloud a:hover{ 727color:#ff7400 728} 729.social-color .behance a,.social-color-hover .behance a:hover{ 730color:#191919 731} 732.social-color .digg a,.social-color-hover .digg a:hover{ 733color:#1b1a19 734} 735.social-color .delicious a,.social-color-hover .delicious a:hover{ 736color:#0076e8 737} 738.social-color .codepen a,.social-color-hover .codepen a:hover{ 739color:#000 740} 741.social-color .flipboard a,.social-color-hover .flipboard a:hover{ 742color:#f52828 743} 744.social-color .reddit a,.social-color-hover .reddit a:hover{ 745color:#ff4500 746} 747.social-color .whatsapp a,.social-color-hover .whatsapp a:hover{ 748color:#3fbb50 749} 750.social-color .messenger a,.social-color-hover .messenger a:hover{ 751color:#0084ff 752} 753.social-color .snapchat a,.social-color-hover .snapchat a:hover{ 754color:#ffe700 755} 756.social-color .telegram a,.social-color-hover .telegram a:hover{ 757color:#179cde 758} 759.social-color .steam a,.social-color-hover .steam a:hover{ 760color:#112c5b 761} 762.social-color .discord a,.social-color-hover .discord a:hover{ 763color:#7289da 764} 765.social-color .share a,.social-color-hover .share a:hover{ 766color:var(--meta-color) 767} 768.social-color .email a,.social-color-hover .email a:hover{ 769color:#888 770}
771.social-color .external-link a,.social-color-hover .external-link a:hover{ 772color:var(--button-hover-bg) 773} 774#header-wrapper,.header-content{ 775position:relative; 776float:left; 777width:100%; 778height:58px; 779background-color:var(--header-bg); 780padding:0; 781margin:0 782} 783.header-items{ 784position:relative; 785float:left; 786width:100%; 787display:flex; 788flex-wrap:wrap; 789justify-content:space-between; 790margin:0 791} 792.main-logo{ 793position:relative; 794float:left; 795height:58px; 796overflow:hidden; 797display:flex; 798margin:0 799} 800.main-logo .widget{ 801position:relative; 802height:100%; 803display:flex; 804align-items:center; 805margin:0 806} 807.main-logo .logo-img{ 808display:flex; 809align-items:center; 810height:34px; 811overflow:hidden; 812margin:0 813} 814.main-logo img{ 815display:block; 816max-width:100%; 817max-height:100%; 818margin:0 819} 820.main-logo .blog-title{ 821display:block; 822font-size:20px; 823color:var(--header-color); 824font-weight:700; 825margin:0 826} 827.main-logo .blog-title a{ 828color:var(--header-color) 829} 830.main-logo .blog-title a:hover{ 831color:var(--header-hover-color) 832} 833.main-logo #h1-off{ 834position:absolute; 835top:-9000px; 836left:-9000px; 837display:none; 838visibility:hidden 839} 840.main-logo .logo-description{ 841font-size:14px; 842color:var(--header-text-color); 843padding:0 15px 844} 845.main-logo .logo-description b{
846font-weight:600 847} 848.header-icons{ 849position:relative; 850height:58px; 851overflow:hidden; 852margin:0 853} 854.header-icons .widget{ 855position:relative; 856height:100%; 857display:flex; 858align-items:center; 859margin:0 860} 861.header-icons ul.social-icons{ 862display:flex; 863flex-wrap:wrap 864} 865.header-icons ul li{ 866margin:0 0 0 10px 867} 868.rtl .header-icons ul li{ 869margin:0 10px 0 0 870} 871.header-icons ul li a{ 872display:block; 873width:24px; 874height:24px; 875font-size:14px; 876color:#ffffff; 877text-align:center; 878line-height:24px; 879border-radius:50% 880} 881.header-icons ul li a.steam{ 882font-size:16px 883} 884.header-icons ul li a:hover{ 885filter:brightness(1.1) 886} 887.mobile-menu-toggle{ 888display:none; 889height:30px; 890font-size:18px; 891color:var(--header-color); 892align-items:center; 893padding:0 15px 894} 895.mobile-menu-toggle:after{ 896content:'\f0c9'; 897font-family:'Font Awesome 5 Free'; 898font-weight:900; 899margin:0 900} 901.mobile-menu-toggle:hover{ 902color:var(--header-hover-color) 903} 904.mobile-search-toggle{ 905display:none; 906height:58px; 907font-size:16px; 908color:var(--header-color); 909align-items:center; 910padding:0 15px 911} 912.mobile-search-toggle:after{ 913content:'\f002'; 914font-family:'Font Awesome 5 Free'; 915font-weight:900; 916margin:0 917} 918.mobile-search-toggle:hover{ 919color:var(--header-hover-color) 920} 921#nav-wrapper,.main-nav-content,.main-nav-flex{ 922position:relative; 923float:left; 924width:100%; 925height:44px; 926z-index:40; 927margin:0 928} 929#nav-wrapper,.main-nav-flex{ 930background-color:var(--main-nav-bg) 931} 932.is-boxed .main-nav-flex{ 933float:none; 934width:1294px; 935max-width:100%; 936margin:0 auto; 937border:0 938} 939.main-nav-items{ 940position:relative; 941float:left; 942width:100%; 943margin:0 944} 945#typify-pro-main-nav{ 946position:relative; 947float:left; 948width:100%; 949height:44px; 950z-index:10 951} 952#typify-pro-main-nav .widget,#typify-pro-main-nav .widget > .widget-title{ 953display:none 954} 955#typify-pro-main-nav .show-menu{ 956display:block 957} 958#typify-pro-main-nav ul#typify-pro-main-nav-menu{ 959display:flex; 960flex-wrap:wrap 961} 962#typify-pro-main-nav ul > li{ 963position:relative; 964padding:0; 965margin:0 966} 967#typify-pro-main-nav-menu > li > a{ 968position:relative; 969display:block; 970height:44px; 971font-family:var(--menu-font); 972font-size:14px; 973color:var(--main-nav-color); 974font-weight:600; 975line-height:44px; 976text-transform:uppercase; 977padding:0 15px; 978margin:0 979} 980#typify-pro-main-nav-menu > li.homepage > a{ 981background-color:var(--main-nav-active-bg); 982color:var(--main-nav-active-color) 983} 984#typify-pro-main-nav-menu > li.is-icon > a{ 985width:44px; 986font-size:17px; 987text-align:center; 988padding:0 989} 990#typify-pro-main-nav-menu > li.is-icon > a:before{ 991content:'\f015'; 992font-family:'Font Awesome 5 Free'; 993font-weight:900; 994margin:0 995} 996#typify-pro-main-nav-menu > li:not(.homepage):hover > a{ 997background-color:var(--main-nav-hover-bg); 998color:var(--main-nav-hover-color) 999} 1000#typify-pro-main-nav ul > li > ul,#typify-pro-main-nav ul > li > .ul{ 1001position:absolute; 1002float:left; 1003left:0; 1004top:44px; 1005width:180px; 1006background-color:var(--submenu-bg); 1007z-index:99999; 1008padding:5px 0; 1009visibility:hidden; 1010opacity:0; 1011box-shadow:0 2px 5px 0 rgba(0,0,0,0.05),0 2px 10px 0 rgba(0,0,0,0.05) 1012} 1013.rtl #typify-pro-main-nav ul > li > ul,.rtl #typify-pro-main-nav ul > li > .ul{ 1014left:auto; 1015right:0 1016} 1017#typify-pro-main-nav ul > li > ul > li > ul{ 1018position:absolute; 1019top:-5px; 1020left:100%; 1021margin:0 1022} 1023.rtl #typify-pro-main-nav ul > li > ul > li > ul{ 1024left:unset; 1025right:100% 1026} 1027#typify-pro-main-nav ul > li > ul > li{ 1028display:block; 1029float:none; 1030position:relative 1031} 1032.rtl #typify-pro-main-nav ul > li > ul > li{ 1033float:none 1034} 1035#typify-pro-main-nav ul > li > ul > li a{ 1036position:relative; 1037display:block; 1038font-size:13px; 1039color:var(--submenu-color); 1040font-weight:400; 1041padding:8px 15px; 1042margin:0 1043} 1044#typify-pro-main-nav ul > li > ul > li:hover > a{ 1045color:var(--submenu-hover-color) 1046} 1047#typify-pro-main-nav ul > li.has-sub > a:after{ 1048content:'\f0d7'; 1049float:right; 1050font-family:'Font Awesome 5 Free'; 1051font-size:14px; 1052font-weight:900; 1053margin:-1px 0 0 5px 1054} 1055.rtl #typify-pro-main-nav ul > li.has-sub > a:after{ 1056float:left; 1057margin:-1px 5px 0 0 1058} 1059#typify-pro-main-nav ul > li > ul > li.has-sub > a:after{ 1060content:'\f0da'; 1061float:right; 1062font-size:12px; 1063margin:0 1064} 1065.rtl #typify-pro-main-nav ul > li > ul > li.has-sub > a:after{ 1066content:'\f0d9' 1067} 1068#typify-pro-main-nav ul ul,#typify-pro-main-nav ul .ul{ 1069transition:all .17s ease 1070} 1071#typify-pro-main-nav ul > li:hover > ul,#typify-pro-main-nav ul > li:hover > .ul,#typify-pro-main-nav ul > li > ul > li:hover > ul{ 1072visibility:visible; 1073opacity:1; 1074margin:0 1075} 1076#typify-pro-main-nav .mega-menu{ 1077position:static!important 1078} 1079#typify-pro-main-nav .mega-menu > .ul{ 1080width:100%; 1081overflow:hidden; 1082background-color:var(--megamenu-bg); 1083display:grid; 1084grid-template-columns:repeat(5,1fr); 1085column-gap:20px; 1086padding:20px 1087} 1088#typify-pro-main-nav .mega-menu > .ul.no-items{ 1089grid-template-columns:1fr 1090} 1091.tab-active{ 1092display:block 1093} 1094.tab-animated,.post-animated{ 1095-webkit-animation-duration:.5s; 1096animation-duration:.5s; 1097-webkit-animation-fill-mode:both; 1098animation-fill-mode:both 1099} 1100@keyframes fadeIn { 1101from{ 1102opacity:0 1103} 1104to{ 1105opacity:1 1106} 1107} 1108.tab-fadeIn,.post-fadeIn{ 1109animation-name:fadeIn 1110} 1111@keyframes fadeInUp { 1112from{ 1113opacity:0; 1114transform:translate3d(0,5px,0) 1115} 1116to{ 1117opacity:1;
1118transform:translate3d(0,0,0) 1119} 1120} 1121@keyframes slideToLeft { 1122from{ 1123opacity:0; 1124transform:translate3d(15px,0,0) 1125} 1126to{ 1127opacity:1; 1128transform:translate3d(0,0,0) 1129} 1130} 1131@keyframes slideToRight { 1132from{ 1133opacity:0; 1134transform:translate3d(-15px,0,0) 1135} 1136to{ 1137opacity:1; 1138transform:translate3d(0,0,0) 1139} 1140} 1141.tab-fadeInUp,.post-fadeInUp{ 1142animation-name:fadeInUp 1143} 1144.mega-items .mega-item{ 1145position:relative; 1146width:100%; 1147padding:0 1148} 1149.mega-items .mega-content{ 1150position:relative; 1151float:left; 1152width:100%; 1153padding:0 1154} 1155.mega-content .entry-image-wrap{ 1156position:relative; 1157display:block; 1158width:100%; 1159height:115px; 1160overflow:hidden; 1161z-index:1; 1162margin:0 0 7px 1163} 1164.mega-content .entry-image-wrap.is-video:after{ 1165transform:translate(50%,-50%) scale(.8) 1166} 1167.mega-content .entry-title{ 1168font-size:13px; 1169font-weight:600; 1170margin:0 1171} 1172.mega-content .entry-title a{ 1173color:var(--megamenu-color) 1174} 1175.mega-content .entry-title a:hover{ 1176color:var(--megamenu-hover-color) 1177} 1178.mega-menu .error-msg{ 1179justify-content:center 1180} 1181.main-toggle-wrap{ 1182position:absolute; 1183top:0; 1184right:0; 1185height:44px; 1186display:flex; 1187z-index:20; 1188margin:0 1189} 1190.rtl .main-toggle-wrap{ 1191left:0; 1192right:unset 1193} 1194.main-toggle-style{ 1195position:relative; 1196width:44px; 1197height:44px; 1198color:var(--main-nav-color); 1199font-size:16px; 1200text-align:center; 1201line-height:44px; 1202cursor:pointer; 1203z-index:20; 1204padding:0; 1205margin:0 1206} 1207.darkmode-toggle{ 1208font-size:14px 1209} 1210.darkmode-toggle:after{ 1211content:'\f186'; 1212font-family:'Font Awesome 5 Free'; 1213font-weight:400; 1214margin:0 1215} 1216html[data-theme=dark] .darkmode-toggle:after{ 1217content:'\f185' 1218} 1219.darkmode-toggle:hover{ 1220opacity:.9 1221} 1222.search-toggle{ 1223} 1224.search-toggle.hide,.search-active .search-toggle.show{ 1225display:none 1226} 1227.search-active .search-toggle.hide{ 1228display:block 1229} 1230.search-toggle:after{ 1231font-family:'Font Awesome 5 Free'; 1232font-weight:900; 1233margin:0 1234} 1235.search-toggle.show:after{ 1236content:'\f002' 1237} 1238.search-toggle.hide:after{ 1239content:'\f00d' 1240} 1241#nav-search-wrap{ 1242display:none; 1243position:absolute; 1244top:0; 1245left:0; 1246width:calc(100% - 44px); 1247height:44px; 1248overflow:hidden; 1249background-color:var(--main-nav-bg); 1250z-index:25; 1251padding:5px 15px 5px 0 1252} 1253.rtl #nav-search-wrap{ 1254left:unset; 1255right:0; 1256padding:5px 0 5px 15px 1257} 1258#nav-search-wrap .search-form{ 1259position:relative; 1260width:100%; 1261height:34px; 1262background-color:rgba(0,0,0,0); 1263overflow:hidden; 1264display:flex; 1265justify-content:space-between; 1266padding:0; 1267border:0 1268} 1269#nav-search-wrap .search-input{ 1270position:relative; 1271width:calc(100% - 34px); 1272height:34px; 1273background-color:rgba(0,0,0,0); 1274font-family:inherit; 1275font-size:14px; 1276color:var(--main-nav-color); 1277font-weight:400; 1278line-height:34px; 1279padding:0; 1280border:0 1281} 1282#nav-search-wrap .search-input:focus,#nav-search-wrap .search-input::placeholder{ 1283color:var(--main-nav-color); 1284outline:none 1285} 1286#nav-search-wrap .search-input::placeholder{ 1287opacity:.5 1288} 1289#nav-search-wrap .search-action{ 1290position:relative; 1291width:34px; 1292min-width:34px; 1293height:34px; 1294background-color:rgba(0,0,0,0); 1295font-family:inherit; 1296font-size:20px; 1297color:var(--main-nav-color); 1298font-weight:400; 1299line-height:34px; 1300text-align:right; 1301cursor:pointer; 1302padding:0; 1303border:0; 1304opacity:.5 1305} 1306.rtl #nav-search-wrap .search-action{ 1307text-align:left 1308} 1309#nav-search-wrap .search-action:before{ 1310display:block; 1311content:'\f30b'; 1312font-family:'Font Awesome 5 Free'; 1313font-weight:900 1314} 1315.rtl #nav-search-wrap .search-action:before{ 1316content:'\f30a' 1317} 1318#nav-search-wrap .search-action:hover{ 1319opacity:1 1320} 1321.overlay{ 1322visibility:hidden; 1323opacity:0; 1324position:fixed; 1325top:0; 1326left:0; 1327right:0; 1328bottom:0; 1329background-color:rgba(23,28,36,0.6); 1330z-index:1000; 1331-webkit-backdrop-filter:saturate(100%) blur(3px); 1332-ms-backdrop-filter:saturate(100%) blur(3px); 1333-o-backdrop-filter:saturate(100%) blur(3px); 1334backdrop-filter:saturate(100%) blur(3px); 1335margin:0; 1336transition:all .35s ease 1337} 1338#slide-menu{ 1339display:none; 1340position:fixed; 1341width:300px; 1342height:100%; 1343top:0; 1344left:0; 1345bottom:0; 1346background-color:var(--mobilemenu-bg); 1347overflow:hidden; 1348z-index:1010; 1349left:0; 1350-webkit-transform:translateX(-100%); 1351transform:translateX(-100%); 1352visibility:hidden; 1353box-shadow:3px 0 7px rgba(0,0,0,0.1); 1354transition:all .35s ease 1355} 1356.rtl #slide-menu{ 1357left:unset; 1358right:0; 1359-webkit-transform:translateX(100%); 1360transform:translateX(100%) 1361} 1362.nav-active #slide-menu,.rtl .nav-active #slide-menu{ 1363-webkit-transform:translateX(0); 1364transform:translateX(0); 1365visibility:visible 1366} 1367.slide-menu-header{ 1368float:left; 1369width:100%; 1370height:58px; 1371background-color:var(--header-bg); 1372overflow:hidden; 1373display:flex; 1374justify-content:space-between; 1375box-shadow:0 2px 10px -3px rgba(0,0,0,0.1) 1376} 1377.mobile-search{ 1378position:relative; 1379flex:1; 1380padding:0 0 0 15px; 1381margin:12px 0 0 1382} 1383.rtl .mobile-search{ 1384padding:0 15px 0 0 1385} 1386.mobile-search .search-form{ 1387position:relative; 1388width:100%; 1389height:34px; 1390background-color:rgba(155,155,155,0.05); 1391overflow:hidden; 1392display:flex; 1393justify-content:space-between; 1394border-radius:2px 1395} 1396.mobile-search .search-input{ 1397position:relative; 1398width:calc(100% - 34px); 1399height:34px; 1400background-color:rgba(0,0,0,0); 1401font-family:inherit; 1402font-size:13px; 1403color:var(--header-color);
1404font-weight:400; 1405line-height:34px; 1406padding:0 10px; 1407border:0 1408} 1409.mobile-search .search-input:focus,.mobile-search .search-input::placeholder{ 1410color:var(--header-color) 1411} 1412.mobile-search .search-input::placeholder{ 1413opacity:.5 1414} 1415.mobile-search .search-action{ 1416position:relative; 1417width:34px; 1418height:34px; 1419background-color:rgba(0,0,0,0); 1420font-family:inherit; 1421font-size:10px; 1422color:var(--header-color); 1423font-weight:400; 1424line-height:34px; 1425text-align:center; 1426cursor:pointer; 1427padding:0; 1428border:0; 1429opacity:.5 1430} 1431.rtl .mobile-search .search-action{ 1432left:0; 1433right:unset 1434} 1435.mobile-search .search-action:before{ 1436display:block; 1437content:'\f002'; 1438font-family:'Font Awesome 5 Free'; 1439font-weight:900 1440} 1441.mobile-search .search-action:hover{ 1442opacity:1 1443} 1444.mobile-toggle-wrap{ 1445position:relative; 1446display:flex; 1447height:58px; 1448line-height:58px; 1449margin:0 1450} 1451.mobile-toggle-wrap .darkmode-toggle{ 1452color:var(--header-color); 1453font-size:14px; 1454padding:0 0 0 15px 1455} 1456.rtl .mobile-toggle-wrap .darkmode-toggle{ 1457padding:0 15px 0 0 1458} 1459.mobile-toggle-wrap .darkmode-toggle:hover{ 1460color:var(--header-hover-color) 1461} 1462.hide-typify-pro-mobile-menu{ 1463position:relative; 1464height:58px; 1465color:var(--header-color); 1466font-size:16px; 1467cursor:pointer; 1468z-index:20; 1469padding:0 15px; 1470margin:0 1471} 1472.hide-typify-pro-mobile-menu:before{ 1473content:'\f00d'; 1474font-family:'Font Awesome 5 Free'; 1475font-weight:900 1476} 1477.hide-typify-pro-mobile-menu:hover{ 1478color:var(--header-hover-color) 1479} 1480.slide-menu-flex{ 1481position:relative; 1482float:left; 1483width:100%; 1484height:calc(100% - 58px); 1485display:flex; 1486flex-direction:column; 1487justify-content:space-between; 1488overflow:hidden; 1489overflow-y:auto; 1490-webkit-overflow-scrolling:touch; 1491margin:0 1492} 1493.typify-pro-mobile-menu{ 1494position:relative; 1495float:left; 1496width:100%; 1497padding:20px 15px 1498} 1499.typify-pro-mobile-menu > ul{ 1500margin:0 1501} 1502.typify-pro-mobile-menu .m-sub{ 1503display:none; 1504padding:0 1505} 1506.typify-pro-mobile-menu ul li{ 1507position:relative; 1508display:block; 1509overflow:hidden; 1510float:left; 1511width:100%; 1512font-size:14px; 1513font-weight:600; 1514margin:0; 1515padding:0 1516} 1517.typify-pro-mobile-menu > ul li ul{ 1518overflow:hidden 1519} 1520.typify-pro-mobile-menu ul li a{ 1521color:var(--mobilemenu-color); 1522padding:10px 0; 1523display:block 1524} 1525.typify-pro-mobile-menu > ul > li > a{ 1526text-transform:uppercase 1527} 1528.typify-pro-mobile-menu ul li.has-sub .submenu-toggle{ 1529position:absolute; 1530top:0; 1531right:0; 1532width:30px; 1533color:var(--mobilemenu-color); 1534text-align:right; 1535cursor:pointer; 1536padding:10px 0 1537} 1538.rtl .typify-pro-mobile-menu ul li.has-sub .submenu-toggle{ 1539text-align:left; 1540right:auto; 1541left:0 1542} 1543.typify-pro-mobile-menu ul li.has-sub .submenu-toggle:after{ 1544content:'\f0d7'; 1545font-family:'Font Awesome 5 Free'; 1546font-weight:900; 1547float:right; 1548font-size:14px; 1549text-align:right; 1550transition:all 0 ease 1551} 1552.rtl .typify-pro-mobile-menu ul li.has-sub .submenu-toggle:after{ 1553float:left 1554} 1555.typify-pro-mobile-menu ul li.has-sub.show > .submenu-toggle:after{ 1556content:'\f0d8' 1557} 1558.typify-pro-mobile-menu ul li a:hover,.typify-pro-mobile-menu ul li.has-sub.show > a,.typify-pro-mobile-menu ul li.has-sub.show > .submenu-toggle{ 1559color:var(--mobilemenu-hover-color) 1560} 1561.typify-pro-mobile-menu > ul > li > ul > li a{ 1562font-size:13px; 1563font-weight:400; 1564opacity:.9; 1565padding:10px 0 10px 10px 1566} 1567.rtl .typify-pro-mobile-menu > ul > li > ul > li a{ 1568padding:10px 10px 10px 0 1569} 1570.typify-pro-mobile-menu > ul > li > ul > li > ul > li > a{ 1571padding:10px 0 10px 20px 1572} 1573.rtl .typify-pro-mobile-menu > ul > li > ul > li > ul > li > a{ 1574padding:10px 20px 10px 0 1575} 1576.typify-pro-mobile-menu ul > li > .submenu-toggle:hover{ 1577color:var(--mobilemenu-hover-color) 1578} 1579.mobile-menu-footer{ 1580position:relative; 1581float:left; 1582width:100%; 1583padding:20px 15px; 1584margin:0 1585} 1586.mobile-navbar-social,.mobile-navbar-menu{ 1587position:relative; 1588float:left; 1589width:100%; 1590margin:10px 0 0 1591} 1592.mobile-navbar-social{ 1593margin:0 1594} 1595.mobile-navbar-social ul{ 1596display:flex; 1597flex-wrap:wrap 1598} 1599.mobile-navbar-social ul li{ 1600margin:0 10px 0 0 1601} 1602.rtl .mobile-navbar-social ul li{ 1603margin:0 0 0 10px 1604} 1605.mobile-navbar-social ul li:last-child{ 1606margin:0 1607} 1608.mobile-navbar-social ul li a{ 1609display:block; 1610width:20px; 1611height:20px; 1612font-size:12px; 1613color:#fff; 1614text-align:center; 1615line-height:20px; 1616padding:0; 1617border-radius:50% 1618} 1619.mobile-navbar-social ul li a:hover{ 1620filter:brightness(1.1) 1621} 1622.mobile-navbar-menu ul{ 1623display:flex; 1624flex-wrap:wrap 1625} 1626.mobile-navbar-menu ul li{ 1627margin:5px 20px 0 0 1628} 1629.rtl .mobile-navbar-menu ul li{ 1630margin:5px 0 0 20px 1631} 1632.mobile-navbar-menu ul li:last-child{ 1633margin:5px 0 0 1634} 1635.mobile-navbar-menu ul li a{ 1636display:block; 1637font-size:14px; 1638color:var(--mobilemenu-color);
1639font-weight:400; 1640padding:0 1641} 1642.mobile-navbar-menu ul li a:hover{ 1643color:var(--mobilemenu-hover-color) 1644} 1645.main-nav-content.is-fixed{ 1646position:fixed; 1647top:-64px; 1648left:0; 1649width:100%; 1650z-index:990; 1651backface-visibility:hidden; 1652transform:translate3d(0,20px,0); 1653transition:transform .25s ease 1654} 1655.main-nav-content.is-fixed.show{ 1656transform:translate3d(0,64px,0) 1657} 1658.main-nav-content.is-fixed.show .main-nav-flex{ 1659box-shadow:0 2px 10px -3px rgba(0,0,0,0.1) 1660} 1661.loader{ 1662position:relative; 1663width:100%; 1664height:100%; 1665overflow:hidden; 1666display:flex; 1667align-items:center; 1668justify-content:center; 1669margin:0 1670} 1671.loader-ellipsis{ 1672display:inline-block; 1673position:relative; 1674width:50px; 1675height:10px 1676} 1677.loader-ellipsis div{ 1678position:absolute; 1679top:0; 1680width:10px; 1681height:10px; 1682border-radius:50%; 1683background:var(--main-color); 1684animation-duration:.6s; 1685animation-iteration-count:infinite; 1686animation-timing-function:ease 1687} 1688.loader-ellipsis div:nth-child(1){ 1689left:5px; 1690animation-name:lds-ellipsis1 1691} 1692.loader-ellipsis div:nth-child(2){ 1693left:5px; 1694animation-name:lds-ellipsis2 1695} 1696.loader-ellipsis div:nth-child(3){ 1697left:20px; 1698animation-name:lds-ellipsis2 1699} 1700.loader-ellipsis div:nth-child(4){ 1701left:35px; 1702animation-name:lds-ellipsis3 1703} 1704@keyframes lds-ellipsis1 { 17050%{ 1706transform:scale(0) 1707} 1708100%{ 1709transform:scale(1) 1710} 1711} 1712@keyframes lds-ellipsis3 { 17130%{ 1714transform:scale(1) 1715} 1716100%{ 1717transform:scale(0) 1718} 1719} 1720@keyframes lds-ellipsis2 { 17210%{ 1722transform:translate(0,0) 1723} 1724100%{ 1725transform:translate(15px,0) 1726} 1727} 1728#header-ads-wrap.ads-page-hidden,#footer-ads-wrap.ads-page-hidden{ 1729display:none 1730} 1731#header-ads-wrap{ 1732position:relative; 1733float:left; 1734width:100% 1735} 1736#header-ads-wrap.no-widget{ 1737display:none 1738} 1739.header-ads .widget{ 1740position:relative; 1741float:left; 1742width:100%; 1743text-align:center; 1744line-height:1.6; 1745margin:30px 0 0 1746} 1747.header-ads .widget-content{ 1748float:left; 1749width:100%; 1750margin:0 1751} 1752.header-ads .widget > .widget-title{ 1753display:none 1754} 1755#featured-wrapper{ 1756position:relative; 1757float:left; 1758width:100%; 1759margin:0 1760} 1761#featured-wrapper.no-widget{ 1762display:none 1763} 1764#featured .widget,#featured .widget .widget-content{ 1765display:none 1766} 1767#featured .widget.HTML,#featured .widget.show-ify .widget-content{ 1768display:block 1769} 1770#featured .widget{ 1771position:relative; 1772overflow:hidden; 1773height:362px; 1774padding:0; 1775margin:30px 0 0 1776} 1777#featured .widget-content{ 1778position:relative; 1779overflow:hidden; 1780height:362px; 1781margin:0 1782} 1783#featured .widget-content .error-msg{ 1784justify-content:center; 1785height:100%; 1786padding:0 1787} 1788.featured-items{ 1789position:relative; 1790height:362px; 1791margin:0 1792} 1793.featured-item{ 1794position:relative; 1795float:left; 1796width:calc((100% - 6px) / 4); 1797height:180px; 1798overflow:hidden; 1799box-sizing:border-box; 1800padding:0; 1801margin:0 2px 0 0 1802} 1803.featured-item.item-0,.featured-item.item-1{ 1804width:calc((100% - 2px) / 2) 1805} 1806.rtl .featured-item{ 1807float:right; 1808margin:0 0 0 2px 1809} 1810.featured-item.item-0{ 1811height:362px 1812} 1813.featured-item.item-1{ 1814margin:0 0 2px 1815} 1816.featured-item.item-3{ 1817margin:0 1818} 1819.featured-item .entry-inner{ 1820position:relative; 1821float:left; 1822width:100%; 1823height:100%; 1824overflow:hidden; 1825display:block; 1826z-index:10 1827} 1828.featured-item .entry-image-wrap{ 1829float:left; 1830position:relative; 1831width:100%; 1832height:100%; 1833overflow:hidden; 1834display:block; 1835z-index:5; 1836margin:0 1837} 1838.featured-item .entry-tag{ 1839top:15px; 1840left:15px 1841} 1842.rtl .featured-item .entry-tag{ 1843left:unset; 1844right:15px 1845} 1846.featured-item .entry-info{ 1847padding:15px 1848} 1849.featured-item .entry-title{ 1850font-size:14px; 1851display:block; 1852margin:0 1853} 1854.featured-item.item-0 .entry-title{ 1855font-size:21px 1856} 1857.featured-item.item-1 .entry-title{ 1858font-size:17px 1859} 1860.featured-item .entry-meta{ 1861display:flex; 1862flex-wrap:wrap; 1863margin:5px 0 0 1864} 1865.featured-item .entry-author,.featured-item .entry-time{ 1866display:flex 1867} 1868.featured-item .entry-author .by,.featured-item .author-name,.featured-item .entry-time .on{ 1869margin:0 4px 0 0 1870} 1871.rtl .featured-item .entry-author .by,.rtl .featured-item .author-name,.rtl .featured-item .entry-time .on{ 1872margin:0 0 0 4px 1873} 1874#main-wrapper #main{ 1875position:relative; 1876float:left; 1877width:100%; 1878margin:0 1879} 1880.is-home #main-wrapper.main-margin #main{ 1881margin-bottom:30px 1882} 1883#main .Blog{ 1884position:relative; 1885float:left; 1886width:100%; 1887margin:0 1888} 1889.queryMessage{ 1890float:left; 1891width:100%; 1892color:var(--title-color); 1893line-height:0; 1894margin:0 0 20px 1895} 1896.queryMessage .query-info,.Blog.no-posts .queryMessage{ 1897margin:0 1898} 1899.queryMessage .query-info{ 1900font-size:14px; 1901color:var(--title-color);
1902font-weight:600; 1903text-transform:uppercase; 1904line-height:1; 1905margin:0 1906} 1907.queryMessage .query-label:after{ 1908content:'\f078'; 1909display:inline-block; 1910vertical-align:middle; 1911font-family:'Font Awesome 5 Free'; 1912font-size:11px; 1913font-weight:900; 1914margin:0 0 0 3px 1915} 1916.rtl .queryMessage .query-label:after{ 1917margin:0 3px 0 0 1918} 1919.queryEmpty{ 1920float:left; 1921width:100%; 1922font-size:14px; 1923font-weight:400; 1924margin:50px 0; 1925text-align:center 1926} 1927.blog-post{ 1928display:block; 1929word-wrap:break-word 1930} 1931.title-wrap{ 1932position:relative; 1933float:left; 1934width:100%; 1935height:14px; 1936margin:0 0 20px 1937} 1938.title-wrap:before{ 1939position:absolute; 1940content:''; 1941top:0; 1942left:0; 1943width:100%; 1944height:10px; 1945background-color:var(--border-color); 1946z-index:1; 1947margin:2px 0 1948} 1949.title-wrap > .title{ 1950position:relative; 1951float:left; 1952height:100%; 1953background-color:var(--outer-bg); 1954font-family:var(--title-font); 1955font-size:14px; 1956color:var(--widget-title-color); 1957font-weight:600; 1958text-transform:uppercase; 1959display:flex; 1960align-items:center; 1961z-index:2; 1962padding:0 6px 0 0; 1963margin:0 1964} 1965.rtl .title-wrap > .title{ 1966float:right; 1967padding:0 0 0 6px 1968} 1969.title-wrap > .title:before{ 1970position:relative; 1971content:''; 1972width:4px; 1973height:10px; 1974background-color:var(--widget-title-dot); 1975margin:0 5px 0 0; 1976border-radius:2px 1977} 1978.rtl .title-wrap > .title:before{ 1979margin:0 0 0 5px 1980} 1981.index-post-wrap{ 1982position:relative; 1983float:left; 1984width:100%; 1985margin:0 1986} 1987.Blog.no-posts .index-post-wrap{ 1988display:none 1989} 1990.post-animated{ 1991-webkit-animation-duration:.5s; 1992animation-duration:.5s; 1993-webkit-animation-fill-mode:both; 1994animation-fill-mode:both 1995} 1996.post-fadeIn{ 1997animation-name:fadeIn 1998} 1999.post-fadeInUp{ 2000animation-name:fadeInUp 2001} 2002.index-post{ 2003position:relative; 2004float:left; 2005width:100%; 2006display:flex; 2007flex-wrap:wrap; 2008padding:0 0 20px; 2009margin:0 0 20px; 2010border-bottom:1px solid var(--border-color) 2011} 2012.index-post.post-ad-type{ 2013padding:0 0 20px!important; 2014margin:0 0 20px!important; 2015border-width:1px!important 2016} 2017.index-post .entry-image-wrap{ 2018position:relative; 2019width:250px; 2020height:155px; 2021overflow:hidden; 2022margin:0 17px 0 0 2023} 2024.rtl .index-post .entry-image-wrap{ 2025margin:0 0 0 17px 2026} 2027.index-post .entry-header{ 2028display:flex; 2029flex-direction:column; 2030flex:1 1 250px; 2031padding:0 2032} 2033.index-post .entry-title{ 2034font-size:19px; 2035margin:0 2036} 2037.index-post .entry-meta{ 2038display:flex; 2039flex-wrap:wrap; 2040font-size:12px; 2041margin:10px 0 0 2042} 2043.index-post .entry-author,.index-post .entry-time{ 2044display:flex 2045} 2046.index-post .entry-author .by,.index-post .author-name,.index-post .entry-time .on{ 2047margin:0 4px 0 0 2048} 2049.rtl .index-post .entry-author .by,.rtl .index-post .author-name,.rtl .index-post .entry-time .on{ 2050margin:0 0 0 4px 2051} 2052.index-post .entry-excerpt{ 2053font-size:13px; 2054margin:10px 0 0 2055} 2056.inline-ad-wrap{ 2057position:relative; 2058float:left; 2059width:100%; 2060margin:0 2061} 2062.inline-ad{ 2063position:relative; 2064float:left; 2065width:100%; 2066text-align:center; 2067line-height:1; 2068margin:0 2069} 2070.item-post-wrap,.is-single .item-post,.item-post-inner{ 2071position:relative; 2072float:left; 2073width:100%; 2074margin:0 2075} 2076.item-post .blog-entry-header{ 2077position:relative; 2078float:left; 2079width:100%; 2080display:flex; 2081flex-direction:column; 2082margin:0 2083} 2084#breadcrumb{ 2085float:left; 2086width:100%; 2087font-family:var(--meta-font); 2088font-size:13px; 2089color:var(--meta-color); 2090font-weight:400; 2091line-height:1; 2092margin:0 0 13px 2093} 2094#breadcrumb a{ 2095color:var(--meta-color) 2096} 2097#breadcrumb a.home,#breadcrumb a:hover{ 2098color:var(--main-color) 2099} 2100#breadcrumb a,#breadcrumb em{ 2101display:inline 2102} 2103#breadcrumb em:after{ 2104content:'\f054'; 2105font-family:'Font Awesome 5 Free'; 2106font-size:9px; 2107font-weight:900; 2108font-style:normal; 2109margin:0 3px 2110} 2111.rtl #breadcrumb em:after{ 2112content:'\f053' 2113} 2114.item-post h1.entry-title{ 2115position:relative; 2116float:left; 2117width:100%; 2118font-size:33px; 2119font-weight:700; 2120margin:0 2121} 2122.item-post .has-meta h1.entry-title{ 2123margin-bottom:16px 2124} 2125.item-post .entry-meta{ 2126display:flex; 2127flex-wrap:wrap; 2128justify-content:space-between; 2129font-size:13px; 2130margin:0 2131} 2132.item-post .entry-meta .align-left,.item-post .entry-meta .align-right{ 2133display:flex; 2134flex-wrap:wrap; 2135align-items:center 2136} 2137.item-post .entry-author,.item-post .entry-time{ 2138display:flex; 2139align-items:center 2140} 2141.item-post .entry-author .by,.item-post .author-name,.item-post .entry-time .on{ 2142margin:0 4px 0 0 2143} 2144.rtl .item-post .entry-author .by,.rtl .item-post .author-name,.rtl .item-post .entry-time .on{ 2145margin:0 0 0 4px 2146} 2147.item-post .entry-meta .author-avatar{ 2148position:relative; 2149width:26px; 2150height:26px; 2151background-color:rgba(155,155,155,0.08); 2152background-size:100%; 2153margin:0 7px 0 0; 2154border-radius:50%; 2155box-shadow:0 2px 5px -3px rgba(155,155,155,0.15); 2156opacity:0; 2157transition:opacity .35s ease 2158} 2159.item-post .entry-meta .author-avatar.lazy-ify{ 2160opacity:1 2161} 2162.rtl .item-post .entry-meta .author-avatar{ 2163margin:0 0 0 7px 2164} 2165.item-post .entry-meta .entry-comments-link{ 2166display:none; 2167float:right; 2168margin:0 0 0 12px 2169} 2170.item-post .entry-meta .entry-comments-link:before{ 2171color:var(--main-color) 2172} 2173.rtl .item-post .entry-meta .entry-comments-link{ 2174float:left; 2175margin:0 12px 0 0 2176} 2177.item-post .entry-meta .entry-comments-link:before{ 2178display:inline-block; 2179vertical-align:middle; 2180content:'\f086'; 2181font-family:'Font Awesome 5 Free'; 2182font-size:13px;
2183font-weight:400; 2184margin:0 5px 0 0 2185} 2186.rtl .item-post .entry-meta .entry-comments-link:before{ 2187margin:0 0 0 5px 2188} 2189.item-post .entry-meta .entry-comments-link.show{ 2190display:block 2191} 2192.entry-content-wrap{ 2193position:relative; 2194float:left; 2195width:100%; 2196margin:0 2197} 2198#post-body{ 2199position:relative; 2200float:left; 2201width:100%; 2202font-family:var(--text-font); 2203font-size:16px; 2204color:var(--post-text-color); 2205line-height:1.6em; 2206padding:0; 2207margin:25px 0 0 2208} 2209.post-body p{ 2210margin-bottom:25px 2211} 2212.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{ 2213font-size:15px; 2214color:var(--title-color); 2215margin:0 0 20px 2216} 2217.post-body h1{ 2218font-size:26px 2219} 2220.post-body h2{ 2221font-size:23px 2222} 2223.post-body h3{ 2224font-size:20px 2225} 2226.post-body h4{ 2227font-size:17px 2228} 2229.post-body h5{ 2230font-size:16px 2231} 2232.post-body img{ 2233height:auto!important 2234} 2235blockquote{ 2236position:relative; 2237background-color:rgba(155,155,155,0.08); 2238color:var(--title-color); 2239font-style:normal; 2240padding:15px 20px; 2241margin:0; 2242border-left:3px solid var(--main-color); 2243border-radius:2px 2244} 2245.rtl blockquote{ 2246border-left:0; 2247border-right:3px solid var(--main-color) 2248} 2249blockquote:before{ 2250position:absolute; 2251left:10px; 2252top:10px; 2253content:'\f10e'; 2254font-family:'Font Awesome 5 Free'; 2255font-size:33px; 2256font-style:normal; 2257font-weight:900; 2258color:var(--meta-color); 2259line-height:1; 2260opacity:.2; 2261margin:0 2262} 2263.rtl blockquote:before{ 2264left:unset; 2265right:10px 2266} 2267.post-body .responsive-video-wrap{ 2268position:relative; 2269width:100%; 2270padding:0; 2271padding-top:56% 2272} 2273.post-body .responsive-video-wrap iframe{ 2274position:absolute; 2275top:0; 2276left:0; 2277width:100%; 2278height:100% 2279} 2280.post-body ul, 2281.post-body ol{ 2282margin:12px 0; 2283padding-left:28px; 2284} 2285.rtl .post-body ul, 2286.rtl .post-body ol{ 2287padding-left:0; 2288padding-right:28px; 2289} 2290.post-body li{ 2291margin:4px 0; 2292padding:0; 2293} 2294.post-body ul > li{ 2295list-style:disc outside; 2296} 2297.post-body ol > li{ 2298list-style:decimal outside; 2299} 2300.post-body li::before{ 2301content:none; 2302} 2303.post-body u{ 2304text-decoration:underline 2305} 2306.post-body strike{ 2307text-decoration:line-through 2308} 2309.post-body sup{ 2310vertical-align:super 2311} 2312.post-body a{ 2313color:var(--main-color) 2314} 2315.post-body a:hover{ 2316text-decoration:underline 2317} 2318.post-body a.button{ 2319display:inline-block; 2320height:34px; 2321background-color:var(--button-bg); 2322font-family:var(--body-font); 2323font-size:14px; 2324color:var(--button-color); 2325font-weight:400; 2326line-height:34px; 2327text-align:center; 2328text-decoration:none; 2329cursor:pointer; 2330padding:0 20px; 2331margin:0 5px 5px 0 2332} 2333.rtl .post-body a.button{ 2334margin:0 0 5px 5px 2335} 2336.post-body a.colored-button{ 2337color:#fff 2338} 2339.post-body a.button:hover{ 2340background-color:var(--button-hover-bg); 2341color:var(--button-hover-color) 2342} 2343.post-body a.colored-button:hover{ 2344background-color:var(--button-hover-bg)!important; 2345color:var(--button-hover-color)!important 2346} 2347.button:before{ 2348float:left; 2349font-family:'Font Awesome 5 Free'; 2350font-weight:900; 2351display:inline-block; 2352margin:0 8px 0 0 2353} 2354.rtl .button:before{ 2355float:right; 2356margin:0 0 0 8px 2357} 2358.button.preview:before{ 2359content:'\f06e' 2360} 2361.button.download:before{ 2362content:'\f019' 2363} 2364.button.link:before{ 2365content:'\f0c1' 2366} 2367.button.cart:before{ 2368content:'\f07a' 2369} 2370.button.info:before{ 2371content:'\f06a' 2372} 2373.button.share:before{ 2374content:'\f1e0' 2375} 2376.button.contact:before{ 2377content:'\f0e0'; 2378font-weight:400 2379} 2380.alert-message{ 2381position:relative; 2382display:block; 2383padding:15px; 2384border:1px solid var(--border-color); 2385border-radius:2px 2386} 2387.alert-message.alert-success{ 2388background-color:rgba(34,245,121,0.03); 2389border:1px solid rgba(34,245,121,0.5) 2390} 2391.alert-message.alert-info{ 2392background-color:rgba(55,153,220,0.03); 2393border:1px solid rgba(55,153,220,0.5) 2394} 2395.alert-message.alert-warning{ 2396background-color:rgba(185,139,61,0.03); 2397border:1px solid rgba(185,139,61,0.5) 2398} 2399.alert-message.alert-error{ 2400background-color:rgba(231,76,60,0.03); 2401border:1px solid rgba(231,76,60,0.5) 2402} 2403.alert-message:before{ 2404font-family:'Font Awesome 5 Free'; 2405font-size:16px; 2406font-weight:900; 2407display:inline-block; 2408margin:0 5px 0 0 2409} 2410.rtl .alert-message:before{ 2411margin:0 0 0 5px 2412} 2413.alert-message.alert-success:before{ 2414content:'\f058'; 2415color:rgba(34,245,121,1) 2416} 2417.alert-message.alert-info:before{ 2418content:'\f05a'; 2419color:rgba(55,153,220,1) 2420} 2421.alert-message.alert-warning:before{ 2422content:'\f06a'; 2423color:rgba(185,139,61,1) 2424} 2425.alert-message.alert-error:before{ 2426content:'\f057'; 2427color:rgba(231,76,60,1) 2428} 2429.post-body table{ 2430width:100%; 2431overflow-x:auto; 2432text-align:left; 2433margin:0; 2434border-collapse:collapse; 2435border:1px solid var(--border-color) 2436} 2437.rtl .post-body table{ 2438text-align:right 2439} 2440.post-body table td,.post-body table th{ 2441padding:7px 15px; 2442border:1px solid var(--border-color) 2443} 2444.post-body table thead th{ 2445color:var(--post-title-color);
2446font-weight:700; 2447vertical-align:bottom 2448} 2449.tocify-wrap{ 2450display:flex; 2451width:100%; 2452clear:both; 2453margin:0 2454} 2455.tocify-inner{ 2456position:relative; 2457max-width:100%; 2458background-color:rgba(155,155,155,0.08); 2459display:flex; 2460flex-direction:column; 2461overflow:hidden; 2462font-size:14px; 2463line-height:1.6em; 2464border-radius:2px 2465} 2466a.tocify-title{ 2467position:relative; 2468height:38px; 2469background-color:rgba(155,155,155,0.08); 2470color:var(--title-color); 2471font-weight:600; 2472display:flex; 2473align-items:center; 2474justify-content:space-between; 2475padding:0 15px; 2476margin:0 2477} 2478.tocify-title:after{ 2479content:'\f022'; 2480font-family:'Font Awesome 5 Free'; 2481font-size:16px; 2482font-weight:400; 2483margin:0 0 0 25px 2484} 2485.rtl .tocify-title:after{ 2486margin:0 25px 0 0 2487} 2488.tocify-title.is-expanded:after{ 2489font-weight:900 2490} 2491a.tocify-title:hover{ 2492text-decoration:none 2493} 2494#tocify{ 2495display:none; 2496padding:10px 20px; 2497margin:0 2498} 2499#tocify ol{ 2500padding:0 0 0 15px 2501} 2502.rtl #tocify ol{ 2503padding:0 15px 0 0 2504} 2505#tocify li{ 2506font-size:13px; 2507margin:6px 0 2508} 2509#tocify li a{ 2510color:var(--title-color) 2511} 2512#tocify li a:hover{ 2513color:var(--main-color); 2514text-decoration:underline 2515} 2516.contact-form{ 2517overflow:hidden 2518} 2519.contact-form .widget-title{ 2520display:none 2521} 2522.contact-form .contact-form-name{ 2523width:calc(50% - 5px); 2524height:36px 2525} 2526.rtl .contact-form .contact-form-name{ 2527float:right 2528} 2529.contact-form .contact-form-email{ 2530width:calc(50% - 5px); 2531float:right; 2532height:36px 2533} 2534.rtl .contact-form .contact-form-email{ 2535float:left 2536} 2537.contact-form .contact-form-button-submit{ 2538font-family:var(--body-font); 2539height:36px 2540} 2541.post-body pre, 2542pre.code-box{ 2543position:relative; 2544display:block; 2545background-color:#0f1618; 2546color:#f2f2fa; 2547white-space:pre; 2548overflow-x:auto; 2549padding:15px; 2550margin:0; 2551border:0; 2552border-radius:2px 2553} 2554.post-body pre, 2555.post-body pre code, 2556pre.code-box, 2557pre.code-box code{ 2558font-family:Monaco, Consolas, "Courier New", monospace; 2559font-size:13px; 2560line-height:1.5; 2561} 2562html[data-theme=dark] .post-body pre,html[data-theme=dark] pre.code-box{ 2563background-color:rgba(155,155,155,0.08) 2564} 2565.post-body .google-auto-placed{ 2566margin:30px 0 0 2567} 2568.post-footer{ 2569position:relative; 2570float:left; 2571width:100%; 2572margin:0 2573} 2574.entry-labels{ 2575position:relative; 2576float:left; 2577width:100%; 2578display:flex; 2579flex-wrap:wrap; 2580margin:25px 0 0 2581} 2582.entry-labels span,.entry-labels a{ 2583font-size:14px; 2584font-weight:400; 2585line-height:1; 2586margin:5px 5px 0 0 2587} 2588.rtl .entry-labels span,.rtl .entry-labels a{ 2589margin:5px 0 0 5px 2590} 2591.entry-labels span{ 2592color:var(--title-color); 2593font-weight:700 2594} 2595.entry-labels a{ 2596color:var(--main-color); 2597border-bottom:1px solid var(--main-color) 2598} 2599.entry-labels a:hover{ 2600color:var(--title-color); 2601border-color:var(--title-color) 2602} 2603.entry-labels a:after{ 2604content:','; 2605color:var(--meta-color) 2606} 2607.entry-labels a:last-child:after{ 2608display:none 2609} 2610.post-share{ 2611position:relative; 2612float:left; 2613width:100%; 2614padding:20px 0 0; 2615margin:0 2616} 2617ul.typify-pro-share-links{ 2618position:relative; 2619float:left; 2620width:calc(100% + 5px); 2621display:flex; 2622flex-wrap:wrap; 2623align-items:flex-start; 2624margin:0 -2.5px 2625} 2626.typify-pro-share-links li{ 2627padding:0 2.5px 2628} 2629.typify-pro-share-links .flex-1{ 2630flex:1 1 150px 2631} 2632.typify-pro-share-links li a{ 2633float:left; 2634width:36px; 2635min-width:36px; 2636height:36px; 2637overflow:hidden; 2638font-size:16px; 2639color:#fff; 2640line-height:36px; 2641font-weight:400; 2642cursor:pointer; 2643text-align:center; 2644margin:5px 0 0 2645} 2646.typify-pro-share-links .flex-1 a{ 2647width:100%; 2648display:flex; 2649justify-content:space-between; 2650padding:0 2651} 2652.typify-pro-share-links li a:before{ 2653display:inline-block; 2654margin:0 2655} 2656.typify-pro-share-links .flex-1 a:before{ 2657width:36px; 2658background-color:rgba(255,255,255,0.1) 2659} 2660.typify-pro-share-links li a span{ 2661display:inline-block; 2662flex:1; 2663font-size:14px; 2664font-weight:400; 2665padding:0 10px 2666} 2667.typify-pro-share-links li a:hover{ 2668opacity:.9 2669} 2670.typify-pro-share-links .show-hid a{ 2671background-color:rgba(155,155,155,0.08); 2672font-size:14px; 2673color:rgba(155,155,155,0.8) 2674} 2675.typify-pro-share-links .show-hid a:before{ 2676content:'\f067'; 2677font-family:'Font Awesome 5 Free'; 2678font-weight:900 2679} 2680.show-hidden .show-hid a:before{ 2681content:'\f068' 2682} 2683.typify-pro-share-links li.pinterest-p,.typify-pro-share-links li.linkedin,.typify-pro-share-links li.vk,.typify-pro-share-links li.telegram{ 2684display:none 2685}
2686.show-hidden li.pinterest-p,.show-hidden li.linkedin,.show-hidden li.vk,.show-hidden li.telegram{ 2687display:inline-block 2688} 2689.about-author{ 2690position:relative; 2691float:left; 2692width:100%; 2693padding:20px; 2694margin:30px 0 0; 2695border:1px solid var(--border-color); 2696border-radius:2px 2697} 2698.about-author .avatar-container{ 2699position:relative; 2700float:left; 2701width:60px; 2702height:60px; 2703background-color:rgba(155,155,155,0.08); 2704overflow:hidden; 2705margin:0 15px 0 0; 2706border-radius:50%; 2707box-shadow:0 2px 5px -3px rgba(155,155,155,0.15) 2708} 2709.rtl .about-author .avatar-container{ 2710float:right; 2711margin:0 0 0 15px 2712} 2713.about-author .author-avatar{ 2714float:left; 2715width:100%; 2716height:100%; 2717background-size:100% 100%; 2718background-position:0 0; 2719background-repeat:no-repeat; 2720overflow:hidden; 2721opacity:0; 2722border-radius:50%; 2723transition:opacity .35s ease 2724} 2725.about-author .author-avatar.lazy-ify{ 2726opacity:1 2727} 2728.about-author .author-name{ 2729display:block; 2730font-family:var(--title-font); 2731font-size:17px; 2732color:var(--title-color); 2733font-weight:700; 2734margin:0 0 8px 2735} 2736.about-author .author-name:hover{ 2737color:var(--title-hover-color) 2738} 2739.author-description{ 2740display:flex; 2741flex-direction:column; 2742flex:1 1 100px 2743} 2744.author-description p{ 2745display:block; 2746font-size:14px; 2747color:var(--text-color); 2748font-weight:400 2749} 2750.author-description p br{ 2751display:none 2752} 2753.author-description a{ 2754display:none; 2755margin:0 2756} 2757ul.description-links{ 2758display:none; 2759padding:0 2760} 2761ul.description-links.show{ 2762display:flex; 2763flex-wrap:wrap 2764} 2765.description-links li{ 2766margin:12px 12px 0 0 2767} 2768.rtl .description-links li{ 2769margin:12px 0 0 12px 2770} 2771.description-links li a{ 2772display:block; 2773font-size:14px; 2774color:var(--text-color); 2775line-height:1; 2776padding:0 2777} 2778.description-links li a:hover{ 2779opacity:.9 2780} 2781#related-wrap{ 2782float:left; 2783width:100%; 2784margin:30px 0 0 2785} 2786#related-wrap .related-tag{ 2787display:none 2788} 2789.typify-pro-related-content{ 2790float:left; 2791width:100%; 2792margin:0 2793} 2794.typify-pro-related-content .loader{ 2795height:190px 2796} 2797.related-posts{ 2798position:relative; 2799display:grid; 2800grid-template-columns:repeat(3,1fr); 2801column-gap:20px; 2802row-gap:25px; 2803margin:0 2804} 2805.related-posts .related-item{ 2806position:relative; 2807width:100%; 2808display:flex; 2809flex-direction:column; 2810margin:0 2811} 2812.related-posts .entry-image-wrap{ 2813position:relative; 2814width:100%; 2815height:130px; 2816display:block; 2817overflow:hidden; 2818margin:0 0 10px 2819} 2820.related-posts .entry-image-wrap.is-video:after{ 2821transform:translate(50%,-50%) scale(.9) 2822} 2823.related-posts .entry-title{ 2824font-size:15px; 2825margin:0 2826} 2827.post-nav{ 2828float:left; 2829width:100%; 2830display:flex; 2831flex-wrap:wrap; 2832justify-content:space-between; 2833font-size:13px; 2834font-weight:400; 2835margin:30px 0 0 2836} 2837.post-nav a{ 2838display:flex; 2839align-items:center; 2840color:var(--meta-color); 2841line-height:1 2842} 2843.post-nav a:hover{ 2844color:var(--main-color) 2845} 2846.post-nav span{ 2847color:var(--meta-color) 2848} 2849.post-nav-newer-link:before,.rtl .post-nav-older-link:after{ 2850content:'\f053'; 2851float:left; 2852font-family:'Font Awesome 5 Free'; 2853font-size:9px; 2854font-weight:900; 2855margin:0 4px 0 0 2856} 2857.post-nav-older-link:after,.rtl .post-nav-newer-link:before{ 2858content:'\f054'; 2859float:right; 2860font-family:'Font Awesome 5 Free'; 2861font-size:9px; 2862font-weight:900; 2863margin:0 0 0 4px 2864} 2865#blog-pager{ 2866float:left; 2867width:100%; 2868text-align:center; 2869clear:both; 2870padding:0; 2871margin:5px 0 0 2872} 2873.Blog.no-posts #blog-pager{ 2874display:none 2875} 2876#blog-pager .load-more{ 2877display:block; 2878background-color:var(--button-bg); 2879height:36px; 2880font-size:14px; 2881color:var(--button-color); 2882text-align:center; 2883font-weight:400; 2884line-height:36px; 2885padding:0 30px 2886} 2887#blog-pager #typify-pro-load-more-link{ 2888cursor:pointer 2889} 2890#blog-pager #typify-pro-load-more-link:after{ 2891content:'\f078'; 2892display:inline-block; 2893font-family:'Font Awesome 5 Free'; 2894font-size:11px; 2895font-weight:900 2896} 2897#blog-pager #typify-pro-load-more-link:hover{ 2898background-color:var(--button-hover-bg); 2899color:var(--button-hover-color) 2900} 2901#blog-pager .loading,#blog-pager .no-more{ 2902display:none 2903} 2904#blog-pager .loading .loader{ 2905height:36px 2906} 2907#blog-pager .no-more.show{ 2908display:block; 2909background-color:rgba(155,155,155,0.08); 2910color:var(--text-color) 2911} 2912#blog-pager .loading .loader:after{ 2913width:28px; 2914height:28px; 2915margin:-16px 0 0 -16px 2916} 2917.typify-pro-blog-post-comments{ 2918display:none; 2919float:left; 2920width:100%; 2921padding:0; 2922margin:30px 0 0 2923} 2924.no-comments.comments-system-blogger .comments-title{ 2925display:none 2926} 2927.comments-system-disqus .comments-title,.comments-system-facebook .comments-title{ 2928margin:0 0 10px 2929} 2930#comments,#disqus_thread{ 2931float:left; 2932width:100% 2933} 2934.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop,.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.typify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{ 2935float:left; 2936display:block!important; 2937width:100%!important 2938} 2939.fb-comments{ 2940padding:0; 2941margin:0 2942} 2943#comments{ 2944float:left; 2945width:100%; 2946display:block; 2947clear:both; 2948padding:0; 2949margin:0 2950} 2951.comments-system-facebook #comments{ 2952width:100%; 2953margin:0 2954} 2955#comments h4#comment-post-message{ 2956display:none 2957} 2958.comments .comments-content{ 2959float:left; 2960width:100%; 2961margin:0 2962} 2963.comments .comment-content{ 2964display:block; 2965font-family:var(--text-font); 2966font-size:14px; 2967color:var(--text-color); 2968line-height:1.6em; 2969margin:12px 0 0 2970} 2971.comments .comment-content >
2971 a:hover{ 2972text-decoration:underline 2973} 2974.comment-thread .comment{ 2975position:relative; 2976padding:20px; 2977margin:20px 0 0; 2978list-style:none; 2979border:1px solid var(--border-color); 2980border-radius:2px 2981} 2982.comment-thread ol{ 2983padding:0; 2984margin:0 2985} 2986.toplevel-thread ol > li:first-child{ 2987margin:0 2988} 2989.toplevel-thread ol > li:first-child > .comment-block{ 2990padding-top:0; 2991margin:0; 2992border:0 2993} 2994.comment-thread ol ol .comment{ 2995background-color:rgba(155,155,155,0.08); 2996border:0 2997} 2998.comment-thread ol ol .comment:hover{ 2999box-shadow:unset 3000} 3001.comment-thread ol ol .comment:before{ 3002content:'\f3bf'; 3003position:absolute; 3004left:-25px; 3005top:-5px; 3006font-family:'Font Awesome 5 Free'; 3007font-size:16px; 3008color:var(--border-color); 3009font-weight:700; 3010transform:rotate(90deg); 3011margin:0 3012} 3013.rtl .comment-thread ol ol .comment:before{ 3014content:'\f3be'; 3015left:unset; 3016right:-25px 3017} 3018.comments .comment-replybox-single iframe{ 3019padding:0 0 0 45px; 3020margin:20px 0 0 3021} 3022.rtl .comments .comment-replybox-single iframe{ 3023padding:0 45px 0 0 3024} 3025.comment-thread .avatar-image-container{ 3026position:absolute; 3027top:20px; 3028left:20px; 3029width:35px; 3030height:35px; 3031overflow:hidden; 3032border-radius:50%; 3033box-shadow:0 2px 5px -3px rgba(155,155,155,0.15) 3034} 3035.rtl .comment-thread .avatar-image-container{ 3036left:auto; 3037right:20px 3038} 3039.avatar-image-container img{ 3040width:100%; 3041height:100% 3042} 3043.comments .comment-header{ 3044padding:0 0 0 45px 3045} 3046.rtl .comments .comment-header{ 3047padding:0 45px 0 0 3048} 3049.comments .comment-header .user{ 3050display:inline-block; 3051font-family:var(--title-font); 3052font-size:16px; 3053color:var(--title-color); 3054font-style:normal; 3055font-weight:700; 3056margin:0 0 3px 3057} 3058.comments .comment-header .user a{ 3059color:var(--title-color) 3060} 3061.comments .comment-header .user a:hover{ 3062color:var(--title-hover-color) 3063} 3064.comments .comment-header .icon.user{ 3065display:none 3066} 3067.comments .comment-header .icon.blog-author{ 3068display:inline-block; 3069font-size:12px; 3070color:var(--main-color); 3071font-weight:400; 3072vertical-align:top; 3073margin:-3px 0 0 5px 3074} 3075.rtl .comments .comment-header .icon.blog-author{ 3076margin:-3px 5px 0 0 3077} 3078.comments .comment-header .icon.blog-author:before{ 3079content:'\f058'; 3080font-family:'Font Awesome 5 Free'; 3081font-weight:400 3082} 3083.comments .comment-header .datetime{ 3084display:block; 3085line-height:1; 3086margin:0 3087} 3088.comment-header .datetime a{ 3089font-family:var(--meta-font); 3090font-size:10px; 3091color:var(--meta-color); 3092font-weight:400; 3093padding:0 3094} 3095.comments .comment-actions{ 3096display:block; 3097margin:12px 0 0 3098} 3099.comments .comment-actions a{ 3100display:inline-block; 3101font-size:13px; 3102color:var(--main-color); 3103font-weight:400; 3104font-style:normal; 3105padding:0; 3106margin:0 15px 0 0 3107} 3108.rtl .comments .comment-actions a{ 3109margin:0 0 0 15px 3110} 3111.comments .comment-actions a:hover{ 3112color:var(--title-color) 3113} 3114.item-control{ 3115display:none 3116} 3117.loadmore.loaded a{ 3118display:inline-block; 3119border-bottom:1px solid rgba(155,155,155,.51); 3120text-decoration:none; 3121margin-top:15px 3122} 3123.comments .continue{ 3124display:none 3125} 3126.comments .comment-replies{ 3127padding:0 0 0 45px 3128} 3129.rtl .comments .comment-replies{ 3130padding:0 45px 0 0 3131} 3132.thread-expanded .thread-count a,.loadmore{ 3133display:none 3134} 3135.comments .footer,.comments .comment-footer{ 3136float:left; 3137width:100%; 3138font-size:13px; 3139margin:0 3140} 3141.comment-form{ 3142float:left; 3143width:100%; 3144margin:0 3145} 3146html[data-theme=dark] .comment-thread iframe{ 3147opacity:.98 3148} 3149p.comments-message{ 3150display:none; 3151float:left; 3152width:100%; 3153font-size:12px; 3154color:var(--meta-color); 3155font-style:italic; 3156padding:0 0 10px; 3157margin:0 0 20px; 3158border-bottom:1px solid var(--border-color) 3159} 3160.no-comments p.comments-message{ 3161padding:0; 3162margin:0 0 20px; 3163border:0 3164} 3165.comments-system-blogger p.comments-message{ 3166display:block 3167} 3168p.comments-message > a{ 3169color:var(--main-color) 3170} 3171p.comments-message > a:hover{ 3172color:var(--title-color) 3173} 3174p.comments-message > em{ 3175color:#ff3f34; 3176font-style:normal 3177} 3178.comment-form > p{ 3179display:none 3180} 3181p.comment-footer span{ 3182color:var(--meta-color) 3183} 3184p.comment-footer span:after{ 3185content:'\002A'; 3186color:#d63031 3187} 3188.comment-content .responsive-video-wrap{ 3189position:relative; 3190width:100%; 3191padding:0; 3192padding-top:56% 3193} 3194.comment-content .responsive-video-wrap iframe{ 3195position:absolute; 3196top:0; 3197left:0; 3198width:100%; 3199height:100% 3200} 3201.comments .comment-replybox-thread iframe{ 3202margin:30px 0 0 3203} 3204#show-comment-form,.comments #top-continue a{ 3205float:left; 3206width:100%; 3207height:36px; 3208background-color:var(--button-bg); 3209font-size:14px; 3210color:var(--button-color);
3211font-weight:400; 3212line-height:36px; 3213text-align:center; 3214padding:0 30px; 3215margin:30px 0 0 3216} 3217.no-comments #show-comment-form{ 3218margin:5px 0 0 3219} 3220.rtl #show-comment-form,.rtl .comments #top-continue a{ 3221float:right 3222} 3223#show-comment-form:hover,.comments #top-continue a:hover{ 3224background-color:var(--button-hover-bg); 3225color:var(--button-hover-color) 3226} 3227.comment-form-visible #show-comment-form{ 3228display:none 3229} 3230.comments .comment-replybox-thread,.no-comments .comment-form{ 3231display:none 3232} 3233.comment-form-visible .comments .comment-replybox-thread,.no-comments.comment-form-visible .comment-form{ 3234display:block 3235} 3236#custom-ads{ 3237float:left; 3238width:100%; 3239opacity:0; 3240visibility:hidden; 3241padding:0; 3242margin:0; 3243border:0 3244} 3245#before-ad,#after-ad{ 3246float:left; 3247width:100%; 3248margin:0 3249} 3250#before-ad .widget > .widget-title,#after-ad .widget > .widget-title{ 3251display:block 3252} 3253#before-ad .widget > .widget-title > h3.title,#after-ad .widget > .widget-title > h3.title{ 3254font-size:11px; 3255color:var(--title-color); 3256font-weight:400; 3257line-height:1; 3258margin:0 0 6px 3259} 3260#before-ad .widget,#after-ad .widget{ 3261width:100%; 3262margin:25px 0 0 3263} 3264#before-ad .widget-content,#after-ad .widget-content{ 3265position:relative; 3266width:100%; 3267line-height:1 3268} 3269#typify-pro-new-before-ad #before-ad,#typify-pro-new-after-ad #after-ad{ 3270float:none; 3271display:block; 3272margin:0 3273} 3274#typify-pro-new-before-ad #before-ad .widget,#typify-pro-new-after-ad #after-ad .widget{ 3275margin:0 3276} 3277#typify-pro-post-fby-email{ 3278display:none; 3279visibility:hidden; 3280margin:0 3281} 3282#sidebar-wrapper .sidebar{ 3283float:left; 3284width:100% 3285} 3286#sidebar-wrapper .sidebar > .widget{ 3287position:relative; 3288float:left; 3289width:100%; 3290padding:0; 3291margin:0 0 30px 3292} 3293#sidebar-wrapper .sidebar > .widget:last-child{ 3294margin:0 3295} 3296.sidebar .widget-content{ 3297float:left; 3298width:100%; 3299padding:0; 3300margin:0 3301} 3302.sidebar > .widget.no-style > .widget-title{ 3303display:none 3304} 3305.sidebar ul.social-icons{ 3306display:grid; 3307grid-template-columns:repeat(2,1fr); 3308column-gap:5px; 3309row-gap:5px; 3310margin:0 3311} 3312.sidebar .social-icons li{ 3313display:block; 3314margin:0 3315} 3316.sidebar .social-icons li a{ 3317position:relative; 3318display:flex; 3319justify-content:space-between; 3320float:left; 3321width:100%; 3322height:34px; 3323overflow:hidden; 3324font-size:14px; 3325color:#fff; 3326text-align:center; 3327line-height:34px; 3328padding:0 3329} 3330.sidebar .social-icons li a:before{ 3331width:34px; 3332background-color:rgba(255,255,255,0.1); 3333font-size:16px 3334} 3335.sidebar .social-icons li a.steam:before{ 3336font-size:17px 3337} 3338.sidebar .social-icons li span{ 3339display:inline-block; 3340flex:1; 3341font-weight:400; 3342padding:0 10px 3343} 3344.sidebar .social-icons li a:hover{ 3345opacity:.9 3346} 3347.sidebar .loader{ 3348height:180px 3349} 3350.sidebar-posts .post{ 3351float:left; 3352width:100%; 3353display:flex; 3354flex-wrap:wrap; 3355padding:0; 3356margin:20px 0 0 3357} 3358.sidebar-posts .post.big-post{ 3359position:relative; 3360height:180px; 3361margin:0 3362} 3363.sidebar-posts .entry-inner{ 3364position:relative; 3365float:left; 3366width:100%; 3367height:100%; 3368overflow:hidden; 3369display:block; 3370z-index:10 3371} 3372.sidebar-posts .entry-image-wrap{ 3373position:relative; 3374width:96px; 3375height:64px; 3376overflow:hidden; 3377z-index:1; 3378margin:0 13px 0 0 3379} 3380.sidebar-posts .big-post .entry-image-wrap{ 3381float:left; 3382width:100%; 3383height:100%; 3384margin:0 3385} 3386.rtl .sidebar-posts .post:not(.big-post) .entry-image-wrap{ 3387margin:0 0 0 13px 3388} 3389.sidebar-posts .post:not(.big-post) .entry-image-wrap.is-video:after{ 3390transform:translate(50%,-50%) scale(.6) 3391} 3392.sidebar-posts .post:not(.big-post) .entry-header{ 3393flex:1 3394} 3395.sidebar-posts .big-post .entry-tag{ 3396top:15px; 3397left:15px 3398} 3399.rtl .sidebar-posts .big-post .entry-tag{ 3400left:unset; 3401right:15px 3402} 3403.sidebar-posts .entry-meta{ 3404display:flex; 3405flex-wrap:wrap; 3406margin:5px 0 0 3407} 3408.sidebar-posts .entry-author,.sidebar-posts .entry-time{ 3409display:flex 3410} 3411.sidebar-posts .entry-author .by,.sidebar-posts .author-name,.sidebar-posts .entry-time .on{ 3412margin:0 4px 0 0 3413} 3414.rtl .sidebar-posts .entry-author .by,.rtl .sidebar-posts .author-name,.rtl .sidebar-posts .entry-time .on{ 3415margin:0 0 0 4px 3416} 3417.sidebar-posts .entry-title{ 3418font-size:14px 3419} 3420.sidebar-posts .big-post .entry-title{ 3421font-size:17px 3422} 3423.cmm1-items .cmm1-item{ 3424position:relative; 3425float:left; 3426width:100%; 3427margin:15px 0 0; 3428border:1px solid var(--border-color); 3429border-radius:2px 3430} 3431.cmm1-items .cmm1-item.item-0{ 3432margin:0 3433} 3434.cmm1-items .entry-inner{ 3435position:relative; 3436float:left; 3437width:100%; 3438display:flex; 3439flex-wrap:wrap; 3440align-items:center; 3441padding:10px 3442} 3443.cmm1-items .entry-image-wrap{ 3444position:relative; 3445width:35px; 3446height:35px; 3447overflow:hidden; 3448z-index:1; 3449margin:0 10px 0 0; 3450border-radius:50%; 3451box-shadow:0 2px 5px -3px rgba(155,155,155,0.15) 3452} 3453.rtl .cmm1-items .entry-image-wrap{ 3454margin:0 0 0 10px 3455} 3456.cmm1-items .entry-header{ 3457flex:1 3458}
3458 3459.cmm1-items .entry-title{ 3460font-size:14px 3461} 3462.cmm1-items .entry-inner:hover .entry-title{ 3463color:var(--post-title-hover-color) 3464} 3465.cmm1-items .cmm-snippet{ 3466font-size:12px; 3467color:var(--text-color); 3468margin:3px 0 0 3469} 3470.FollowByEmail .widget-content{ 3471position:relative; 3472float:left; 3473width:100%; 3474border:1px solid var(--border-color) 3475} 3476.FollowByEmail .widget-content:before{ 3477position:absolute; 3478content:''; 3479top:0; 3480left:0; 3481right:0; 3482height:4px; 3483background-color:var(--button-bg); 3484margin:-1px -1px 0 3485} 3486.follow-by-email-items{ 3487position:relative; 3488float:left; 3489width:100%; 3490overflow:hidden; 3491padding:20px 3492} 3493.follow-by-email-items:before{ 3494content:'\f0e0'; 3495font-family:'Font Awesome 5 Free'; 3496position:absolute; 3497top:0; 3498right:0; 3499font-size:60px; 3500color:var(--border-color); 3501font-weight:900; 3502opacity:.65; 3503transform:rotate(45deg); 3504margin:7px -14px 0 0 3505} 3506.rtl .follow-by-email-items:before{ 3507left:0; 3508right:unset; 3509transform:rotate(-45deg); 3510margin:7px 0 0 -14px 3511} 3512.follow-by-email-title{ 3513display:block; 3514font-family:var(--title-font); 3515font-size:14px; 3516color:var(--widget-title-color); 3517font-weight:600; 3518text-transform:uppercase; 3519margin:0 0 10px 3520} 3521.follow-by-email-address{ 3522width:100%; 3523height:34px; 3524background-color:rgba(155,155,155,0.05); 3525font-family:inherit; 3526font-size:13px; 3527color:var(--text-color); 3528padding:0 10px; 3529margin:0 0 10px; 3530border:1px solid var(--border-color); 3531border-radius:2px 3532} 3533.follow-by-email-address:focus{ 3534background-color:var(--outer-bg)!important; 3535border-color:var(--border-color)!important 3536} 3537.follow-by-email-submit{ 3538width:100%; 3539height:34px; 3540background-color:var(--button-bg); 3541font-family:inherit; 3542font-size:14px; 3543color:var(--button-color); 3544font-weight:400; 3545cursor:pointer; 3546padding:0 20px 3547} 3548.follow-by-email-submit:hover{ 3549background-color:var(--button-hover-bg); 3550color:var(--button-hover-color) 3551} 3552.follow-by-email-text{ 3553display:block; 3554font-size:13px; 3555color:var(--text-color); 3556margin:0 0 13px 3557} 3558.list-label li,.archive-list li{ 3559position:relative; 3560display:block 3561} 3562.list-label li a,.archive-list li a{ 3563display:block; 3564color:var(--title-color); 3565font-size:13px; 3566font-weight:400; 3567padding:4px 0 3568} 3569.archive-list li a{ 3570text-transform:capitalize 3571} 3572.list-label li:first-child a,.archive-list li:first-child a{ 3573padding:0 0 4px 3574} 3575.list-label li:last-child a,.archive-list li:last-child a{ 3576padding-bottom:0 3577} 3578.list-label li a:hover,.archive-list li a:hover{ 3579color:var(--title-hover-color) 3580} 3581.list-label .label-count,.archive-list .archive-count{ 3582float:right; 3583font-size:11px; 3584color:var(--meta-color); 3585text-decoration:none; 3586margin:1px 0 0 5px 3587} 3588.rtl .list-label .label-count,.rtl .archive-list .archive-count{ 3589float:left; 3590margin:1px 5px 0 0 3591} 3592.cloud-label ul{ 3593display:flex; 3594flex-wrap:wrap; 3595margin:-5px 0 0 3596} 3597.cloud-label li{ 3598margin:5px 5px 0 0 3599} 3600.rtl .cloud-label li{ 3601margin:5px 0 0 5px 3602} 3603.cloud-label li a{ 3604display:block; 3605height:28px; 3606background-color:rgba(155,155,155,0.08); 3607color:var(--text-color); 3608font-size:13px; 3609line-height:28px; 3610font-weight:400; 3611padding:0 10px 3612} 3613.cloud-label li a:hover{ 3614background-color:var(--button-bg); 3615color:var(--button-color) 3616} 3617.cloud-label .label-count{ 3618display:none 3619} 3620.search-widget .search-form{ 3621position:relative; 3622float:left; 3623width:100%; 3624margin:0 3625} 3626.search-widget .search-input{ 3627float:left; 3628width:100%; 3629height:34px; 3630background-color:rgba(0,0,0,0); 3631font-family:inherit; 3632font-weight:400; 3633font-size:14px; 3634color:var(--text-color); 3635padding:0 10px; 3636margin:0; 3637border:1px solid var(--border-color); 3638border-radius:2px 3639} 3640.search-widget .search-input:focus{ 3641outline:none; 3642background-color:rgba(155,155,155,0.05) 3643} 3644.search-widget .search-action{ 3645position:absolute; 3646top:0; 3647right:0; 3648height:28px; 3649font-family:inherit; 3650font-size:14px; 3651font-weight:400; 3652line-height:30px; 3653cursor:pointer; 3654background-color:var(--button-bg); 3655color:var(--button-color); 3656padding:0 15px; 3657margin:3px 3px 0 0; 3658border:0 3659} 3660.search-widget .search-action:hover{ 3661background-color:var(--button-hover-bg); 3662color:var(--button-hover-color) 3663} 3664.rtl .search-widget .search-action{ 3665left:0; 3666right:unset; 3667margin:3px 0 0 3px 3668} 3669.Profile ul li{ 3670float:left; 3671width:100%; 3672margin:20px 0 0 3673} 3674.Profile ul li:first-child{ 3675margin:0 3676} 3677.Profile .profile-img{ 3678float:left; 3679width:35px; 3680height:35px; 3681background-color:rgba(155,155,155,0.08); 3682overflow:hidden; 3683color:transparent!important; 3684margin:0 10px 0 0; 3685border-radius:50%; 3686box-shadow:0 2px 5px -3px rgba(155,155,155,0.15) 3687} 3688.rtl .Profile .profile-img{ 3689float:right; 3690margin:0 0 0 10px 3691} 3692.Profile .profile-info{ 3693display:table 3694} 3695.Profile .profile-name{ 3696display:block; 3697font-size:14px; 3698color:var(--title-color);
3699font-weight:700; 3700line-height:1.4em; 3701margin:0 3702} 3703.Profile .profile-name:hover{ 3704color:var(--title-hover-color) 3705} 3706.Profile .profile-link{ 3707display:block; 3708font-size:12px; 3709color:var(--meta-color); 3710font-weight:400; 3711margin:0 3712} 3713.Profile .profile-link:hover{ 3714color:var(--main-color) 3715} 3716.typify-pro-widget-ready .PageList ul li,.typify-pro-widget-ready .LinkList ul.link-list li{ 3717position:relative; 3718display:block 3719} 3720.typify-pro-widget-ready .PageList ul li a,.typify-pro-widget-ready .LinkList ul.link-list li a{ 3721display:block; 3722color:var(--title-color); 3723font-size:14px; 3724font-weight:400; 3725padding:5px 0 3726} 3727.typify-pro-widget-ready .PageList ul li:first-child a,.typify-pro-widget-ready .LinkList ul.link-list li:first-child a{ 3728padding:0 0 5px 3729} 3730.typify-pro-widget-ready .PageList ul li:last-child a,.typify-pro-widget-ready .LinkList ul.link-list li:last-child a{ 3731padding:5px 0 0 3732} 3733.typify-pro-widget-ready .PageList ul li a:hover,.typify-pro-widget-ready .LinkList ul.link-list li a:hover{ 3734color:var(--title-hover-color) 3735} 3736.Text .widget-content{ 3737font-family:var(--text-font); 3738font-size:14px; 3739color:var(--text-color); 3740margin:0 3741} 3742.Image .image-caption{ 3743display:block; 3744font-size:14px; 3745color:var(--text-color); 3746margin:10px 0 0 3747} 3748.contact-form-widget form{ 3749font-family:inherit; 3750font-weight:400 3751} 3752.contact-form-name{ 3753float:left; 3754width:100%; 3755height:34px; 3756background-color:rgba(0,0,0,0); 3757font-family:inherit; 3758font-size:14px; 3759color:var(--text-color); 3760line-height:34px; 3761padding:5px 15px; 3762margin:0 0 10px; 3763border:1px solid var(--border-color); 3764border-radius:2px 3765} 3766.contact-form-email{ 3767float:left; 3768width:100%; 3769height:34px; 3770background-color:rgba(0,0,0,0); 3771font-family:inherit; 3772font-size:14px; 3773color:var(--text-color); 3774line-height:34px; 3775padding:5px 15px; 3776margin:0 0 10px; 3777border:1px solid var(--border-color); 3778border-radius:2px 3779} 3780.contact-form-email-message{ 3781float:left; 3782width:100%; 3783background-color:rgba(0,0,0,0); 3784font-family:inherit; 3785font-size:14px; 3786color:var(--text-color); 3787padding:10px 15px; 3788margin:0 0 10px; 3789border:1px solid var(--border-color); 3790border-radius:2px 3791} 3792.contact-form-button-submit{ 3793float:left; 3794width:100%; 3795height:34px; 3796background-color:var(--button-bg); 3797font-family:inherit; 3798font-size:14px; 3799color:var(--button-color); 3800font-weight:400; 3801cursor:pointer; 3802padding:0 15px; 3803margin:0 3804} 3805.contact-form-button-submit:hover{ 3806background-color:var(--button-hover-bg); 3807color:var(--button-hover-color) 3808} 3809.contact-form-error-message-with-border{ 3810float:left; 3811width:100%; 3812background-color:rgba(0,0,0,0); 3813font-size:13px;
3814color:#e74c3c; 3815text-align:left; 3816line-height:1; 3817padding:0; 3818margin:10px 0 0; 3819border:0 3820} 3821.contact-form-success-message-with-border{ 3822float:left; 3823width:100%; 3824background-color:rgba(0,0,0,0); 3825font-size:13px; 3826color:#27ae60; 3827text-align:left; 3828line-height:1; 3829padding:0; 3830margin:10px 0 0; 3831border:0 3832} 3833.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{ 3834text-align:right 3835} 3836.contact-form-cross{ 3837cursor:pointer; 3838margin:0 0 0 3px 3839} 3840.rtl .contact-form-cross{ 3841margin:0 3px 0 0 3842} 3843.contact-form-error-message,.contact-form-success-message{ 3844margin:0 3845} 3846.contact-form-name:focus,.contact-form-email:focus,.contact-form-email-message:focus{ 3847background-color:rgba(155,155,155,0.05) 3848} 3849.Attribution a{ 3850font-size:14px; 3851line-height:16px; 3852display:block 3853} 3854.Attribution a > svg{ 3855width:16px; 3856height:16px; 3857float:left; 3858margin:0 4px 0 0 3859} 3860.Attribution .copyright{ 3861font-size:12px; 3862color:var(--meta-color); 3863padding:0 20px; 3864margin:3px 0 0 3865} 3866.TextList ul li{ 3867display:block; 3868font-size:14px; 3869font-weight:400; 3870color:var(--text-color); 3871margin:0 0 10px 3872} 3873.TextList ul li:last-child{ 3874margin:0 3875} 3876#footer-ads-wrap{ 3877position:relative; 3878float:left; 3879width:100%; 3880background-color:var(--outer-bg) 3881} 3882#footer-ads-wrap.no-widget{ 3883display:none 3884} 3885.footer-ads .widget{ 3886position:relative; 3887float:left; 3888width:100%; 3889text-align:center; 3890line-height:1.6; 3891margin:0 0 30px 3892} 3893.footer-ads .widget-content{ 3894float:left; 3895width:100%; 3896margin:0 3897} 3898.footer-ads .widget > .widget-title{ 3899display:none 3900} 3901#footer-wrapper{ 3902position:relative; 3903float:left; 3904width:100%; 3905background-color:var(--footer-bg); 3906color:var(--footer-text-color); 3907margin:0 3908} 3909html:not([data-theme=dark]) #footer-wrapper.has-border{ 3910border-top:1px solid var(--border-color) 3911} 3912#footer-wrapper .primary-footer{ 3913float:left; 3914width:100%; 3915margin:0 3916} 3917.primary-footer.no-widget{ 3918display:none 3919} 3920#typify-pro-about-section{ 3921position:relative; 3922float:left; 3923width:100%; 3924display:flex; 3925flex-wrap:wrap; 3926justify-content:space-between; 3927padding:30px 0; 3928margin:0 3929} 3930.footer-info{ 3931display:flex; 3932flex-direction:column; 3933flex:1 3934} 3935.footer-info h3.title{ 3936font-size:14px; 3937color:var(--footer-color); 3938font-weight:600; 3939text-transform:uppercase; 3940line-height:1; 3941letter-spacing:.3px; 3942margin:0 0 10px 3943} 3944#typify-pro-about-section .Image{ 3945width:calc(100% - (300px + 30px)); 3946display:flex; 3947flex-wrap:wrap; 3948align-items:center; 3949justify-content:space-between; 3950padding:0 3951} 3952#typify-pro-about-section .footer-logo{ 3953padding:0 25px 0 0 3954} 3955.rtl #typify-pro-about-section .footer-logo{ 3956padding:0 0 0 25px 3957} 3958#typify-pro-about-section .footer-logo img{ 3959display:block; 3960max-height:34px; 3961margin:0 3962} 3963#typify-pro-about-section .Image .image-caption{ 3964font-size:13px; 3965color:var(--footer-text-color); 3966margin:0 3967} 3968#typify-pro-about-section .Image .image-caption a{ 3969color:var(--footer-color) 3970} 3971#typify-pro-about-section .Image .image-caption a:hover{ 3972color:var(--footer-hover-color) 3973} 3974#typify-pro-about-section .LinkList{ 3975width:310px; 3976display:flex; 3977align-items:center; 3978justify-content:flex-end; 3979margin:0 3980} 3981.typify-pro-about-section ul.social-icons{ 3982float:right 3983} 3984.rtl .typify-pro-about-section ul.social-icons{ 3985float:left 3986} 3987.typify-pro-about-section .social-icons li{ 3988float:left; 3989margin:0 0 0 10px 3990} 3991.rtl .typify-pro-about-section .social-icons li{ 3992float:right; 3993margin:0 10px 0 0 3994} 3995.typify-pro-about-section .social-icons li a{ 3996display:block; 3997width:34px; 3998height:34px; 3999background-color:rgba(155,155,155,0.05); 4000font-size:16px; 4001color:var(--footer-color); 4002text-align:center; 4003line-height:34px; 4004box-sizing:border-box 4005} 4006.typify-pro-about-section .social-icons li a:hover{ 4007color:#fff 4008} 4009.footerbar{ 4010position:relative; 4011float:left; 4012width:100%; 4013height:58px; 4014background-color:var(--footerbar-bg); 4015color:var(--footerbar-color); 4016display:flex; 4017align-items:center; 4018padding:0; 4019margin:0 4020} 4021html:not([data-theme=dark]) .footerbar.has-border{ 4022border-top:1px solid var(--border-color) 4023} 4024.footerbar .container{ 4025display:flex; 4026flex-wrap:wrap; 4027justify-content:space-between 4028} 4029.footerbar .footer-copyright{ 4030font-size:14px; 4031font-weight:400; 4032margin:0 4033} 4034.footerbar .footer-copyright a{ 4035color:var(--footerbar-color) 4036} 4037.footerbar .footer-copyright a:hover{ 4038color:var(--footerbar-hover-color) 4039} 4040#footer-menu{ 4041position:relative; 4042display:block; 4043margin:0 4044} 4045.footer-menu ul{ 4046display:flex; 4047flex-wrap:wrap 4048} 4049.footer-menu ul li a{ 4050font-size:14px; 4051color:var(--footerbar-color); 4052padding:0; 4053margin:0 0 0 25px 4054} 4055.rtl .footer-menu ul li a{ 4056margin:0 25px 0 0 4057} 4058#footer-menu ul li a:hover{ 4059color:var(--footerbar-hover-color) 4060} 4061#hidden-widgets-wrap,.hidden-widgets{ 4062display:none; 4063visibility:hidden 4064} 4065#back-top{ 4066display:none; 4067position:fixed; 4068bottom:20px; 4069right:20px; 4070width:34px; 4071height:34px; 4072background-color:var(--button-bg); 4073cursor:pointer; 4074overflow:hidden; 4075font-size:14px; 4076color:var(--button-color); 4077text-align:center; 4078line-height:34px; 4079z-index:50; 4080margin:0; 4081transition:background .17s ease,color .17s ease 4082} 4083.rtl #back-top{ 4084right:auto; 4085left:20px 4086} 4087#back-top:before{ 4088content:'\f077'; 4089position:relative; 4090font-family:'Font Awesome 5 Free';
4091font-weight:900 4092} 4093#back-top:hover{ 4094background-color:var(--button-hover-bg); 4095color:var(--button-hover-color) 4096} 4097.is-error #main-wrapper{ 4098width:100% 4099} 4100.is-error #sidebar-wrapper{ 4101display:none 4102} 4103.errorWrap{ 4104color:var(--title-color); 4105text-align:center; 4106padding:60px 0 4107} 4108.errorWrap h3{ 4109font-size:160px; 4110color:var(--title-color); 4111line-height:1; 4112margin:0 0 25px 4113} 4114.errorWrap h4{ 4115font-size:27px; 4116color:var(--title-color); 4117margin:0 0 25px 4118} 4119.errorWrap p{ 4120color:var(--text-color); 4121font-size:14px; 4122margin:0 0 15px 4123} 4124.errorWrap a{ 4125display:inline-block; 4126height:34px; 4127background-color:var(--button-bg); 4128font-size:14px; 4129color:var(--button-color); 4130font-weight:500; 4131line-height:34px; 4132padding:0 30px; 4133margin:15px 0 0 4134} 4135.errorWrap a:hover{ 4136background-color:var(--button-hover-bg); 4137color:var(--button-hover-color) 4138} 4139.cookie-choices-info{ 4140display:none; 4141visibility:hidden; 4142opacity:0 4143} 4144#cookie-ify{ 4145display:none; 4146position:fixed; 4147bottom:20px; 4148left:20px; 4149width:300px; 4150background-color:var(--cookie-bg); 4151z-index:1020; 4152padding:20px; 4153visibility:hidden; 4154opacity:0; 4155box-shadow:0 3px 10px rgba(0,0,0,0.1); 4156transition:all .35s ease 4157} 4158.rtl #cookie-ify{ 4159left:unset; 4160right:20px 4161} 4162#cookie-ify.is-visible{ 4163visibility:visible; 4164opacity:1 4165} 4166.cookie-ify-content{ 4167display:block; 4168font-size:14px; 4169color:var(--cookie-color); 4170margin:0 0 15px 4171} 4172.cookie-ify-content a{ 4173color:var(--cookie-color); 4174text-decoration:underline 4175} 4176.cookie-ify-content a:hover{ 4177color:var(--main-color) 4178} 4179#cookie-ify-accept{ 4180display:inline-block; 4181height:30px; 4182background-color:var(--button-bg); 4183font-size:14px; 4184color:var(--button-color); 4185font-weight:400; 4186line-height:30px; 4187padding:0 15px; 4188margin:0 4189} 4190#cookie-ify-accept:hover{ 4191background-color:var(--button-hover-bg); 4192color:var(--button-hover-color) 4193} 4194a.ads-here{ 4195display:flex; 4196align-items:center; 4197justify-content:center; 4198height:80px; 4199background-color:rgba(155,155,155,0.08); 4200font-size:14px; 4201color:var(--text-color); 4202font-style:italic; 4203margin:0 4204} 4205.sidebar a.ads-here{ 4206height:250px 4207} 4208a.ads-here:hover{ 4209color:var(--main-color) 4210} 4211@media (max-width: 1294px) { 4212#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{ 4213width:100%; 4214max-width:100%; 4215margin:0 4216} 4217.row-x1{ 4218width:100%; 4219max-width:100% 4220} 4221#header-wrapper .container,#nav-wrapper .container,#header-ads-wrap > .container,#featured-wrapper .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-wrapper .container{ 4222padding:0 15px 4223} 4224#cookie-ify{ 4225bottom:15px; 4226left:15px; 4227padding:15px 20px 4228} 4229.rtl #cookie-ify{ 4230left:unset; 4231right:15px 4232} 4233} 4234@media (max-width: 880px) { 4235#header-wrapper{ 4236box-shadow:0 2px 10px -3px rgba(0,0,0,0.1) 4237} 4238#header-wrapper .container{ 4239padding:0 4240} 4241.mobile-menu-toggle,.mobile-search-toggle{ 4242display:flex 4243} 4244.header-items{ 4245flex-wrap:nowrap 4246} 4247#header-icons,#nav-wrapper{ 4248display:none!important 4249} 4250#slide-menu,.overlay{ 4251display:block 4252} 4253.main-toggle-style{ 4254width:auto; 4255max-width:58px; 4256padding:0 15px 4257} 4258.nav-active .overlay{ 4259visibility:visible; 4260opacity:1 4261} 4262.nav-active #back-top{ 4263opacity:0!important 4264} 4265.header-content.is-fixed{ 4266position:fixed; 4267top:-80px; 4268left:0; 4269width:100%; 4270z-index:990; 4271backface-visibility:hidden; 4272transform:translate3d(0,22px,0); 4273transition:transform .35s ease 4274} 4275.header-content.is-fixed.show{ 4276transform:translate3d(0,80px,0); 4277box-shadow:0 2px 10px -3px rgba(0,0,0,0.1) 4278} 4279#main-wrapper,#sidebar-wrapper{ 4280width:100% 4281} 4282#sidebar-wrapper{ 4283margin:30px 0 0 4284} 4285#blog-pager{ 4286margin:10px 0 0 4287} 4288#typify-pro-about-section{ 4289flex-wrap:wrap; 4290flex-direction:column 4291} 4292#typify-pro-about-section .Image{ 4293width:100%; 4294flex-direction:column; 4295justify-content:center; 4296text-align:center 4297} 4298#typify-pro-about-section .footer-logo,.rtl #typify-pro-about-section .footer-logo{ 4299padding:0 0 20px 4300} 4301.footer-info{ 4302flex:none; 4303text-align:center 4304} 4305.footer-info h3.title{ 4306display:none 4307} 4308#typify-pro-about-section .LinkList{ 4309width:100%; 4310justify-content:center; 4311margin:15px 0 0 4312} 4313.typify-pro-about-section .social-icons li,.rtl .typify-pro-about-section .social-icons li{ 4314margin:10px 5px 0 4315} 4316.footerbar{ 4317height:auto; 4318line-height:inherit; 4319padding:25px 0; 4320margin:0 4321} 4322.footerbar .container{ 4323flex-direction:column; 4324justify-content:center 4325} 4326.footerbar .footer-copyright,#footer-menu{ 4327width:100%; 4328text-align:center; 4329margin:0 4330} 4331.footerbar .footer-copyright{ 4332font-size:13px; 4333opacity:.9
4334} 4335#footer-menu{ 4336padding:10px 0 0 4337} 4338.footer-menu ul{ 4339justify-content:center 4340} 4341.footer-menu ul li a,.rtl .footer-menu ul li a{ 4342display:block; 4343margin:5px 10px 0 4344} 4345#back-top{ 4346right:15px 4347} 4348.rtl #back-top{ 4349left:15px; 4350right:unset 4351} 4352} 4353@media (max-width: 780px) { 4354.main-logo .widget.Text{ 4355display:none 4356} 4357} 4358@media (max-width: 680px) { 4359#featured-wrapper .container{ 4360padding:0 4361} 4362#featured .widget,#featured .widget-content,.featured-items{ 4363height:auto 4364} 4365#featured .widget-content .loader{ 4366height:220px 4367} 4368.featured-scroll{ 4369position:relative; 4370float:left; 4371width:100%; 4372height:150px; 4373display:flex; 4374overflow:hidden; 4375overflow-x:auto; 4376-webkit-overflow-scrolling:touch; 4377margin:0 4378} 4379.featured-scroll .featured-item{ 4380flex-shrink:0; 4381animation-name:slideToLeft; 4382-webkit-animation-duration:.5s; 4383animation-duration:.5s; 4384-webkit-animation-fill-mode:both; 4385animation-fill-mode:both 4386} 4387.rtl .featured-scroll .featured-item{ 4388animation-name:slideToRight 4389} 4390.featured-item{ 4391width:70%!important; 4392height:150px!important; 4393margin:0 0 0 2px !important 4394} 4395.rtl .featured-item{ 4396margin:0 2px 0 0 !important 4397} 4398.featured-item.item-0{ 4399width:100%!important; 4400height:220px!important; 4401margin:0 0 2px!important 4402} 4403.featured-item.item-1,.rtl .featured-item.item-1{ 4404margin:0!important 4405} 4406.featured-item .entry-title{ 4407font-size:16px!important 4408} 4409.featured-item.item-0 .entry-title{ 4410font-size:19px!important 4411} 4412.featured-item .entry-meta{ 4413display:none 4414} 4415.featured-item.item-0 .entry-meta{ 4416display:flex 4417} 4418.item-post h1.entry-title{ 4419font-size:33px 4420} 4421.post-body table{ 4422display:block 4423} 4424} 4425@media (max-width: 580px) { 4426.featured-item.item-0 .entry-title{ 4427font-size:19px!important 4428} 4429.index-post{ 4430flex-direction:column 4431} 4432.index-post .entry-image-wrap{ 4433width:100%; 4434height:200px; 4435margin:0 0 15px 4436} 4437.rtl .index-post .entry-image-wrap{ 4438margin:0 0 15px 4439} 4440.index-post .entry-header{ 4441flex:none; 4442padding:0 4443} 4444.item-post h1.entry-title{ 4445font-size:30px 4446} 4447.typify-pro-share-links .twitter{ 4448flex:unset 4449} 4450.typify-pro-share-links .twitter a:before{ 4451background-color:transparent 4452} 4453.typify-pro-share-links .twitter a span{ 4454display:none 4455} 4456.typify-pro-share-links .x-twitter{ 4457flex:unset 4458} 4459.typify-pro-share-links .x-twitter a:before{ 4460background-color:transparent 4461} 4462.typify-pro-share-links .x-twitter a span{ 4463display:none 4464} 4465.related-posts{ 4466grid-template-columns:repeat(2,1fr) 4467} 4468.sidebar-posts .post.big-post{ 4469height:200px 4470} 4471.sidebar-posts .big-post .entry-title{ 4472font-size:19px 4473} 4474.errorWrap{ 4475padding:25px 0 45px 4476} 4477#cookie-ify,.rtl #cookie-ify{ 4478left:0; 4479right:0; 4480bottom:0; 4481width:100%; 4482padding:20px 15px 4483} 4484} 4485@media (max-width: 480px) { 4486.featured-scroll{ 4487height:130px 4488} 4489.featured-item:not(.item-0){ 4490height:130px!important 4491} 4492.featured-item:not(.item-0) .entry-title{ 4493font-size:15px!important 4494} 4495.item-post h1.entry-title{ 4496font-size:27px 4497} 4498.related-posts .entry-image-wrap{ 4499height:120px; 4500margin:0 0 8px 4501} 4502} 4503@media (max-width: 380px) { 4504#featured .loader{ 4505height:180px 4506} 4507.featured-scroll{ 4508height:120px 4509} 4510.featured-item:not(.item-0){ 4511height:120px!important 4512} 4513.featured-item.item-0{ 4514height:180px!important 4515} 4516.featured-item:not(.item-0) .entry-tag{ 4517display:none 4518} 4519.featured-item:not(.item-0) .entry-title{ 4520font-size:14px!important 4521} 4522.index-post .entry-image-wrap{ 4523height:180px 4524} 4525.item-post h1.entry-title{ 4526font-size:25px 4527} 4528.tocify-inner{ 4529min-width:100% 4530} 4531.related-posts .entry-image-wrap{ 4532height:105px 4533} 4534.related-posts .entry-title{ 4535font-size:14px 4536} 4537.sidebar-posts .post.big-post{ 4538height:180px 4539} 4540.errorWrap h3{ 4541font-size:130px 4542} 4543} 4544@media (max-width: 320px) { 4545.item-post h1.entry-title{ 4546font-size:23px 4547} 4548#slide-menu{ 4549width:100% 4550} 4551} 4552 4553--></style> 4554<!-- Theme Variables -->
4555<script type='text/javascript'> 4556//<![CDATA[ 4557var noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4X1bJCUVnKERSRKOc6BZNYlx5Zfscvn38Xt9RdwYodYALSG91ak6QJVEDooE2bZFBXc-8lfXEiE7Rc-Ln4E0axClmNasBfHfhQqQaxnr6OdXIv5wnCP-lbQ81X-1Sg-UDZrIN9cYOt4bGW9j18No8dYUeBKszaS265x5lSiVhwycmFZvC1xQPbkJJ-VdZ/s320/czetsuyatech-default-cover.png", 4558 monthNames = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], 4559 dateFormat = "{m} {d}, {y}", 4560 fixedMenu = true, 4561 fixedSidebar = true, 4562 darkMode = false, 4563 userDarkMode = true, 4564 relatedPostsNum = 3, 4565 cookieExpiresDays = 7, 4566 commentsSystem = "blogger", 4567 disqusShortname = "templateify-comments", 4568 fbCommentsTheme = "light", 4569 followByEmailText = ""; 4570//]]> 4571</script>
4571 4572<!-- AdSense1 supplies its own loader when its footer placement is rendered. -->
4573<script async='async' crossorigin='anonymous' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9901682981158669&host=ca-host-pub-1556223355139109'></script>
4573 4574<!-- Google Analytics 4: keep one tracking implementation in this template. -->
vendor: 72 bytes, lines 4574-4575
4574 4575<script async='async' src='https://www.googletagmanager.com/gtag/js?id=
4575G-W4644L6XE9
vendor: 12 bytes, line 4575
4575'></script>
4576<script> 4577
vendor: 139 bytes, lines 4577-4580
4577window.dataLayer = window.dataLayer || []; 4578 function gtag(){dataLayer.push(arguments);} 4579 gtag('js', new Date()); 4580 gtag('config', '
4580G-W4644L6XE9
vendor: 6 bytes, lines 4580-4581
4580'); 4581
4581</script>
vendor: 1 bytes, line 4581
4581
4582<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/prism.min.js'></script>
vendor: 1 bytes, line 4582
4582
4583<script src='https://cdnjs.cloudflare.com/ajax/libs/prism/1.29.0/plugins/autoloader/prism-autoloader.min.js'></script>
4583 4584<link href='https://www.blogger.com/dyncss/6581802047354010081/authorization.css?zx=08c62045-3b9b-49ac-84af-4fcaa039cc38' media='none' onload='if(media!='all')media='all'' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/6581802047354010081/authorization.css?zx=08c62045-3b9b-49ac-84af-4fcaa039cc38' rel='stylesheet'/></noscript> 4585<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/> 4586<meta name='google-adsense-platform-domain' content='blogspot.com'/> 4587 4588<!-- data-ad-client=ca-pub-9901682981158669 --> 4589 4590</head> 4591<body class='is-single is-page'> 4592<!-- Theme Options --> 4593<div id='theme-options' style='display:none'> 4594<div class='ify-panel section' id='ify-panel' name='Theme Options'> 4595<div class='widget HTML' data-version='2' id='HTML100'> 4596</div></div> 4597</div> 4598<!-- Outer Wrapper --> 4599<div id='outer-wrapper'> 4600<!-- Header Wrapper --> 4601<header id='header-wrapper'> 4602<div class='header-content flex-center'> 4603<div class='container row-x1'> 4604<div class='header-items'> 4605<div class='main-logo section' id='main-logo' name='Header Logo'><div class='widget Header' data-version='2' id='Header1'> 4606<a class='mobile-menu-toggle' href='javascript:;' role='button' title='Menu'></a> 4607<a class='logo-img' href='https://www.czetsuyatech.com/'> 4608<img alt='czetsuyatech' data-height='32' data-width='150' src='https://blogger.googleusercontent.com/img/a/AVvXsEixjC9Vaf5ZGGbhx7P-_lTd1vs4CLqEfqx-Gqf00N9uPP_9CKUyGQ83VWNVli7XtqnEy9Ia9h9Ws3uns7JgNOhHcte1Xha5TGYR8sjRnMj-6BbuycaRaJefEBxjL51dJGBGPLlfHn1m5wNiUjdWyweEyFUppQoZVKXiYrdmykDiKcfkJZ_b7QSO9OwHQsxL=s150' title='czetsuyatech'/> 4609</a> 4610</div><div class='widget Text' data-version='2' id='Text100'> 4611<p class='logo-description excerpt'>Backend engineering, architecture and open source.</p> 4612</div></div> 4613<div class='header-icons section' id='header-icons' name='Social Icons'><div class='widget LinkList' data-version='2' id='LinkList100'> 4614<ul class='social-icons social social-bg'> 4615<li class='linkedin link-0'><a alt='linkedin' class='linkedin' href='https://www.linkedin.com/in/czetsuya/' rel='noopener noreferrer' target='_blank' title='linkedin'></a></li> 4616<li class='github link-1'><a alt='github' class='github' href='https://github.com/czetsuyatech' rel='noopener noreferrer' target='_blank' title='github'></a></li> 4617<li class='youtube link-2'><a alt='youtube' class='youtube' href='https://www.youtube.com/c/czetsuyatech' rel='noopener noreferrer' target='_blank' title='youtube'></a></li> 4618<li class='email link-3'><a alt='email' class='email' href='mailto:[email protected]' rel='noopener noreferrer' target='_blank' title='email'></a></li> 4619</ul> 4620</div></div> 4621<a class='mobile-search-toggle' href='javascript:;' role='button' title='Search'></a> 4622</div> 4623</div> 4624</div> 4625</header> 4626<!-- Nav Wrapper --> 4627<nav id='nav-wrapper'> 4628<div class='main-nav-content'> 4629<div class='main-nav-flex flex-center'> 4630<div class='container row-x1'> 4631<div class='main-nav-items'> 4632<div class='typify-pro-main-nav section' id='typify-pro-main-nav' name='Main Menu'><div class='widget LinkList' data-version='2' id='LinkList101'> 4633<ul id='typify-pro-main-nav-menu' role='menubar'> 4634<li class='homepage is-icon'> 4635<a href='https://www.czetsuyatech.com/' role='menuitem' title='Home'> 4636</a></li> 4637<li> 4638<a href='https://www.czetsuyatech.com/p/nerv-open-source.html' role='menuitem'>NERV 4639</a></li> 4640<li> 4641<a href='/p/consultation-services.html' role='menuitem'>Services 4642</a></li> 4643<li> 4644<a href='/p/about-me.html' role='menuitem'>About 4645</a></li> 4646<li> 4647<a href='https://www.czetsuyatech.com/p/work-with-me.html' role='menuitem'>Work With Me 4648</a></li> 4649</ul> 4650</div></div> 4651<div class='main-toggle-wrap'> 4652<a aria-label='Toggle dark mode' class='main-toggle-style darkmode-toggle' href='javascript:;' role='button'></a> 4653<a class='main-toggle-style search-toggle show' href='javascript:;' role='button' title='Search'></a> 4654<a class='main-toggle-style search-toggle hide ' href='javascript:;' role='button' title='Search'></a> 4655</div> 4656<div id='nav-search-wrap'> 4657<form action='https://www.czetsuyatech.com/search' class='search-form' role='search'> 4658<input autocomplete='off' class='search-input' name='q' placeholder='Search' value=''/> 4659<button aria-label='Search' class='search-action' type='submit' value=''></button> 4660</form> 4661</div> 4662</div> 4663</div> 4664</div> 4665</div> 4666</nav> 4667<!-- Header Ads --> 4668<div class='flex-center ads-page-hidden no-widget' id='header-ads-wrap'> 4669<div class='header-ads container row-x1 no-items section' id='header-ads' name='Header ADS'> 4670</div> 4671</div> 4672<!-- Content Wrapper --> 4673<div class='flex-center' id='content-wrapper'> 4674<div class='container row-x1'> 4675<!-- Main Wrapper --> 4676<main id='main-wrapper'> 4677<div class='main section' id='main' name='Main Posts'><div class='widget Blog' data-version='2' id='Blog1'> 4678<div class='blog-posts hfeed item-post-wrap'> 4679<article class='blog-post hentry item-post'> 4680<div class='item-post-inner'> 4681<div class='entry-header blog-entry-header'>
4682<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.czetsuyatech.com/"},{"@type":"ListItem","position":2,"name":"Work With Me","item":"https://www.czetsuyatech.com/p/work-with-me.html"}]}</script>
4682 4683<h1 class='entry-title'>Work With Me</h1> 4684</div> 4685<div class='entry-content-wrap'> 4686<div class='post-body entry-content' id='post-body'> 4687<h2>Work With Me</h2> 4688 4689<p> 4690I help teams design, build, and improve reliable backend systems using 4691<strong>Java, Spring Boot, distributed systems, event-driven architecture, and AWS</strong>. 4692</p> 4693 4694<p> 4695With more than <strong>18 years of software engineering experience</strong>, 4696I've worked across backend development, solution architecture, integrations, 4697cloud systems, payments, enterprise platforms, and production support. 4698</p> 4699 4700<p> 4701My focus isn't simply on making software work. I care about building systems 4702that are <strong>understandable, maintainable, observable, and easier to support</strong> 4703when something goes wrong. 4704</p> 4705 4706<h3>How I Can Help</h3> 4707 4708<p> 4709I work with teams that need experienced engineering support in areas such as: 4710</p> 4711 4712<ul> 4713 <li>Backend architecture and system design</li> 4714 <li>Java and Spring Boot development</li> 4715 <li>Microservices and distributed systems</li> 4716 <li>Event-driven architecture</li> 4717 <li>Kafka and asynchronous messaging</li> 4718 <li>Transactional outbox and inbox patterns</li> 4719 <li>API and external system integrations</li> 4720 <li>AWS-based backend systems</li> 4721 <li>Persistence and database design</li> 4722 <li>Production reliability and troubleshooting</li> 4723 <li>Architecture reviews and technical modernization</li> 4724</ul> 4725 4726<h3>Where I Can Make the Most Impact</h3> 4727 4728<p> 4729I'm most useful when a backend problem requires more than straightforward 4730implementation. 4731</p> 4732 4733<p> 4734That might mean designing a new service architecture, improving an existing 4735Spring platform, solving reliability problems between services, investigating 4736production issues, introducing event-driven communication, or simplifying a 4737system that has become difficult to maintain and support. 4738</p> 4739 4740<p> 4741Depending on the project, I can contribute as a 4742<strong>hands-on senior engineer, technical lead, or architecture-focused consultant</strong>. 4743</p> 4744 4745<h3>How I Approach Engineering</h3> 4746 4747<p> 4748I prefer solutions that work well not only during development, but also in 4749production. 4750</p> 4751 4752<p> 4753That means clear boundaries, predictable behavior, good observability, 4754explicit failure handling, support-friendly data, and architectures that 4755developers can understand and debug without unnecessary complexity. 4756</p> 4757 4758<p> 4759I also design and maintain the <strong>NERV open-source Java ecosystem</strong>, 4760where I build reusable libraries around backend engineering problems such as 4761reliable event delivery, auditing, exception handling, and persistence. 4762</p> 4763 4764<p> 4765<a href="https://github.com/czetsuyatech" rel="noopener" target="_blank"> 4766Explore my open-source work on GitHub → 4767</a> 4768</p> 4769 4770<h3>Technology Focus</h3> 4771 4772<p> 4773<strong> 4774Java · 4775Spring Boot · 4776Spring Data JPA · 4777Hibernate · 4778PostgreSQL · 4779Kafka · 4780AWS · 4781REST APIs · 4782Distributed Systems · 4783Event-Driven Architecture 4784</strong> 4785</p> 4786 4787<p> 4788I also work with technologies and platforms including 4789Keycloak, Redis, Kubernetes, Docker, OpenTelemetry, Micrometer, 4790Testcontainers, and related backend infrastructure. 4791</p> 4792 4793<h3>Let's Talk About Your Project</h3> 4794 4795<p> 4796If you're building a new backend platform, modernizing an existing Java 4797system, or dealing with a difficult architecture or production problem, 4798I'd be happy to discuss it. 4799</p> 4800 4801<p> 4802When you get in touch, it helps to include a little information about: 4803</p> 4804 4805<ul> 4806 <li>What you're building</li> 4807 <li>The problem you're trying to solve</li> 4808 <li>Your current technology stack</li> 4809 <li>Where you think you need help</li> 4810</ul> 4811 4812<p> 4813If the project is a good fit, we can discuss how I can contribute. 4814</p> 4815 4816<div style=" 4817 margin: 48px 0 24px; 4818 padding: 30px; 4819 background: linear-gradient(135deg, #17202a 0%, #202b36 100%); 4820 border-radius: 12px; 4821 border-left: 4px solid #f5a623; 4822 color: #ffffff; 4823 box-shadow: 0 8px 24px rgba(0,0,0,.12); 4824"> 4825 4826 <div style=" 4827 margin-bottom: 8px; 4828 font-size: 12px; 4829 font-weight: 700; 4830 letter-spacing: 1.5px; 4831 text-transform: uppercase; 4832 color: #f5a623; 4833 "> 4834 Work With Me 4835 </div> 4836 4837 <div style=" 4838 margin-bottom: 10px; 4839 font-size: 22px; 4840 line-height: 1.35; 4841 font-weight: 700; 4842 color: #ffffff; 4843 "> 4844 Have a backend problem worth solving? 4845 </div> 4846 4847 <p style=" 4848 margin: 0 0 22px; 4849 max-width: 680px; 4850 font-size: 15px; 4851 line-height: 1.7; 4852 color: #d5dbe1; 4853 "> 4854 Tell me what you're building, the problem you're trying to solve, 4855 your current technology stack, and where you think I can help. 4856 </p> 4857 4858 <a href="mailto:[email protected]" style=" 4859 display: inline-block; 4860 padding: 11px 20px; 4861 background: #f5a623; 4862 border-radius: 6px; 4863 color: #17202a; 4864 font-size: 14px; 4865 font-weight: 700; 4866 text-decoration: none; 4867 "> 4868 Discuss Your Project → 4869 </a> 4870 4871</div> 4872</div> 4873</div> 4874</div> 4875</article> 4876</div>
4877<script type='text/javascript'> 4878 var exportify = { 4879 noTitle: "No title", 4880 postAuthor: true, 4881 authorLabel: "by", 4882 postDate: true, 4883 dateLabel: "-" 4884 } 4885 </script>
4885 4886</div></div> 4887</main> 4888<!-- Sidebar Wrapper --> 4889<aside id='sidebar-wrapper'> 4890<div class='sidebar typify-pro-widget-ready section' id='sidebar' name='Sidebar'><div class='widget LinkList' data-version='2' id='LinkList1'> 4891<div class='widget-title title-wrap'> 4892<h3 class='title'>Connect</h3></div> 4893<div class='widget-content'> 4894<ul class='social-icons social social-bg'> 4895<li class='linkedin link-0'><a alt='linkedin' class='linkedin btn' href='https://www.linkedin.com/in/czetsuya/ $ LinkedIn' rel='noopener noreferrer' target='_blank' title='linkedin'></a></li> 4896<li class='github link-1'><a alt='github' class='github btn' href='https://github.com/czetsuyatech $ GitHub' rel='noopener noreferrer' target='_blank' title='github'></a></li> 4897<li class='youtube link-2'><a alt='youtube' class='youtube btn' href='https://www.youtube.com/c/czetsuyatech $ YouTube' rel='noopener noreferrer' target='_blank' title='youtube'></a></li> 4898<li class='email link-3'><a alt='email' class='email btn' href='mailto:[email protected] $ Email' rel='noopener noreferrer' target='_blank' title='email'></a></li> 4899</ul> 4900</div> 4901</div><div class='widget HTML' data-version='2' id='HTML4'> 4902<div class='widget-title title-wrap'> 4903<h3 class='title'>NERV Open Source</h3></div> 4904<div class='widget-content'> 4905<div style="font-family: inherit;"> 4906 4907 <p style="margin: 0 0 14px; color: var(--text-color); line-height: 1.6;"> 4908 Production-ready backend libraries for Java and Spring engineers. 4909 </p> 4910 4911 <a href="https://github.com/czetsuyatech/nerv-event" 4912 target="_blank" rel="noopener noreferrer" 4913 style="display:block; padding:10px 0; border-bottom:1px solid var(--border-color); text-decoration:none;"> 4914 <strong style="color:var(--title-color);">NERV Event</strong> 4915 <span style="display:block; margin-top:3px; color:var(--text-color); font-size:12px;"> 4916 Outbox, inbox, retries & idempotency 4917 </span> 4918 </a> 4919 4920 <a href="https://github.com/czetsuyatech/nerv-audit" 4921 target="_blank" rel="noopener noreferrer" 4922 style="display:block; padding:10px 0; border-bottom:1px solid var(--border-color); text-decoration:none;"> 4923 <strong style="color:var(--title-color);">NERV Audit</strong> 4924 <span style="display:block; margin-top:3px; color:var(--text-color); font-size:12px;"> 4925 Audit trails & entity history 4926 </span> 4927 </a> 4928 4929 <a href="https://github.com/czetsuyatech/nerv-exception" 4930 target="_blank" rel="noopener noreferrer" 4931 style="display:block; padding:10px 0; border-bottom:1px solid var(--border-color); text-decoration:none;"> 4932 <strong style="color:var(--title-color);">NERV Exception</strong> 4933 <span style="display:block; margin-top:3px; color:var(--text-color); font-size:12px;"> 4934 Consistent errors across service boundaries 4935 </span> 4936 </a> 4937 4938 <a href="https://github.com/czetsuyatech/nerv-persistence" 4939 target="_blank" rel="noopener noreferrer" 4940 style="display:block; padding:10px 0; text-decoration:none;"> 4941 <strong style="color:var(--title-color);">NERV Persistence</strong> 4942 <span style="display:block; margin-top:3px; color:var(--text-color); font-size:12px;"> 4943 Reusable JPA foundations 4944 </span> 4945 </a> 4946 4947 <a href="https://www.czetsuyatech.com/p/nerv-open-source.html" rel="noopener noreferrer" 4948 style=" 4949 display:block; 4950 margin-top:14px; 4951 padding:9px 12px; 4952 background:#F5A623; 4953 color:#fff; 4954 text-align:center; 4955 text-decoration:none; 4956 font-weight:600; 4957 border-radius:2px;"> 4958 Explore NERV → 4959 </a> 4960 4961</div> 4962</div> 4963</div><div class='widget PopularPosts' data-version='2' id='PopularPosts1'> 4964<div class='widget-title title-wrap'> 4965<h3 class='title'>Popular Posts</h3></div> 4966<div class='widget-content sidebar-posts'> 4967<div class='popular-post post big-post item-0'> 4968<a class='entry-inner wrap-all-link' href='https://www.czetsuyatech.com/2022/06/spring-method-level-security-with-amazon-cognito-and-jwt-token.html'> 4969<span class='entry-image-wrap before-mask is-image'> 4970<span class='entry-thumb' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjepg5wqc9D5ROgPwE0aIo7qbQmvc1zWuBKr2SkjwXt5sEGrZCx7TOOM1TU2IiTQS7ueJL_jcFKykQgg5Zkq0VY4cttwo1ZtmztbcGQukKzWcIu_4qz-twhfvC-L6oZW3gbyT4gXbQSdOtpL4-bfB_hObihaviPlx9mLtghb6ZOPOrtKa4wFrNvaVEUmw/w72-h72-p-k-no-nu/cd-method-security.png'></span> 4971<span class='entry-tag'>Amazon Cognito</span> 4972</span> 4973<div class='entry-header entry-info'> 4974<h2 class='entry-title'>Spring Method Level Security with Amazon Cognito and JWT Token</h2> 4975<div class='entry-meta'><span class='entry-time'><time class='published' datetime='2022-06-14T13:06:00+08:00'>Tuesday, June 14, 2022</time></span></div> 4976</div> 4977</a> 4978</div> 4979<div class='popular-post post item-1'> 4980<a class='entry-image-wrap is-image' href='https://www.czetsuyatech.com/2021/07/magento-foreign-key-constraint-fails-fix.html' title='How to Fix Foreign Key Constraint Fails in Magento'> 4981<span class='entry-thumb' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuYvc5H0ly921wsjnZLR0TDr3rHbMvAPO6Rgeb04tI-5UZxDsXcUPbljePDs8rxg7Je1iW6e_gG1YTwUBTYIHXJQMTkQp_p0Ch7VF-eJmgFsJUu-lGJ_voVi2MY6UXTjDDi22_OBaY1x0/w72-h72-p-k-no-nu/magento_foreign_key_constraint.jpg'></span> 4982</a> 4983<div class='entry-header'> 4984<h2 class='entry-title'><a href='https://www.czetsuyatech.com/2021/07/magento-foreign-key-constraint-fails-fix.html'>How to Fix Foreign Key Constraint Fails in Magento</a></h2> 4985</div> 4986</div> 4987<div class='popular-post post item-2'> 4988<a class='entry-image-wrap is-image' href='https://www.czetsuyatech.com/2019/12/keycloak-cors-policy-error-no-access-control-allow-origin-header.html' title='How to Fix Keycloak Cors Policy Error: No Access-control-allow-origin Header'> 4989<span class='entry-thumb' data-image='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaeQg6Nw7eEriFlVkPVWbO_BDRhaOr_aze6dgflpI59iBFXTnD6ewxKDvXxBOCEJagprcJrQ4sEgtwaOXP42HLRhAfHOzKCHF5cpI195YV_lYCynCrvittZywU_3xO6qHI63i93zpKRRc/w72-h72-p-k-no-nu/keycloak-cors.png'></span> 4990</a> 4991<div class='entry-header'> 4992<h2 class='entry-title'><a href='https://www.czetsuyatech.com/2019/12/keycloak-cors-policy-error-no-access-control-allow-origin-header.html'>How to Fix Keycloak Cors Policy Error: No Access-control-allow-origin Header</a></h2> 4993</div> 4994</div> 4995<div class='popular-post post item-3'> 4996<a class='entry-image-wrap is-image' href='https://www.czetsuyatech.com/2023/03/spring-rest-resttemplate-using-httpclient5.html' title='How to Create a Spring RestTemplate using HttpClient5'> 4997<span class='entry-thumb' data-image='https://resources.blogblog.com/img/blank.gif'></span> 4998</a> 4999<div class='entry-header'> 5000<h2 class='entry-title'><a href='https://www.czetsuyatech.com/2023/03/spring-rest-resttemplate-using-httpclient5.html'>How to Create a Spring RestTemplate using HttpClient5</a></h2> 5001</div> 5002</div> 5003</div> 5004</div></div> 5005</aside> 5006</div> 5007</div> 5008<!-- Footer Ads --> 5009<div class='flex-center ads-page-hidden' id='footer-ads-wrap'> 5010<div class='footer-ads container row-x1 section' id='footer-ads' name='Footer ADS'> 5011<div class='widget AdSense' data-version='2' id='AdSense1'> 5012</div></div> 5013</div> 5014<!-- Footer Wrapper --> 5015<footer id='footer-wrapper'> 5016<div class='primary-footer flex-center'> 5017<div class='container row-x1'> 5018<div class='typify-pro-about-section section' id='typify-pro-about-section' name='About Section'><div class='widget Image' data-version='2' id='Image100'> 5019<a class='footer-logo custom-image' href='https://www.czetsuyatech.com'> 5020<img alt='czetsuyatech' id='Image100_img' src='https://blogger.googleusercontent.com/img/a/AVvXsEhtrlqCtccFPmoO_2fansJYHExHeCzSSxYKuQWNEDskVj1suRd4flgeheHeeGkz7afLTueN0lAZY-W72cAdug2Y2k02K5u86T2eo4uw7urob9uIFIpADm_9GK9kVPALOBzll7dSvpIOqc24CjqXY1F0KgLDj0lmVsmPeSVoG3o1wSCmhxfmZjJNI9RZcJPe=s1600'/> 5021</a> 5022<div class='footer-info'> 5023<h3 class='title'>About CzetsuyaTech</h3> 5024<p class='image-caption excerpt'>CzetsuyaTech is Edward Legaspi's engineering publication and open-source home, focused on Java, Spring Boot, backend architecture, distributed systems, AWS, and production engineering.</p> 5025</div> 5026</div><div class='widget LinkList' data-version='2' id='LinkList103'> 5027<ul class='social-icons social social-bg-hover'> 5028<li class='linkedin link-0'><a alt='linkedin' class='linkedin btn' href='https://www.linkedin.com/in/czetsu
5028ya/' rel='noopener noreferrer' target='_blank' title='linkedin'></a></li> 5029<li class='github link-1'><a alt='github' class='github btn' href='https://github.com/czetsuyatech' rel='noopener noreferrer' target='_blank' title='github'></a></li> 5030<li class='youtube link-2'><a alt='youtube' class='youtube btn' href='https://www.youtube.com/c/czetsuyatech' rel='noopener noreferrer' target='_blank' title='youtube'></a></li> 5031<li class='email link-3'><a alt='email' class='email btn' href='mailto:[email protected]' rel='noopener noreferrer' target='_blank' title='email'></a></li> 5032</ul> 5033</div></div> 5034</div> 5035</div> 5036<div class='footerbar flex-center'> 5037<div class='container row-x1'> 5038<div class='footer-copyright section' id='footer-copyright' name='Footer Copyright'><div class='widget Text' data-version='2' id='Text101'> 5039 5040 Copyright ©
5040<script type='text/javascript'>var year = new Date();document.write(year.getFullYear());</script>
5040 5041<a href='https://www.czetsuyatech.com/'>czetsuyatech</a> 5042</div></div> 5043<div class='footer-menu section' id='footer-menu' name='Footer Menu'><div class='widget LinkList' data-version='2' id='LinkList104'> 5044<ul class='link-list'> 5045<li><a href='/'>Home</a></li> 5046<li><a href='/p/about-me.html'>About</a></li> 5047<li><a href='/p/consultation-services.html'>Services</a></li> 5048<li><a href='/p/work-with-me.html'>Work With Me</a></li> 5049</ul> 5050</div></div> 5051</div> 5052</div> 5053</footer> 5054<!-- Cookie Consent --> 5055<div id='cookie-ify'> 5056<div class='section' id='cookie-ify-section' name='Cookie Consent'><div class='widget Text' data-version='2' id='Text1'> 5057<p class='cookie-ify-content excerpt'>Our website uses cookies to improve your experience. <a href="#">Learn more</a></p> 5058<a class='btn' href='javascript:;' id='cookie-ify-accept' role='button' title='Accept !'>Accept !</a> 5059</div></div> 5060</div> 5061<div id='hidden-widgets-wrap' style='display:none'> 5062<div class='hidden-widgets section' id='hidden-widgets'><div class='widget ContactForm' data-version='2' id='ContactForm1'> 5063<div class='widget-title'> 5064<h3 class='title'>Contact Form</h3></div> 5065<div class='widget-content contact-form-widget'> 5066<div class='form'> 5067<form name='contact-form'> 5068<input aria-label='Name' class='contact-form-name' id='ContactForm1_contact-form-name' name='name' placeholder='Name' size='30' type='text' value=''/> 5069<input aria-label='Email *' class='contact-form-email' id='ContactForm1_contact-form-email' name='email' placeholder='Email *' size='30' type='text' value=''/> 5070<textarea aria-label='Message *' class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='Message *' rows='5'></textarea> 5071<input class='contact-form-button btn contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Send'/> 5072<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> 5073<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> 5074</form> 5075</div> 5076</div> 5077</div></div> 5078</div> 5079</div> 5080<!-- Mobile Menu Wrapper --> 5081<div id='slide-menu'> 5082<div class='slide-menu-header'> 5083<div class='mobile-search'> 5084<form action='https://www.czetsuyatech.com/search' class='search-form' role='search'> 5085<input autocomplete='off' class='search-input' name='q' placeholder='Search' value=''/> 5086<button aria-label='Search' class='search-action' type='submit' value=''></button> 5087</form> 5088</div> 5089<div class='mobile-toggle-wrap'> 5090<a aria-label='Toggle dark mode' class='darkmode-toggle' href='javascript:;' role='button'></a> 5091<a aria-label='Close menu' class='hide-typify-pro-mobile-menu' href='javascript:;' role='button'></a> 5092</div> 5093</div> 5094<div class='slide-menu-flex'> 5095<div class='typify-pro-mobile-menu' id='typify-pro-mobile-menu'></div> 5096<div class='mobile-menu-footer'> 5097<div class='mobile-navbar-social'></div> 5098<div class='mobile-navbar-menu'></div> 5099</div> 5100</div> 5101</div> 5102<!-- Hosted Plugins -->
5103<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
5103 5104<!-- Local Plugins -->
5105<script type='text/javascript'> 5106//<![CDATA[ 5107/*! Custom - Theia Sticky Sidebar | v1.7.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */ 5108!function(i){i.fn.theiaStickySidebarIfy=function(t){function o(t,o){return!0===t.initialized||!(i("body").width()<t.minWidth)&&(function(t,o){t.initialized=!0,o.each(function(){function o(){n.fixedScrollTop=0,n.sidebar.css({"min-height":"1px"}),n.stickySidebar.css({position:"static",width:"",transform:"none"})}var n={};if(n.sidebar=i(this),n.options=t||{},n.container=i(n.options.containerSelector),0==n.container.length&&(n.container=n.sidebar.parent()),n.sidebar.parent().css("-webkit-transform","none"),n.sidebar.css({position:n.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),n.stickySidebar=n.sidebar.find(".theiaStickySidebarIfy"),0==n.stickySidebar.length){var a=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;n.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(a)}).remove(),n.stickySidebar=i("<div>").addClass("theiaStickySidebarIfy").append(n.sidebar.children()),n.sidebar.append(n.stickySidebar)}n.marginBottom=parseInt(n.sidebar.css("margin-bottom")),n.paddingTop=parseInt(n.sidebar.css("padding-top")),n.paddingBottom=parseInt(n.sidebar.css("padding-bottom"));var d=n.stickySidebar.offset().top,r=n.stickySidebar.outerHeight();n.stickySidebar.css("padding-top",1),n.stickySidebar.css("padding-bottom",1),d-=n.stickySidebar.offset().top,r=n.stickySidebar.outerHeight()-r-d,0==d?(n.stickySidebar.css("padding-top",0),n.stickySidebarPaddingTop=0):n.stickySidebarPaddingTop=1,0==r?(n.stickySidebar.css("padding-bottom",0),n.stickySidebarPaddingBottom=0):n.stickySidebarPaddingBottom=1,n.previousScrollTop=null,n.fixedScrollTop=0,o(),n.onScroll=function(n){if(n.stickySidebar.is(":visible")){if(i("body").width()<n.options.minWidth)return void o();if(n.options.disableOnResponsiveLayouts){var a=n.sidebar.outerWidth("none"==n.sidebar.css("float"));if(a+50>n.container.width())return void o()}var d=i(document).scrollTop(),r="static";if(d>=n.sidebar.offset().top+(n.paddingTop-n.options.additionalMarginTop)){var s,c=n.paddingTop+t.additionalMarginTop,p=n.paddingBottom+n.marginBottom+t.additionalMarginBottom,b=n.sidebar.offset().top,l=n.sidebar.offset().top+function(t){var o=t.height();return t.children().each(function(){o=Math.max(o,i(this).height())}),o}(n.container),f=0+t.additionalMarginTop,g=n.stickySidebar.outerHeight()+c+p<i(window).height();s=g?f+n.stickySidebar.outerHeight():i(window).height()-n.marginBottom-n.paddingBottom-t.additionalMarginBottom;var h=b-d+n.paddingTop,u=l-d-n.paddingBottom-n.marginBottom,S=n.stickySidebar.offset().top-d,m=n.previousScrollTop-d;"fixed"==n.stickySidebar.css("position")&&"modern"==n.options.sidebarBehavior&&(S+=m),"stick-to-top"==n.options.sidebarBehavior&&(S=t.additionalMarginTop),"stick-to-bottom"==n.options.sidebarBehavior&&(S=s-n.stickySidebar.outerHeight()),S=m>0?Math.min(S,f):Math.max(S,s-n.stickySidebar.outerHeight()),S=Math.max(S,h),S=Math.min(S,u-n.stickySidebar.outerHeight());var y=n.container.height()==n.stickySidebar.outerHeight();r=!y&&S==f||!y&&S==s-n.stickySidebar.outerHeight()?"fixed":d+S-n.sidebar.offset().top-n.paddingTop<=t.additionalMarginTop?"static":"absolute"}if("fixed"==r){i(document).scrollLeft();n.stickySidebar.css({position:"fixed",width:e(n.stickySidebar)+"px",transform:"none",top:S+"px"})}else if("absolute"==r){var k={};"absolute"!=n.stickySidebar.css("position")&&(k.position="absolute",k.transform="none",k.top=d+S-n.sidebar.offset().top-n.stickySidebarPaddingTop-n.stickySidebarPaddingBottom+"px"),k.width=e(n.stickySidebar)+"px",n.stickySidebar.css(k)}else"static"==r&&o();"static"!=r&&1==n.options.updateSidebarHeight&&n.sidebar.css({"min-height":n.stickySidebar.outerHeight()+n.stickySidebar.offset().top-n.sidebar.offset().top+n.paddingBottom}),n.previousScrollTop=d}},n.onScroll(n),i(document).on("scroll."+n.options.namespace,function(i){return function(){i.onScroll(i)}}(n)),i(window).on("resize."+n.options.namespace,function(i){return function(){i.stickySidebar.css({position:"static"}),i.onScroll(i)}}(n)),"undefined"!=typeof ResizeSensor&&new ResizeSensor(n.stickySidebar[0],function(i){return function(){i.onScroll(i)}}(n))})}(t,o),!0)}function e(i){var t;try{t=i[0].getBoundingClientRect().width}catch(i){}return void 0===t&&(t=i.width()),t}return(t=i.extend({containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},t)).additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||
51080,function(t,e){o(t,e)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+t.namespace,function(t,e){return function(n){o(t,e)&&i(this).unbind(n)}}(t,e)),i(window).on("resize."+t.namespace,function(t,e){return function(n){o(t,e)&&i(this).unbind(n)}}(t,e)))}(t,this),this}}(jQuery); 5109 5110/*! MenuIfy by Templateify | v1.0.0 - https://www.templateify.com */ 5111!function(a){a.fn.menuify=function(){return this.each(function(){var $t=a(this),b=$t.find('.LinkList ul > li').children('a'),c=b.length;for(var i=0;i<c;i++){var d=b.eq(i),h=d.text();if(h.charAt(0)!=='_'){var e=b.eq(i+1),j=e.text();if(j.charAt(0)==='_'){var m=d.parent();m.append('<ul class="sub-menu m-sub"/>');}}if(h.charAt(0)==='_'){d.text(h.replace('_',''));d.parent().appendTo(m.children('.sub-menu'));}}for(var i=0;i<c;i++){var f=b.eq(i),k=f.text();if(k.charAt(0)!=='_'){var g=b.eq(i+1),l=g.text();if(l.charAt(0)==='_'){var n=f.parent();n.append('<ul class="sub-menu2 m-sub"/>');}}if(k.charAt(0)==='_'){f.text(k.replace('_',''));f.parent().appendTo(n.children('.sub-menu2'));}}$t.find('.LinkList ul li ul').parent('li').addClass('has-sub');});}}(jQuery); 5112 5113/*! ResizeIfy - LazyIfy on Scroll by Templateify | v1.4.0 - https://www.templateify.com */ 5114!function(a){a.fn.lazyify=function(){return this.each(function(){var t=a(this),w=a(window),dImg=t.attr('data-image'),iWid=Math.round(t.width()),iHei=Math.round(t.height()),iSiz='w'+iWid+'-h'+iHei+'-p-k-no-nu',img='';if(dImg.match('resources.blogblog.com')){dImg=noThumbnail;}if(dImg.match('/s72-c')){img=dImg.replace('/s72-c','/'+iSiz);}else if(dImg.match('/w72-h')){img=dImg.replace('/w72-h72-p-k-no-nu','/'+iSiz);}else if(dImg.match('=w72-h')){img=dImg.replace('=w72-h72-p-k-no-nu','='+iSiz);}else{img=dImg;}if(t.is(':hidden'))return;w.on('load resize scroll',function onScroll(){if(w.scrollTop()+w.height()>=t.offset().top){w.off('load resize scroll',onScroll);var n=new Image();n.onload=function(){t.attr('style','background-image:url('+this.src+')').addClass('lazy-ify');},n.src=img;}}).trigger('scroll');});}}(jQuery); 5115 5116/*! jQuery replaceText | v1.1.0 - http://benalman.com/projects/jquery-replacetext-plugin/ */ 5117!function(e){e.fn.replaceText=function(n,t,i){return this.each(function(){var o,r,l=this.firstChild,u=[];if(l)do{3===l.nodeType&&(r=(o=l.nodeValue).replace(n,t))!==o&&(!i&&/</.test(r)?(e(l).before(r),u.push(l)):l.nodeValue=r)}while(l=l.nextSibling);u.length&&e(u).remove()})}}(jQuery); 5118 5119/*! Table of Contents | v0.4.0 - https://github.com/ndabas/toc */ 5120!function(t){"use strict";var n=function(n){return this.each(function(){var e,i,a=t(this),o=a.data(),c=[a],r=this.tagName,d=0;e=t.extend({content:"body",headings:"h1,h2,h3"},{content:o.toc||void 0,headings:o.tocHeadings||void 0},n),i=e.headings.split(","),t(e.content).find(e.headings).attr("id",function(n,e){return e||function(t){0===t.length&&(t="?");for(var n=t.replace(/\s+/g,"_"),e="",i=1;null!==document.getElementById(n+e);)e="_"+i++;return n+e}(t(this).text())}).each(function(){var n=t(this),e=t.map(i,function(t,e){return n.is(t)?e:void 0})[0];if(e>d){var a=c[0].children("li:last")[0];a&&c.unshift(t("<"+r+"/>").appendTo(a))}else c.splice(0,Math.min(d-e,Math.max(c.length-1,0)));t("<li/>").appendTo(c[0]).append(t("<a/>").text(n.text()).attr("href","#"+n.attr("id"))),d=e})})},e=t.fn.toc;t.fn.toc=n,t.fn.toc.noConflict=function(){return t.fn.toc=e,this},t(function(){n.call(t("[data-toc]"))})}(window.jQuery); 5121 5122/*! Javascript Cookie | v1.5.1 - https://github.com/js-cookie/js-cookie */ 5123!function(e){var n;if("function"==typeof define&&define.amd)define(["jquery"],e);else if("object"==typeof exports){try{n=require("jquery")}catch(e){}module.exports=e(n)}else{var o=window.Cookies,r=window.Cookies=e(window.jQuery);r.noConflict=function(){return window.Cookies=o,r}}}(function(e){var n=/\+/g;function o(e){return u.raw?e:encodeURIComponent(e)}function r(e){return o(u.json?JSON.stringify(e):String(e))}function t(e,o){var r=u.raw?e:function(e){0===e.indexOf('"')&&(e=e.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return e=decodeURIComponent(e.replace(n," ")),u.json?JSON.parse(e):e}catch(e){}}(e);return c(o)?o(r):r}function i(){for(var e,n,o=0,r={};o<arguments.length;o++)for(e in n=arguments[o])r[e]=n[e];return r}function c(e){return"[object Function]"===Object.prototype.toString.call(e)}var u=function(e,n,f){if(arguments.length>1&&!c(n)){if("number"==typeof(f=i(u.defaults,f)).expires){var s=f.expires,a=f.expires=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*s)}return document.cookie=[o(e),"=",r(n),f.expires?"; expires="+f.expires.toUTCString():"",f.path?"; path="+f.path:"",f.domain?"; domain="+f.domain:"",f.secure?"; secure":""].join("")}for(var d,p=e?void 0:{},l=document.cookie?document.cookie.split("; "):[],m=0,v=l.length;m<v;m++){var g=l[m].split("="),w=(d=g.shift(),u.raw?d:decodeURIComponent(d)),j=g.join("=");if(e===w){p=t(j,n);break}e||void 0===(j=t(j))||(p[w]=j)}return p};return u.get=u.set=u,u.defaults={},u.remove=function(e,n){return u(e,"",i(n,{expires:-1})),!u(e)},e&&(e.cookie=u,e.removeCookie=u.remove),u}); 5124 5125/*! Blogger Cookie Message Off */ 5126cookieChoices = {}; 5127//]]> 5128</script>
5128 5129<!-- Theme Scripts -->
5130<script type='text/javascript'> 5131//<![CDATA[ 5132function shortCodeIfy(e, t, a) { 5133 for (var s = e.split("$"), i = /[^{\}]+(?=})/g, r = 0; r < s.length; r++) { 5134 var o = s[r].split("="); 5135 if (o[0].trim() == t) return null != (a = o[1]).match(i) && String(a.match(i)).trim() 5136 } 5137 return !1 5138} 5139 5140function msgError() { 5141 return '<span class="error-msg"><b>Error:</b> No Results Found</span>' 5142} 5143 5144function beforeLoader() { 5145 return '<div class="loader"><div class="loader-ellipsis"><div></div><div></div><div></div><div></div></div></div>' 5146} 5147 5148function getFeedUrl(e, t, a, s) { 5149 switch (a) { 5150 case "recent": 5151 s = "/feeds/posts/default?alt=json&max-results=" + t; 5152 break; 5153 case "comments": 5154 s = "list1" == e ? "/feeds/comments/default?alt=json&max-results=" + t : "/feeds/posts/default/-/" + a + "?alt=json&max-results=" + t; 5155 break; 5156 default: 5157 s = "/feeds/posts/default/-/" + a + "?alt=json&max-results=" + t 5158 } 5159 return s 5160} 5161 5162function getPostLink(e, t) { 5163 for (var a = 0; a < e[t].link.length; a++) 5164 if ("alternate" == e[t].link[a].rel) { 5165 var s = e[t].link[a].href; 5166 break 5167 } 5168 return s 5169} 5170 5171function escapeFeedText(value) { 5172 return String(value == null ? "" : value).replace(/[&<>"']/g, function (character) { 5173 return {"&": "&", "<": "<", ">": ">", '"': """, "'": "'"}[character]; 5174 }); 5175} 5176 5177function getPostTitle(e, t, a) { 5178 return escapeFeedText(e[t].title.$t || exportify.noTitle); 5179} 5180 5181function getFirstImage(e, t) { 5182 var a = $("<div>").html(e).find("img[src]:first").attr("src") || noThumbnail, 5183 s = a.lastIndexOf("/") || 0, 5184 i = a.lastIndexOf("/", s - 1) || 0, 5185 r = a.substring(0, i), 5186 o = a.substring(i, s), 5187 n = a.substring(s); 5188 return (o.match(/\/s[0-9]+/g) || o.match(/\/w[0-9]+/g) || "/d" == o) && (o = "/w72-h72-p-k-no-nu"), r + o + n 5189} 5190 5191function getPostImage(e, t, a, s) { 5192 var i = (e[t].content && e[t].content.$t) || (e[t].summary && e[t].summary.$t) || ""; 5193 return a = e[t].media$thumbnail ? e[t].media$thumbnail.url : "https://resources.blogblog.com/img/blank.gif", i.indexOf(i.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) > -1 ? i.indexOf("<img") > -1 ? i.indexOf(i.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) < i.indexOf("<img") ? a.replace("/default.", "/maxresdefault.") : getFirstImage(i) : a.replace("/default.", "/maxresdefault.") : i.indexOf("<img") > -1 ? getFirstImage(i) : "https://resources.blogblog.com/img/blank.gif" 5194} 5195 5196function getPostAuthor(e, t, a) { 5197 return '<span class="author-name">' + escapeFeedText(e[t].author[0].name.$t) + "</span>" 5198} 5199 5200function getPostDate(e, t, a) { 5201 var s = e[t].published.$t, 5202 i = s.substring(0, 4), 5203 r = s.substring(5, 7), 5204 o = s.substring(8, 10); 5205 return '<time class="published" datetime="' + s + '">' + dateFormat.replace("{m}", monthNames[parseInt(r, 10) - 1]).replace("{d}", o).replace("{y}", i) + "</time>" 5206} 5207 5208function getPostMeta(e, t, a, s, i, r, o, n) { 5209 return a = "" != exportify.authorLabel ? '<span class="by">' + exportify.authorLabel + "</span>" : "", s = "" != exportify.dateLabel && 1 == exportify.postAuthor ? '<span class="on">' + exportify.dateLabel + "</span>" : "", [1 == exportify.postAuthor && 1 == exportify.postDate ? '<div class="entry-meta"><span class="entry-author">' + a + e + '</span><span class="entry-time">' + s + t + "</span></div>" : 1 == exportify.postAuthor ? '<div class="entry-meta"><span class="entry-author">' + a + e + "</span></div>" : 1 == exportify.postDate ? '<div class="entry-meta"><span class="entry-time">' + s + t + "</span></div>" : "", 1 == exportify.postDate ? '<div class="entry-meta"><span class="entry-time">' + t + "</span></div>" : ""] 5210} 5211 5212function getPostTag(e, t, a) { 5213 return e[t].category && e[t].category.length ? '<span class="entry-tag">' + escapeFeedText(e[t].category[0].term) + "</span>" : "" 5214} 5215 5216function getPostImageType(e, t) { 5217 return e.match("img.youtube.com") ? "is-video" : "is-image" 5218} 5219 5220function getPostComments(e, t, a, s) { 5221 var i = escapeFeedText(e[t].author[0].name.$t), 5222 r = e[t].author[0].gd$image.src.replace("/s113", "/w35-h35-p-k-no-nu"), 5223 o = escapeFeedText(e[t].title.$t); 5224 return (r.match("//img1.blogblog.com/img/blank.gif") || r.match("//img1.blogblog.com/img/b16-rounded.gif")) && (r = "//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/w35-h35-p-k-no-nu/avatar.jpg"), '<div class="cmm1-item item-' + t + '"><a class="entry-inner wrap-all-link" href="' + a + '"><span class="entry-image-wrap cmm-avatar"><span class="entry-thumb" data-image="' + r + '"></span></span><div class="entry-header"><h2 class="entry-title cmm-title">' + i + '</h2><p class="cmm-snippet excerpt">' + o + "</p></div></a></div>" 5225} 5226 5227function getAjax(e, t, a, s) { 5228 switch (t) { 5229 case "msimple": 5230 case "featured": 5231 case "list1": 5232 case "related": 5233 0 == s && (s = "geterror404"); 5234 var i = getFeedUrl(t, a, s); 5235 $.ajax({ 5236 url: i, 5237 type: "GET", 5238 dataType: "json", 5239 cache: !0, 5240 beforeSend: function(a) { 5241 switch (t) { 5242 case "featured": 5243 e.html(beforeLoader()).parent().addClass("show-ify"); 5244 break; 5245 case "list1": 5246 e.html(beforeLoader()); 5247 break; 5248 case "related": 5249 e.html(beforeLoader()).parent().addClass("show-ify") 5250 } 5251 }, 5252 success: function(a) { 5253 var i = ""; 5254 switch (t) { 5255 case "msimple": 5256 i = '<div class="ul mega-items">'; 5257 break; 5258 case "featured": 5259 i = '<div class="featured-items">'; 5260 break; 5261 case "list1": 5262 i = "comments" != s ? '<div class="list1-items sidebar-posts">' : '<div class="cmm1-items">'; 5263 break; 5264 case "related": 5265 i = '<div class="related-posts">' 5266 } 5267 var r = a.feed.entry; 5268 if (null != r) 5269 for (var o = 0, n = r; o < n.length; o++) { 5270 var l = escapeFeedText(getPostLink(n, o)), 5271 c = getPostTitle(n, o), 5272 d = escapeFeedText(getPostImage(n, o)), 5273 m = getPostMeta(getPostAuthor(n, o), getPostDate(n, o)), 5274 f = getPostTag(n, o), 5275 h = getPostImageType(d, o), 5276 p = ""; 5277 switch (t) { 5278 case "msimple": 5279 p += '<div class="mega-item post"><div class="mega-content"><a title="' + c + '" class="entry-image-wrap ' + h + '" href="' + l + '"><span class="entry-thumb" data-image="' + d + '"></span>' + f + '</a><h2 class="entry-title"><a href="' + l + '">' + c + "</a></h2></div></div>"; 5280 break; 5281 case "featured": 5282 switch (o) { 5283 case 0: 5284 p += '<div class="featured-item item-' + o + '"><a class="entry-inner wrap-all-link" href="' + l + '"><span class="entry-image-wrap ' + h + ' c-ply before-mask"><span class="entry-thumb" data-image="' + d + '"></span>' + f + '</span><div class="entry-header entry-info"><h2 class="entry-title">' + c + "</h2>" + m[0] + '</div></a></div><div class="featured-scroll">'; 5285 break; 5286 default: 5287 p += '<div class="featured-item item-' + o + '"><a class="entry-inner wrap-all-link" href="' + l + '"><span class="entry-image-wrap ' + h + ' before-mask"><span class="entry-thumb" data-image="' + d + '"></span>' + f + '</span><div class="entry-header entry-info"><h2 class="entry-title">' + c + "</h2>" + m[1] + "</div></a></div>" 5288 } 5289 break; 5290 case "list1": 5291 switch (s) { 5292 case "comments": 5293 p += getPostComments(n, o, l); 5294 break; 5295 default: 5296 switch (o) { 5297 case 0: 5298 p += '<div class="list1-item post big-post item-' + o + '"><a class="entry-inner wrap-all-link" href="' + l + '"><span class="entry-image-wrap before-mask ' + h + '"><span class="entry-thumb" data-image="' + d + '"></span>' + f + '</span><div class="entry-header entry-info"><h2 class="entry-title">' + c + "</h2>" + m[1] + "</div></a></div>"; 5299 break; 5300 default: 5301 p += '<div class="list1-item post item-' + o + '"><a title="' + c + '" class="entry-image-wrap ' + h + '" href="' + l + '"><span class="entry-thumb" data-image="' + d + '"/></a><div class="entry-header"><h2 class="entry-title"><a href="' + l + '">' + c + "</a></h2></div></div>" 5302 } 5303 } 5304 break; 5305 case "related": 5306 p += '<div class="related-item post item-' + o + '"><a title="' + c + '" class="entry-image-wrap ' + h + '" href="' + l + '"><span class="entry-thumb" data-image="' + d + '"></span>' + f + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + l + '">' + c + "</a></h2></div></div>" 5307 } 5308 i += p 5309 } else switch (t) { 5310 case "msimple": 5311 i = '<div class="ul mega-items n
5311o-items">' + msgError() + "</div>"; 5312 break; 5313 default: 5314 i = msgError() 5315 } 5316 switch (t) { 5317 case "msimple": 5318 i += "</div>", e.append(i).addClass("msimple"), e.find("a:first").attr("href", function(e, t) { 5319 switch (s) { 5320 case "recent": 5321 t = t.replace(t, "/search"); 5322 break; 5323 default: 5324 t = t.replace(t, "/search/label/" + s) 5325 } 5326 return t 5327 }); 5328 break; 5329 case "featured": 5330 i += "</div></div>", e.html(i); 5331 break; 5332 default: 5333 i += "</div>", e.html(i) 5334 } 5335 e.find("span.entry-thumb").lazyify() 5336 }, 5337 error: function() { 5338 switch (t) { 5339 case "msimple": 5340 e.append('<div class="ul mega-items n
5340o-items">' + msgError() + "</div>"); 5341 break; 5342 default: 5343 e.html(msgError()) 5344 } 5345 } 5346 }) 5347 } 5348} 5349 5350function ajaxMega(e, t, a, s, i) { 5351 if (i.match("getmega")) { 5352 if ("msimple" == t) return getAjax(e, t, a, s); 5353 e.append('<div class="ul mega-items no-items">' + msgError() + "</div>") 5354 } 5355} 5356 5357function ajaxFeatured(e, t, a, s, i) { 5358 if (i.match("getfeatured")) { 5359 if ("featured" == t) return getAjax(e, t, a, s); 5360 e.html(beforeLoader()).parent().addClass("show-ify"), setTimeout(function() { 5361 e.html(msgError()) 5362 }, 500) 5363 } 5364} 5365 5366function ajaxWidget(e, t, a, s, i) { 5367 if (i.match("getwidget")) { 5368 if ("list1" == t) return getAjax(e, t, a, s); 5369 e.html(msgError()) 5370 } 5371} 5372 5373function ajaxRelated(e, t, a, s, i) { 5374 if (i.match("getrelated")) return getAjax(e, t, a, s) 5375} 5376 5377function beautiAvatar(e) { 5378 $(e).attr("src", function(e, t) { 5379 return t = t.replace("//resources.blogblog.com/img/blank.gif", "//4.bp.blogspot.com/-oSjP8F09qxo/Wy1J9dp7b0I/AAAAAAAACF0/ggcRfLCFQ9s2SSaeL9BFSE2wyTYzQaTyQCK4BGAYYCw/s35-r/avatar.jpg") 5380 }) 5381} 5382 5383function commentsSystemTitle(e) { 5384 $(e).text($(e).data("title")) 5385} 5386$("#typify-pro-main-nav").menuify(), $("#typify-pro-main-nav .widget").addClass("show-menu"), $(".search-toggle.show").on("click", function() { 5387 $("body").addClass("search-active"), $("#nav-search-wrap").fadeIn(170).find("input").focus() 5388}), $(".search-toggle.hide").on("click", function() { 5389 $("body").removeClass("search-active"), $("#nav-search-wrap").fadeOut(170).find("input").blur() 5390}), $("html").each(function() { 5391 var e = $(this); 5392 1 != darkMode && 0 != userDarkMode && (e.attr("data-theme", localStorage.themeColor), $(".darkmode-toggle").on("click", function() { 5393 "dark" != localStorage.themeColor ? (e.attr("data-theme", "dark"), localStorage.themeColor = "dark") : (e.attr("data-theme", "light"), localStorage.themeColor = "light") 5394 })) 5395}), $(".sidebar .social-icons li a").each(function(e) { 5396 var t = $(this), 5397 a = t.attr("href").split("$"); 5398 e = a[0].trim(), null != a[1] && t.append('<span class="text">' + a[1].trim() + "</span>"), t.attr("href", e) 5399}), $(".follow-by-email-text").each(function() { 5400 var e = $(this), 5401 t = followByEmailText; 5402 "" != t && e.text(t) 5403}), $(".post-body a").each(function() { 5404 var e = $(this), 5405 t = e.html(), 5406 a = t.toLowerCase(), 5407 s = shortCodeIfy(t, "text"), 5408 i = shortCodeIfy(t, "icon"), 5409 r = shortCodeIfy(t, "color"); 5410 a.match("getbutton") && 0 != s && (e.addClass("button btn").text(s), 0 != i && e.addClass(i), 0 != r && e.addClass("colored-button").css({ 5411 "background-color": r 5412 })) 5413}), $(".post-body b").each(function() { 5414 var e = $(this), 5415 t = e.text(), 5416 a = t.toLowerCase().trim(); 5417 a.match(/(?:\$ads\=\{1\})/g) && e.replaceWith('<div id="typify-pro-new-before-ad"/>'), a.match(/(?:\$ads\=\{2\})/g) && e.replaceWith('<div id="typify-pro-new-after-ad"/>'), a.match("{tocify}") && (t = 0 != shortCodeIfy(t, "title") ? shortCodeIfy(t, "title") : "Table of Contents", e.replaceWith('<div class="tocify-wrap"><div class="tocify-inner"><a href="javascript:;" class="tocify-title" role="button" title="' + t + '">' + t + '</a><ol id="tocify"></ol></div></div>'), $(".tocify-title").each(function(e) { 5418 (e = $(this)).on("click", function() { 5419 e.toggleClass("is-expanded"), $("#tocify").slideToggle(170) 5420 }) 5421 }), $("#tocify").toc({ 5422 content: "#post-body", 5423 headings: "h2,h3,h4" 5424 }), $("#tocify li a").each(function(e) { 5425 (e = $(this)).click(function() { 5426 return $("html,body").animate({ 5427 scrollTop: ($(e.attr("href")).offset().top) - 20 5428 }, 500), !1 5429 }) 5430 })), a.match("{contactform}") && (e.replaceWith('<div class="contact-form"/>'), $(".contact-form").append($("#ContactForm1"))), a.match("{leftsidebar}") && e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:right}#sidebar-wrapper,.is-left #sidebar-wrapper{float:left}</style>"), a.match("{rightsidebar}") && e.replaceWith("<style>#main-wrapper,.is-left #main-wrapper{float:left}#sidebar-wrapper,.is-left #sidebar-wrapper{float:right}</style>"), a.match("{fullwidth}") && e.replaceWith("<style>.is-single #main-wrapper{width:100%}.is-single #sidebar-wrapper{display:none}</style>") 5431}), $("#typify-pro-new-before-ad").each(function() { 5432 var e = $(this); 5433 e.length && $("#before-ad").appendTo(e) 5434}
5434), $("#typify-pro-new-after-ad").each(function() { 5435 var e = $(this); 5436 e.length && $("#after-ad").appendTo(e) 5437}), $("#typify-pro-main-before-ad .widget").each(function() { 5438 var e = $(this); 5439 e.length && e.appendTo($("#before-ad")) 5440}), $("#typify-pro-main-after-ad .widget").each(function() { 5441 var e = $(this); 5442 e.length && e.appendTo($("#after-ad")) 5443}), $(".post-body blockquote").each(function() { 5444 var e = $(this), 5445 t = e.text().toLowerCase().trim(), 5446 a = e.html(); 5447 if (t.match("{alertsuccess}")) { 5448 const t = a.replace("{alertSuccess}", ""); 5449 e.replaceWith('<div class="alert-message alert-success">' + t + "</div>") 5450 } 5451 if (t.match("{alertinfo}")) { 5452 const t = a.replace("{alertInfo}", ""); 5453 e.replaceWith('<div class="alert-message alert-info">' + t + "</div>") 5454 } 5455 if (t.match("{alertwarning}")) { 5456 const t = a.replace("{alertWarning}", ""); 5457 e.replaceWith('<div class="alert-message alert-warning">' + t + "</div>") 5458 } 5459 if (t.match("{alerterror}")) { 5460 const t = a.replace("{alertError}", ""); 5461 e.replaceWith('<div class="alert-message alert-error">' + t + "</div>") 5462 } 5463 if (t.match("{codebox}")) { 5464 const t = a.replace("{codeBox}", ""); 5465 e.replaceWith('<pre class="code-box">' + t + "</pre>") 5466 } 5467}), $(".typify-pro-share-links .window-ify").on("click", function() { 5468 var e = $(this), 5469 t = e.data("url"), 5470 a = e.data("width"), 5471 s = e.data("height"), 5472 i = window.screen.width, 5473 r = window.screen.height, 5474 o = Math.round(i / 2 - a / 2), 5475 n = Math.round(r / 2 - s / 2); 5476 window.open(t, "_blank", "scrollbars=yes,resizable=yes,toolbar=no,location=yes,width="
5476+ a + ",height=" + s + ",left=" + o + ",top=" + n).focus() 5477}), $(".typify-pro-share-links").each(function() { 5478 var e = $(this); 5479 e.find(".show-hid a").on("click", function() { 5480 e.toggleClass("show-hidden") 5481 }) 5482}), $(".about-author .author-description p a").each(function() { 5483 var e = $(this), 5484 t = e.text().trim(), 5485 a = e.attr("href"); 5486 e.replaceWith('<li class="' + t + '"><a href="' + a + '" title="' + t + '" rel="noopener noreferrer" target="_blank"/></li>'), $(".description-links").append($(".author-description p li")), $(".description-links").addClass("show") 5487}), $("#typify-pro-main-nav-menu li.mega-menu").each(function(e) { 5488 var t = $(this), 5489 a = t.find("a").attr("shortcode").trim(), 5490 s = a.toLowerCase(); 5491 ajaxMega(t, "msimple", 5, shortCodeIfy(a, "label"), s) 5492}), $("#featured .HTML .widget-content").each(function(e) { 5493 var t = $(this), 5494 a = $(window), 5495 s = t.text().trim(), 5496 i = s.toLowerCase(); 5497 e = shortCodeIfy(s, "label"), a.on("scroll", function s() { 5498 a.scrollTop() + a.height() >= t.offset().top && (a.off("scroll", s), ajaxFeatured(t, "featured", 4, e, i)) 5499 }).trigger("scroll") 5500}), $(".typify-pro-widget-ready .HTML .widget-content").each(function(e, t) { 5501 var a = $(this), 5502 s = $(window), 5503 i = a.text().trim(), 5504 r = i.toLowerCase(); 5505 e = shortCodeIfy(i, "results"), t = shortCodeIfy(i, "label"), s.on("scroll", function i() { 5506 s.scrollTop() + s.height() >= a.offset().top && (s.off("scroll", i), ajaxWidget(a, "list1", e, t, r)) 5507 }).trigger("scroll") 5508}), $(".typify-pro-related-content").each(function(e, t) { 5509 var a = $(this), 5510 s = $(window); 5511 e = relatedPostsNum, t = a.find(".related-tag").attr("data-label"), s.on("scroll", function i() { 5512 s.scrollTop() + s.height() >= a.offset().top && (s.off("scroll", i), ajaxRelated(a, "related", e, t, "getrelated")) 5513 }).trigger("scroll") 5514}), $(".typify-pro-blog-post-comments").each(function() { 5515 1 != darkMode && "dark" == localStorage.themeColor && (fbCommentsTheme = "dark"); 5516 var e = $(this), 5517 t = e.find("#top-continue .comment-reply"), 5518 a = commentsSystem, 5519 s = '<div class="fb-comments" data-width="100%" data-href="' + disqus_blogger_current_url + '" order_by="time" data-colorscheme="' + fbCommentsTheme + '" data-numposts="5" data-lazy="true"></div>', 5520 i = "comments-system-" + a; 5521 switch (a) { 5522 case "blogger": 5523 e.addClass(i).show(), $(".entry-meta .entry-comments-link").addClass("show"), t.addClass("btn"), beautiAvatar(".avatar-image-container img"); 5524 break; 5525 case "disqus": 5526 commentsSystemTitle(".comments-title > h3"), e.addClass(i).show(); 5527 break; 5528 case "facebook": 5529 commentsSystemTitle(".comments-title > h3"), e.addClass(i).find("#comments").html(s), e.show(); 5530 break; 5531 case "hide": 5532 e.hide(); 5533 break; 5534 default: 5535 e.addClass("comments-system-blogger").show(), $(".entry-meta .entry-comments-link").addClass("show"), t.addClass("btn"), beautiAvatar(".avatar-image-container img") 5536 } 5537 var r = e.find(".comments .comment-reply"), 5538 o = e.find(".comments #top-continue"), 5539 n = e.find("#show-comment-form"); 5540 r.on("click", function() { 5541 o.show(), e.addClass("comment-form-visible"), n.remove() 5542 }), o.on("click", function() { 5543 o.hide() 5544 }), n.on("click", function() { 5545 e.addClass("comment-form-visible"), n.remove() 5546 }) 5547}), $(function() { 5548 function e(e) { 5549 $(e).each(function() { 5550 var t = $(this); 5551 if (1 == fixedMenu && t.length > 0) { 5552 var a = $(document).scrollTop(), 5553 s = t.offset().top, 5554 i = t.height(), 5555 r = s + i + i; 5556 $(window).scroll(function() { 5557 var o = $(document).scrollTop(), 5558 n = $("#footer-wrapper").offset().top, 5559 l = o <= 0; 5560 ".main-nav-content" == e && (l = o < s), o < n - i && (o > r ? t.addClass("is-fixed") : l && t.removeClass("is-fixed"), o > a ? t.removeClass("show") : t.addClass("show"), a = $(document).scrollTop()) 5561 }) 5562 } 5563 }) 5564 } 5565 $(".index-post .entry-image-wrap .entry-thumb, .PopularPosts .entry-image-wrap .entry-thumb, .FeaturedPost .entry-image-wrap .entry-thumb,.entry-author .author-avatar,.about-author .author-avatar").lazyify(), $("#typify-pro-mobile-menu").each(function() { 5566 var e = $(this), 5567 t = $("#typify-pro-main-nav-menu").clone(); 5568 t.attr("id", "main-mobile-nav"), t.find("li.is-icon > a").each(function() { 5569 var e = $(this); 5570 e.text(e.attr("title").trim()) 5571 }), t.find(".mega-items").remove(), t.find(".mega-menu > a").each(function(e, t) { 5572 var a = $(this); 5573 t = "recent" == (e = shortCodeIfy(a.attr("shortcode").trim(), "label")) ? "/search" : "/search/label/" + e, a.attr("href", t) 5574 }), t.appendTo(e), $(".mobile-menu-toggle, .hide-typify-pro-mobile-menu, .mobile-search-toggle, .overlay").on("click", function() { 5575 $("body").toggleClass("nav-active") 5576 }), $(".typify-pro-mobile-menu .has-sub").append('<div class="submenu-toggle"/>'), $(".typify-pro-mobile-menu .mega-menu").find(".submenu-toggle").remove(), $(".typify-pro-mobile-menu ul li .submenu-toggle").on("click", function(e) { 5577 $(this).parent().hasClass("has-sub") && (e.preventDefault(), $(this).parent().hasClass("show") ? $(this).parent().removeClass("show").find(">
5577 .m-sub").slideToggle(170) : $(this).parent().addClass("show").children(".m-sub").slideToggle(170)) 5578 }) 5579 }), $(".mobile-navbar-social").each(function() { 5580 var e = $(this); 5581 $("#header-icons ul.social").clone().appendTo(e) 5582 }), $(".mobile-navbar-menu").each(function() { 5583 var e = $(this); 5584 $("#footer-menu ul.link-list").clone().appendTo(e) 5585 }), e(".main-nav-content"), e(".header-content"), $("#main-wrapper, #sidebar-wrapper").each(function() { 5586 1 == fixedSidebar && $(this).theiaStickySidebarIfy({ 5587 containerSelector: "#content-wrapper > .container", 5588 additionalMarginTop: 30, 5589 additionalMarginBottom: 30 5590 }) 5591 }), $("#post-body iframe").each(function() { 5592 var e = $(this); 5593 var src = e.attr("src") || ""; 5594 /^(?:https?:)?\/\/(?:www\.)?(?:youtube\.com|youtube-nocookie\.com)\//i.test(src) && !e.parent().hasClass("responsive-video-wrap") && e.wrap('<div class="responsive-video-wrap"/>') 5595 }), $("p.comment-content").each(function() { 5596 var e = $(this); 5597 e.replaceText(/(https:\/\/\S+(\.png|\.jpeg|\.jpg|\.gif))/g, '<img src="$1"/>'), e.replaceText(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com)\/(?:watch\?v=)?(.+)/g, '<div class="responsive-video-wrap"><iframe id="youtube" width="100%" height="358" src="https://www.youtube.com/embed/$1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>') 5598 }), $("#typify-pro-load-more-link").each(function() { 5599 var e = $(this).data("load"); 5600 e && $("#typify-pro-load-more-link").show(), $("#typify-pro-load-more-link").on("click", function(t) { 5601 $("#typify-pro-load-more-link").hide(), $.ajax({ 5602 url: e, 5603 success: function(t) { 5604 var a = $(t).find(".blog-posts"); 5605 a.find(".index-post").addClass("post-animated post-fadeInUp"), $(".blog-posts").append(a.html()), (e = $(t).find("#typify-pro-load-more-link").data("load")) ? $("#typify-pro-load-more-link").show() : ($("#typify-pro-load-more-link").hide(), $("#blog-pager .no-more").addClass("show")) 5606 }, 5607 beforeSend: function() { 5608 $("#blog-pager .load-error").remove(); 5609 $("#blog-pager .loading").show() 5610 }, 5611 error: function() { 5612 $("#typify-pro-load-more-link").show(); 5613 $("<p>", {"class": "load-error", "role": "status", text: "Could not load more posts. Please try again."}).appendTo("#blog-pager"); 5614 }, 5615 complete: function() { 5616 $("#blog-pager .loading").hide(), $("#main-wrapper, #sidebar-wrapper").each(function() { 5617 1 == fixedSidebar && $(this).theiaStickySidebarIfy({ 5618 containerSelector: "#content-wrapper > .container", 5619 additionalMarginTop: 30, 5620 additionalMarginBottom: 30 5621 }) 5622 }), $(".index-post .entry-image-wrap .entry-thumb").lazyify() 5623 } 5624 }), t.preventDefault() 5625 }) 5626 }), $("#cookie-ify").each(function() { 5627 var e = $(this); 5628 e.length > 0 && ("1" !== $.cookie("cookie_ify_consent") && (e.css("display", "block"), setTimeout(function() { 5629 e.addClass("is-visible") 5630 }, 10)), $("#cookie-ify-accept").off("click").on("click", function(t) { 5631 t.preventDefault(), t.stopPropagation(), $.cookie("cookie_ify_consent", "1", { 5632 expires: cookieExpiresDays, 5633 path: "/" 5634 }), e.removeClass("is-visible"), setTimeout(function() { 5635 e.css("display", "none") 5636 }, 500) 5637 })) 5638 }), $("#back-top").each(function() { 5639 var e = $(this); 5640 $(window).on("scroll", function() { 5641 $(this).scrollTop() >= 100 ? e.fadeIn(170) : e.fadeOut(170), e.offset().top >= $("#footer-wrapper").offset().top - 34 ? e.addClass("on-footer") : e.removeClass("on-footer") 5642 }), e.on("click", function() { 5643 $("html, body").animate({ 5644 scrollTop: 0 5645 }, 500) 5646 }) 5647 }) 5648}); 5649//]]> 5650</script>
5650 5651<div class='overlay'></div> 5652<a class='btn' href='javascript:;' id='back-top' role='button' title='Back To Top'></a>
5653<script type='text/javascript'> 5654//<![CDATA[ 5655document.addEventListener('DOMContentLoaded', function () { 5656 5657 document.querySelectorAll('#post-body pre[class*="brush:"]').forEach(function (pre) { 5658 5659 var match = pre.className.match(/brush:\s*([a-zA-Z0-9#+.-]+)/i); 5660 5661 if (!match) { 5662 return; 5663 } 5664 5665 var language = match[1].toLowerCase(); 5666 5667 // SyntaxHighlighter -> Prism language aliases 5668 var aliases = { 5669 'js': 'javascript', 5670 'javascript': 'javascript', 5671 5672 'html': 'markup', 5673 'xml': 'markup', 5674 'xhtml': 'markup', 5675 5676 'shell': 'bash', 5677 'sh': 'bash', 5678 5679 'csharp': 'csharp', 5680 'c#': 'csharp', 5681 5682 'cpp': 'cpp', 5683 'c++': 'cpp', 5684 5685 'plain': 'text', 5686 'text': 'text' 5687 }; 5688 5689 language = aliases[language] || language; 5690 5691 // Preserve the original source exactly as text. 5692 var sourceNode = pre.cloneNode(true); 5693 sourceNode.querySelectorAll('br').forEach(function (br) { br.replaceWith('\n'); }); 5694 var source = sourceNode.textContent; 5695 5696 pre.innerHTML = ''; 5697 5698 var code = document.createElement('code'); 5699 code.className = 'language-' + language; 5700 code.textContent = source; 5701 5702 pre.classList.add('language-' + language); 5703 pre.appendChild(code); 5704 5705 if (window.Prism && typeof window.Prism.highlightElement === 'function') { 5706 window.Prism.highlightElement(code); 5707 } 5708 }); 5709 5710}); 5711//]]> 5712</script>
5712 5713
5714<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>
vendor: 1 bytes, line 5714
5714
5715<script type='text/javascript'> 5716window['__wavt'] = 'AAPvtVmLylzpKKu51XmypYvhWjmm:1791068196723';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d6581802047354010081','//www.czetsuyatech.com/p/work-with-me.html','6581802047354010081'); 5717_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '6581802047354010081', 'title': 'czetsuyatech', 'url': 'https://www.czetsuyatech.com/p/work-with-me.html', 'canonicalUrl': 'https://www.czetsuyatech.com/p/work-with-me.html', 'homepageUrl': 'https://www.czetsuyatech.com/', 'searchUrl': 'https://www.czetsuyatech.com/search', 'canonicalHomepageUrl': 'https://www.czetsuyatech.com/', 'blogspotFaviconUrl': 'https://www.czetsuyatech.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-8245013-3', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22czetsuyatech - Atom\x22 href\x3d\x22https://www.czetsuyatech.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22czetsuyatech - RSS\x22 href\x3d\x22https://www.czetsuyatech.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22czetsuyatech - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/6581802047354010081/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-9901682981158669', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/7ce469edaf870342', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': 'Share to X', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}
5717, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'Latest Articles', 'pageType': 'static_page', 'pageId': '7205563132947900711', 'pageName': 'Work With Me', 'pageTitle': 'czetsuyatech: Work With Me', 'metaDescription': 'Senior Java \x26 Spring engineer specializing in backend architecture, distributed systems, event-driven systems, and AWS.'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Work With Me', 'description': 'Senior Java \x26 Spring engineer specializing in backend architecture, distributed systems, event-driven systems, and AWS.', 'url': 'https://www.czetsuyatech.com/p/work-with-me.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 7205563132947900711}}, {'name': 'widgets', 'data': [{'title': 'JSON Variables', 'type': 'HTML', 'sectionId': 'ify-panel', 'id': 'HTML100'}, {'title': 'czetsuyatech (Header)', 'type': 'Header', 'sectionId': 'main-logo', 'id': 'Header1'}, {'title': 'Description', 'type': 'Text', 'sectionId': 'main-logo', 'id': 'Text100'}, {'title': '', 'type': 'LinkList', 'sectionId': 'header-icons', 'id': 'LinkList100'}, {'title': '', 'type': 'LinkList', 'sectionId': 'typify-pro-main-nav', 'id': 'LinkList101'}, {'title': 'Featured Engineering', 'type': 'HTML', 'sectionId': 'featured', 'id': 'HTML7'}, {'title': 'Blog Posts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '7205563132947900711', 'title': 'Work With Me', 'showInlineAds': false}], 'headerByline': {'regionName': 'header1', 'items': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': '-'}]}, 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}]}, {'regionName': 'footer2', 'items': [{'name': 'labels', 'label': 'Tags:'}]}], 'allBylineItems': [{'name': 'author', 'label': 'by'}, {'name': 'timestamp', 'label': '-'}, {'name': 'comments', 'label': 'Post a Comment'}, {'name': 'icons', 'label': ''}, {'name': 'share', 'label': ''}, {'name': 'backlinks', 'label': ''}, {'name': 'labels', 'label': 'Tags:'}]}, {'title': '', 'type': 'HTML', 'sectionId': 'typify-pro-main-after-ad', 'id': 'HTML6'}, {'title': 'Connect', 'type': 'LinkList', 'sectionId': 'sidebar', 'id': 'LinkList1'}, {'title': 'NERV Open Source', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML4'}, {'title': 'Popular Posts', 'type': 'PopularPosts', 'sectionId': 'sidebar', 'id': 'PopularPosts1', 'posts': [{'title': 'Spring Method Level Security with Amazon Cognito and JWT Token', 'id': 904801248562870997}, {'title': 'How to Fix Foreign Key Constraint Fails in Magento', 'id': 7177135130929962841}, {'title': 'How to Fix Keycloak Cors Policy Error: No Access-control-allow-origin Header', 'id': 7416822834804737182}, {'title': 'How to Create a Spring RestTemplate using HttpClient5', 'id': 4966759933893824350}]}, {'type': 'AdSense', 'sectionId': 'footer-ads', 'id': 'AdSense1'}, {'title': 'About CzetsuyaTech', 'type': 'Image', 'sectionId': 'typify-pro-about-section', 'id': 'Image100'}, {'title': 'Connect', 'type': 'LinkList', 'sectionId': 'typify-pro-about-section', 'id': 'LinkList103'}, {'title': '', 'type': 'Text', 'sectionId': 'footer-copyright', 'id': 'Text101'}, {'title': 'Link List', 'type': 'LinkList', 'sectionId': 'footer-menu', 'id': 'LinkList104'}, {'title': 'Accept !', 'type': 'Text', 'sectionId': 'cookie-ify-section', 'id': 'Text1'}, {'title': 'Contact Form', 'type': 'ContactForm', 'sectionId': 'hidden-widgets', 'id': 'ContactForm1'}]}]); 5718_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML100', 'ify-panel', document.getElementById('HTML100'), {}, 'displayModeFull'));
5719_WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'main-logo', document.getElementById('Header1'), {}, 'displayModeFull')); 5720_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text100', 'main-logo', document.getElementById('Text100'), {}, 'displayModeFull')); 5721_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList100', 'header-icons', document.getElementById('LinkList100'), {}, 'displayModeFull')); 5722_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList101', 'typify-pro-main-nav', document.getElementById('LinkList101'), {}, 'displayModeFull')); 5723_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'featured', document.getElementById('HTML7'), {}, 'displayModeFull')); 5724_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/120969204-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/828616780-lightbox_bundle.css'}, 'displayModeFull')); 5725_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'typify-pro-main-after-ad', document.getElementById('HTML6'), {}, 'displayModeFull')); 5726_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList1', 'sidebar', document.getElementById('LinkList1'), {}, 'displayModeFull')); 5727_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'sidebar', document.getElementById('HTML4'), {}, 'displayModeFull')); 5728_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts1', 'sidebar', document.getElementById('PopularPosts1'), {}, 'displayModeFull')); 5729_WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'footer-ads', document.getElementById('AdSense1'), {}, 'displayModeFull')); 5730_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image100', 'typify-pro-about-section', document.getElementById('Image100'), {'resize': false}, 'displayModeFull')); 5731_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList103', 'typify-pro-about-section', document.getElementById('LinkList103'), {}, 'displayModeFull')); 5732_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text101', 'footer-copyright', document.getElementById('Text101'), {}, 'displayModeFull')); 5733_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList104', 'footer-menu', document.getElementById('LinkList104'), {}, 'displayModeFull')); 5734_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'cookie-ify-section', document.getElementById('Text1'), {}, 'displayModeFull')); 5735_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden-widgets', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A val
5735id email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '6581802047354010081', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AAPvtVmGLfCoxA6lo_mGC_A4pC--:1791068196749', 'submitUrl': 'https://www.blogger.com/contact-form'}, 'displayModeFull')); 5736</script>
5736 5737</body> 5738</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.