PageSourceSearch

https://www.czetsuyatech.com/p/work-with-me.html

html czetsuyatech.com collected 2026-10-03 22:56:37 UTC 174,388 bytes, 5,738 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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!=&#39;all&#39;)media=&#39;all&#39;' 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 &rarr;
4767</a>
4768</p>
4769
4770<h3>Technology Focus</h3>
4771
4772<p>
4773<strong>
4774Java &middot;
4775Spring Boot &middot;
4776Spring Data JPA &middot;
4777Hibernate &middot;
4778PostgreSQL &middot;
4779Kafka &middot;
4780AWS &middot;
4781REST APIs &middot;
4782Distributed Systems &middot;
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 &#8594;
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 &amp; 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 &#8594;
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 &#169; 
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>&nbsp;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 {"&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;"}[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.