BGOONZ_BLOG_2.0/Web-Dev-Hub.html at master · Web-Dev-Collaborative/BGOONZ_BLOG_2.0 · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<!-- saved from url=(0032)https://bgoonz-blog.netlify.app/ -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" async="" src="./Web-Dev-Hub_files/en-US"></script><script type="text/javascript" async="async" id="true" src="./Web-Dev-Hub_files/views2.json"></script><script type="text/javascript" src="./Web-Dev-Hub_files/1(2).txt"></script><script type="text/javascript" src="./Web-Dev-Hub_files/1(3).txt"></script><script type="text/javascript" src="./Web-Dev-Hub_files/moatframe.js.download"></script> <style data-href="/styles.16941df893a221ae2894.css" id="gatsby-global-css">.gatsby-code-button-container{touch-action:none;display:flex;justify-content:flex-end;position:relative;top:28px;z-index:100;pointer-events:none}.gatsby-code-button{cursor:pointer;pointer-events:auto}.gatsby-code-button:after{visibility:hidden;position:absolute;display:none;padding:5px;content:attr(data-tooltip);color:#fff;font-size:16px;background-color:#000;white-space:nowrap}.gatsby-code-button[data-tooltip]:after{top:26px;right:0}.gatsby-code-button[data-tooltip]:focus:after,.gatsby-code-button[data-tooltip]:hover:after{visibility:visible;display:block;z-index:200}.gatsby-code-button-toaster{z-index:500;position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;pointer-events:none}.gatsby-code-button-toaster-text{width:100%;margin:0 15px;max-width:850px;padding:20px;font-size:24px;letter-spacing:-1px;font-family:monospace;color:#fff;background-color:#000;border-radius:2px;text-align:center;opacity:0;-webkit-animation:animation 3s cubic-bezier(.98,.01,.53,.47);animation:animation 3s cubic-bezier(.98,.01,.53,.47)}.gatsby-code-button-buffer{position:fixed;top:-9999px;opacity:0}@-webkit-keyframes animation{0%,50%{opacity:1}50%,to{opacity:0}}@keyframes animation{0%,50%{opacity:1}50%,to{opacity:0}}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{overflow:visible}a:focus{outline:thin dotted}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.font-fira-sans b,.font-fira-sans strong{font-weight:600}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}img{border-style:none;vertical-align:middle}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}html{font-family:Lato,Helvetica,Arial,sans-serif;font-size:95%}body{background:#f8f8fa;color:#424b5f;line-height:1.425;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;overflow:scroll!important}a{color:#00c6ff;text-decoration:underline;transition:color .4s ease-out}a:hover{color:#424b5f}#social-embed{bottom:120px!important;width:100%!important;width:1000px!important;box-shadow:inset 0 5px 3px -10px #000,inset 0 -11px 8px -10px #000;margin:0 auto!important;height:400px!important;overflow:scroll!important;border:1px dotted #000}#scrollBtn{position:fixed;padding:10px;top:50px;right:10px;width:80px;color:#fff;font-weight:700;background-color:rgba(0,10,69,.856);border-radius:10px}#sb-search-input-example{position:absolute;top:200px;left:200px}iframe{overflow-y:scroll;overflow-x:scroll;border-radius:12px;border:1px dotted #000;height:1200px;box-shadow:inset 0 4px 4px -10px #000,inset 0 -11px 8px -10px #000;width:1000px;resize:both!important;overflow:scroll}@font-face{font-family:font-sb;src:url(https://api.searchbar.org/fonts/sb.eot?39450784=);src:url(https://api.searchbar.org/fonts/sb.eot?39450784=#iefix) format("embedded-opentype"),url(https://api.searchbar.org/fonts/sb.woff?39450784=) format("woff"),url(https://api.searchbar.org/fonts/?39450784=) format("truetype"),url(https://api.searchbar.org/fonts/sb.svg?39450784=#font-sb) format("svg");font-weight:400;font-style:normal}#sb-search-example p{font-family:sans-serif;font-size:18px;line-height:12px;margin:0;z-index:900}#sb-search-example{position:static;top:100px;width:20%;place-content:center;box-shadow:0 2px 4px hsla(0,0%,74.5%,.5);border:5px solid #fff;border-radius:100px;z-index:900}#sb-search-example .sb-icon{font:normal normal 400 26px;align-items:center;padding:10px;z-index:900;text-transform:none;cursor:pointer;margin:0}#sb-search-example .sb-search-icon{border:0;background:#007cff;color:#fff;cursor:pointer;z-index:900;border-radius:26px}h1,h2,h3,h4,h5,h6{color:#283040;font-weight:700;line-height:1.2;margin:1.5em 0 .5em;text-rendering:optimizeLegibility}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h2{font-size:1.75em}h3{font-size:1.5em}h4{font-size:1.25em}h5{font-size:1.125em}h6{font-size:1em}p{margin:0 0 1em}ins,mark{background:#fff7e6;color:#283040;padding:.15em;text-decoration:none}pre{background:#283040;border-radius:3px;color:#f8f8fa;font-size:.875em;line-height:1.5;margin:1.14286em 0;padding:1.5em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal}pre:first-child{margin-top:0}:not(pre)>code{background:#ecedf2;border-radius:3px;color:#424b5f;font-size:.875rem;padding:.15em;white-space:normal}blockquote{border-left:5px solid #00c6ff;font-size:1.25em;line-height:1.4;margin:1.25em 0;padding:0 0 0 1em}blockquote:first-child{margin-top:0}blockquote p{margin-bottom:.5em}blockquote cite,blockquote small{color:#67758d;display:block;font-size:.75em;font-style:normal;font-weight:400;line-height:1.5;margin-top:.5em}dl{margin:0}dt{font-weight:700}dd,ol,ul{margin:0 0 1em}ul{list-style:disc;padding:0 0 0 1.125em}ol{list-style:decimal;padding:0 0 0 1.5em}li>ol,li>ul{margin-bottom:0}hr{background-color:#dde0e7;border:0;height:1px;margin:1.875em 0}hr:first-child{margin-top:0}img{height:auto;width:auto;max-width:100%;border-radius:10px}img :not(.site-logo){box-shadow:inset 10px 10px 50px #fff}@media only screen and (min-width:641px){blockquote{font-size:1.5em;line-height:1.3}h1{font-size:2.8em;font-style:bold}h2{font-size:2.125em}h3{font-size:1.875em}h4{font-size:1.5em}h5{font-size:1.25em}h6{font-size:1.125em}}table{line-height:1.5;margin:0;max-width:100%;width:100%}caption,table{text-align:left}caption{color:#67758d;font-size:.875em;font-style:normal;margin-bottom:1em}td,th{border-bottom:1px solid #dde0e7;padding:.5em 5px}th{color:#283040;font-weight:700}:not(.responsive-table)>table{display:block;margin:1.875em 0;overflow-x:auto;-webkit-overflow-scrolling:touch}:not(.responsive-table)>table:first-child{margin-top:0}:not(.responsive-table)>table tbody,:not(.responsive-table)>table thead,:not(.responsive-table)>table tr{width:100%}:not(.responsive-table)>table td{min-width:10em}.responsive-table{display:block;margin:1.875em 0;overflow-x:auto;width:100%}.responsive-table:first-child{margin-top:0}label{color:#283040;font-weight:700;line-height:1.5;margin-bottom:.25em}input[type=checkbox]+label,input[type=radio]+label{font-weight:400;cursor:pointer;padding-left:.25em;padding-right:1em}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:none;box-sizing:border-box;color:#283040;display:block;font-size:1em;font-weight:400;line-height:1.5;max-width:100%;padding:.5em;width:100%}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:0}::-webkit-input-placeholder{color:#9aa4b9;opacity:1}::placeholder{color:#9aa4b9;opacity:1}.form-row{margin-bottom:1em}.form-submit{margin-top:1.66667em}.button{align-items:center;background:#00c6ff;border:0;border-radius:1.95em;box-shadow:none;box-sizing:border-box;color:#fff;cursor:pointer;display:inline-flex;font-size:1em;font-weight:700;justify-content:center;letter-spacing:.035em;line-height:1.6;opacity:1;padding:1.2em 2.14285em;text-decoration:none;transition:.3s ease;vertical-align:middle;box-shadow:0 1px 4px rgba(0,0,0,.3),inset 0 0 40px rgba(0,0,0,.1)}.button:active,.button:focus,.button:hover{color:#fff;opacity:.8;outline:0}.button-secondary{background:0!important;box-shadow:inset 0 0 0 3px currentColor;color:#00c6ff}.button-secondary:active,.button-secondary:focus,.button-secondary:hover{box-shadow:inset 0 0 0 4px currentColor;color:#00c6ff;opacity:1}.button-icon{background:0!important;border:0;color:#000;font-size:1.2em;font-weight:400;letter-spacing:normal;padding:.25em}.button-icon:active,.button-icon:focus,.button-icon:hover{color:#00c6ff;opacity:1}#menu-close,#menu-open,.docs-nav .docs-nav-toggle,.docs-nav .docs-submenu-toggle,.submenu-toggle{background:0;border:0;border-radius:0;box-shadow:none;color:inherit;cursor:pointer;display:block;font-size:inherit;height:30px;padding:0;position:relative;width:30px}#menu-close:active,#menu-close:focus,#menu-close:hover,#menu-open:active,#menu-open:focus,#menu-open:hover,.docs-nav .docs-nav-toggle:active,.docs-nav .docs-nav-toggle:focus,.docs-nav .docs-nav-toggle:hover,.docs-nav .docs-submenu-toggle:active,.docs-nav .docs-submenu-toggle:focus,.docs-nav .docs-submenu-toggle:hover,.submenu-toggle:active,.submenu-toggle:focus,.submenu-toggle:hover{outline:0}.icon{color:inherit;fill:#fff;flex-shrink:0;height:1em;line-height:1;width:1em}.icon-close,.icon-menu{background:#fff;border-radius:1px;color:inherit;height:2px;left:50%;margin-top:-1px;margin-left:-12px;position:absolute;top:50%;width:24px}.icon-close:after,.icon-close:before,.icon-menu:after,.icon-menu:before{background:#fff;border-radius:1px;content:"";height:100%;left:0;position:absolute;width:100%}.icon-menu:before{top:-6px}.icon-menu:after{bottom:-6px}.icon-close{background:0;margin-left:-14px;width:28px}.icon-close:before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.icon-close:after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-angle-right{background:0;border-color:#000;border-style:dashed;border-width:2px 1px 0 0;box-sizing:border-box;height:6px;left:70%;margin-left:-2px;margin-top:-2px;position:absolute;top:50%;width:6px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.docs-nav-toggle .icon-angle-right{height:12px;left:auto;margin-left:0;margin-right:9px;margin-top:-6px;right:0;width:12px}.docs-section-item .icon-angle-right{left:auto;margin-left:0;margin-right:15px;right:0}.screen-reader-text{clip:rect(1px,1px,1px,1px);-webkit-clip-path:polygon(0 0,0 0,0 0,0 0);clip-path:polygon(0 0,0 0,0 0,0 0);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.line-left{position:relative}.line-left:after{background:#00c6ff;display:block;content:"";height:100%;left:-1px;position:absolute;top:0;width:5px}.js-reframe{margin:1.875em 0}.js-reframe:first-child{margin-top:0}.important,.note{border-radius:5px;color:#283040;margin:1.875em 0;padding:1em 1.125em}.important:first-child,.note:first-child{margin-top:0}.note{background:#fff7e6;border-left:5px solid #fcb41d}.important{background:#ffe9e6;border-left:5px solid #fc381d}.has-gradient{background:#00c6ff;background:linear-gradient(90deg,#0072ff,#00c6ff);color:#fff;position:relative}.has-gradient a:not(.button),.has-gradient h1,.has-gradient h2,.has-gradient h3,.has-gradient h4,.has-gradient h5,.has-gradient h6{color:inherit!important}.has-gradient a:not(.button):hover{opacity:.8}.has-gradient .button:not(.button-secondary){background-color:#fff;color:#00c6ff}.has-gradient .button:not(.button-secondary):active,.has-gradient .button:not(.button-secondary):focus,.has-gradient .button:not(.button-secondary):hover{opacity:.85}.has-gradient .button-secondary{color:#fff!important}.has-gradient .inner-sm{position:relative}.bg-img{-webkit-animation:fadeIn20 .75s ease-in-out;animation:fadeIn20 .75s ease-in-out;background-position:50%;background-size:cover;bottom:0;left:0;opacity:.2;position:absolute;right:0;top:0}.grid{display:flex;border-radius:5px;flex-wrap:wrap;margin-left:-.9375em;margin-right:-.9375em}.grid-item{box-sizing:border-box;padding-left:.9375em;padding-right:.9375em;position:relative;width:100%}.grid-center{justify-content:center}.grid-swap{flex-direction:row-reverse}.grid-middle{align-items:center}@media only screen and (min-width:641px){.grid-col-2 .grid-item{flex:0 0 50%;max-width:50%}}@media only screen and (min-width:761px){.grid-col-3 .grid-item{flex:0 0 33.333%;max-width:33.333%}}@media only screen and (max-width:600px){.grid{margin-left:-1.5vw;margin-right:-1.5vw}.grid-item{padding-left:1.5vw;padding-right:1.5vw}}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@-webkit-keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}@keyframes fadeIn20{0%{opacity:0}to{opacity:.2}}.site{display:flex;flex-direction:column;min-height:110vh;position:relative}.site-content{box-sizing:border-box;flex-grow:1;width:100%}.outer{padding-left:3vw;padding-right:3vw}.inner{max-width:1400px}.inner,.inner-md{margin-left:auto;margin-right:auto}.inner-md{max-width:800px}.inner-sm{margin-left:auto;margin-right:auto;max-width:680px}.site-header{background:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:.4em;padding-top:.2em}.site-header-inside{align-items:center;display:flex}.site-branding{flex:0 1 auto}.site-title{color:#283040;font-size:1.5em;font-weight:700;line-height:1.2;margin:0}.site-logo{margin:0}.site-logo img{max-height:65px}.menu,.submenu{list-style:none;margin:0;padding:0}.menu-item{position:relative}.menu-item.current{color:#00c6ff}.menu-item a:not(.button){display:inline-block;font-size:1.1em;line-height:1.5}#masthead a:not(.button){color:inherit;display:inline-block;text-decoration:none}#masthead a:not(.button):hover{color:#00c6ff}#masthead .site-branding a:hover{color:inherit}@media only screen and (min-width:801px){#menu-close,#menu-open{display:none}.site-navigation{margin-left:auto}.menu{align-items:center;display:flex}.menu-item{display:inline-block;margin:0 0 0 1.25em;padding-bottom:.1875em;padding-top:.1875em}.menu-item a{padding-bottom:.5em;padding-top:.5em}.menu-item a.button:not(.button-icon){padding-left:1.25em;padding-right:1.25em}.menu-item.has-children>a{padding-right:18px;position:relative}.menu-item.has-children>a:after{background:0;border-color:currentcolor;border-style:solid;border-width:1px 1px 0 0;box-sizing:border-box;content:"";height:6px;position:absolute;right:0;top:50%;width:6px;-webkit-transform:translateY(-50%) rotate(135deg);transform:translateY(-50%) rotate(135deg)}.menu-item.has-children>a.button:not(.button-icon){padding-right:2.25em}.menu-item.has-children>a.button:not(.button-icon):after{right:1.25em}.menu-item .submenu-toggle{display:none}.menu-item.has-children:hover>.submenu{opacity:1;transition:margin .3s,opacity .2s;visibility:visible}.submenu{background:#fff;border:4px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.13);left:0;min-width:180px;opacity:0;padding:.5em 0;position:absolute;text-align:left;top:100%;transition:opacity .2s,visibility 0s .2s;visibility:hidden;width:100%;z-index:99}.submenu .menu-item{display:block;margin:0;padding:0 1em}.submenu a:not(.button-icon){display:block}.submenu a.button:not(.button-icon){margin:.5em 0}}@media only screen and (max-width:800px){.site{overflow:hidden;position:relative}.site-branding{margin-right:.625em}.site-header:after{background:rgba(66,75,95,.6);content:"";left:0;opacity:0;transition:opacity .15s ease-in-out,visibility 0s ease-in-out .15s;z-index:998}.site-header:after,.site-navigation{height:100vh;position:absolute;top:0;visibility:hidden;width:100%}.site-navigation{background:#fff;box-sizing:border-box;margin:0;max-width:360px;-webkit-overflow-scrolling:touch;right:-100%;transition:right .3s ease-in-out,visibility 0s ease-in-out .3s;z-index:999}.site-nav-inside{height:100%;overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.menu--opened .site{height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:997}.menu--opened .site-navigation{right:0;transition:right .3s ease-in-out;visibility:visible}.menu--opened .site-header:after{opacity:1;transition-delay:0s;visibility:visible}.menu{padding:calc(3vw + 2.8125em) 3vw 3em}.submenu{border-top:1px solid #dde0e7;display:none;padding-left:1em}.menu-item{display:block;margin:0}.menu-item:not(.menu-button){border-bottom:1px solid #dde0e7}.menu-item:not(.menu-button):first-child{border-top:1px solid #dde0e7}.menu-item a.button-icon,.menu-item a:not(.button){padding:.75em 0}.menu-item a:not(.button){display:block}.menu-item a.button:not(.button-icon){width:100%}.menu-item.has-children>a{margin-right:2em}.menu-item .menu-item:first-child{border-top:0}.menu-item .menu-item:last-child{border-bottom:0}.menu-item .submenu-toggle{color:#67758d;height:2.8125em;position:absolute;right:0;top:0}.menu-item.active .submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}.menu-item.active .submenu{display:block}.menu-button>.button:not(.button-icon){margin-bottom:1.25em;margin-top:1.25em}.menu-button+.menu-button>.button:not(.button-icon){margin-top:0}#menu-open{margin-left:auto}#menu-close{display:block;position:absolute;right:3vw;top:3vw}}.post{margin-bottom:2.5em}.post-feed:last-child,.post-full:last-child{margin-bottom:5em}.has-gradient.page-header,.has-gradient.post-header{padding-bottom:9.5em;padding-top:3.75em;text-align:center}.has-gradient .page-title,.has-gradient .post-title{color:inherit;font-size:2.25em;margin:0}.page-subtitle,.post-subtitle{font-size:1.125em;line-height:1.5;margin:.5em 0 0;position:relative}.post-title a{color:inherit!important;text-decoration:none}.post-thumbnail{border:0;border-radius:5px 5px 0 0;display:block;margin:0}.post-thumbnail img{border-radius:5px 5px 0 0;width:100%}.post-feed,.post-full .post-content{margin-top:-5em;position:relative}.post-feed .post,.post-full .post-content{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.13)}.post-full .post-content{padding:1.5em}.post-full .post-meta{margin:0 0 .5em}.post-feed .post{padding:0 0 2.5em}.post-feed .post-meta{color:#67758d;font-size:.875em;margin:0 0 .5em;padding-left:1.71428em;padding-right:1.71428em}.post-feed .post-header{margin:0 0 1.25em;padding-top:1.875em}.post-feed .post-title{font-size:1.5em;margin:0;padding-left:1em;padding-right:1em}.post-feed .post-excerpt{margin-bottom:1.25em;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more{margin:0;padding-left:1.5em;padding-right:1.5em}.post-feed .read-more-link{font-weight:700;text-decoration:none}.post-feed .read-more-link:after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}.post-feed .read-more-link:hover{color:#424b5f}@media only screen and (min-width:841px){.has-gradient .page-title,.has-gradient .post-title{font-size:3em}.page-subtitle,.post-subtitle{font-size:1.25em}.post-full .post-meta{font-size:1.125em}.post-feed .post-excerpt,.post-feed .post-meta,.post-feed .post-title,.post-feed .read-more,.post-full .post-content{padding-left:7%;padding-right:7%}}@media only screen and (max-width:1200px){.post{margin-bottom:4vw}}.docs-content{padding-top:2.5em}.post.type-docs{margin-bottom:5.625em;max-width:800px}.post.type-docs h1{font-size:1.875em}.post.type-docs h2{font-size:1.5em}.post.type-docs h3{font-size:1.25em}.post.type-docs h4{font-size:1.125em}.post.type-docs h5,.post.type-docs h6{font-size:1em}.post.type-docs .hash-link{float:left;font-size:1.25rem;height:1em;line-height:1;margin-left:-1.1em;opacity:0;text-align:center;text-decoration:none;transition:opacity .2s;width:1em}.post.type-docs .hash-link:before{content:"#";display:inline-block}.post.type-docs .hash-link:focus,.post.type-docs .hash-link:hover{color:#00c6ff}.post.type-docs h2 .hash-link{margin-top:.22em}.post.type-docs h3 .hash-link{margin-top:.1em}.post.type-docs h2:focus .hash-link,.post.type-docs h2:hover .hash-link,.post.type-docs h3:focus .hash-link,.post.type-docs h3:hover .hash-link{opacity:1}.post.type-docs .post-inside{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.13);padding:2.5em 0;overflow:scroll}.post.type-docs .post-title{font-size:1.875em;margin:0 0 1.25em;padding:0 1em}.post.type-docs .post-content{padding:0 1.875em}#docs-section-items{display:flex;flex-wrap:wrap;list-style:none;margin-left:-.3125em;margin-right:-.3125em;padding:0}#docs-section-items .docs-section-item{flex:1 1 240px;margin:0 .3125em .9375em}#docs-section-items .docs-item-link{border:1px solid #dde0e7;border-radius:3px;color:#283040;display:block;font-weight:700;padding:.9375em;position:relative;text-decoration:none;transition:border-color .3s ease,color .3s ease}#docs-section-items .docs-item-link:hover{border-color:#00c6ff;color:#00c6ff}.docs-nav{margin-bottom:1.875em}.docs-nav .docs-nav-toggle{color:#283040;font-size:1.125em;margin:0;padding-right:30px;text-align:left;width:100%}.docs-nav .docs-submenu-toggle{color:#67758d;position:absolute;right:0;top:0}#docs-menu{color:#283040;font-weight:700;line-height:1.5;list-style:none;margin:0;padding:0}#docs-menu>.docs-menu-item>a{padding:.1875em 0}#docs-menu a{color:inherit;display:block;text-decoration:none}#docs-menu .current,#docs-menu .current-parent,#docs-menu a:hover{color:#00c6ff}.docs-submenu{border-left:1px solid #dde0e7;color:#424b5f;display:none;font-size:.9375em;font-weight:400;list-style:none;margin-top:.625rem;padding-left:1.25rem}.docs-menu-item{color:inherit;margin-bottom:.625rem}.docs-menu-item.has-children{padding-right:30px;position:relative}.docs-menu-item.has-children.active .docs-submenu{display:block}.docs-menu-item.has-children.active>.docs-submenu-toggle .icon-angle-right{-webkit-transform:rotate(135deg);transform:rotate(135deg)}#page-nav{display:none}#page-nav .page-nav-title{font-size:1em;margin:0 0 .625em}#page-nav ul{font-size:.875rem;line-height:1.5;list-style:none;padding:0}#page-nav ul ul{border-left:1px solid #dde0e7;margin-top:.625rem;padding-left:1.25rem}#page-nav li{margin-bottom:.625rem}#page-nav li.active>a{color:#00c6ff}#page-nav a{color:#424b5f;display:block;text-decoration:none}#page-nav a:hover{color:#00c6ff}#page-nav .page-nav-inside{display:none}#page-nav .page-nav-inside.has-links{display:block}@media only screen and (min-width:641px){.post.type-docs .post-content,.post.type-docs .post-title{padding-left:7%;padding-right:7%}}@media only screen and (min-width:801px){.docs-content{display:flex;padding-top:3.75em}.post.type-docs{flex:1 1 auto;overflow:hidden}.docs-nav,.page-nav{flex-shrink:0;margin-bottom:5.625em}.docs-nav .sticky,.page-nav .sticky{position:-webkit-sticky;position:sticky;top:1.875em}.docs-nav{padding-right:1.5em;width:12.5em}#page-nav{padding-left:1.5em;width:9.5em}#docs-nav-toggle{display:none}}@media only screen and (min-width:1091px){#page-nav{display:block}}@media only screen and (max-width:800px){.docs-nav{background:#fff;border:1px solid #dde0e7;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.13);box-sizing:border-box;margin-bottom:5%;padding:.75em 1em}.docs-nav-menu{display:none}.docs-menu--opened .docs-nav-menu{display:block}.docs-menu--opened .docs-nav-toggle .icon-angle-right{-webkit-transform:rotate(145deg);transform:rotate(145deg)}#docs-menu{border-top:1px solid #dde0e7;margin-top:1.25em;padding-top:1.25em}}.block{padding-top:3.75em}.block:not(.block-hero){background:#f8f8fa}.block:last-child{padding-bottom:3.75em}.block-header,.block-image{margin-bottom:1.5em}.block-title{margin:0}.block-subtitle{color:#67758d;line-height:1.5;margin-bottom:0}.block-subtitle:not(:first-child){margin-top:.5em}.block-buttons,.grid-item-buttons{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:.9375em}.block-buttons a,.grid-item-buttons a{font-weight:700;text-decoration:none}.block-buttons{justify-content:center}.block-buttons a{margin:0 .375em .75em}.grid-item-buttons a{margin:0 .75em .75em 0}.has-gradient .block-subtitle{color:inherit}.block-hero .block-buttons:not(:first-child),.block-text .block-buttons:not(:first-child){margin-top:1.875em}.block-text .grid-item{max-width:680px;text-align:center}.block-text .block-title{font-size:1.875em}@media only screen and (min-width:641px){.block-text .block-content{font-size:1.125em}.block-text .block-title{font-size:2.125em}}@media only screen and (min-width:1201px){.block-text .grid-item:not(:only-child){flex:0 0 50%;max-width:50%}.block-body:not(:only-child){text-align:left}.block-body:not(:only-child) .block-buttons{justify-content:flex-start}.block-body:not(:only-child) .block-buttons a{margin-left:0;margin-right:.75em}}@media only screen and (min-width:1001px){.block-image:not(:only-child){padding-right:2.5em}.grid-swap .block-image:not(:only-child){padding-left:2.5em;padding-right:.9375em}}.block-cta .has-gradient{border-radius:5px;margin-bottom:1.875em;padding:3.75em 3vw 1.875em}.block-cta .block-header{max-width:680px;text-align:center}.block-cta .block-title{font-size:1.875em}.block-cta .block-subtitle{font-size:1.125em}@media only screen and (min-width:641px){.block-title{font-size:2.125em}}@media only screen and (min-width:801px){.block-cta .has-gradient{padding-left:7%;padding-right:7%}.block-cta .block-header{flex:0 0 66.666%;max-width:66.666%;text-align:left}.block-cta .block-buttons{flex:0 0 33.333%;margin-top:0;max-width:33.333%}}.block-hero+.block-grid:not(.has-header){background:0;padding-top:0}.block-grid .block-header{margin-bottom:2em;text-align:center}.block-grid .block-title{font-size:1.875em}.block-grid .grid-item{display:flex;flex-direction:column;margin-bottom:1.875em}.grid-item-inside{background:#fff;border:1px solid #dde0e7;border-radius:3px;box-shadow:0 1px 2px 0 rgba(0,0,0,.13);box-sizing:border-box;flex-grow:1;padding-bottom:.75em}.grid-item-image{display:block;width:100%}.grid-item-image,.grid-item-image img{border-radius:3px 3px 0 0}.grid-item-title{font-size:1.5em;margin:1em 0 .5em;padding-left:1em;padding-right:1em}.grid-item-title:first-child{margin-top:1.25em}.grid-item-title a{color:inherit!important;text-decoration:none}.grid-item-buttons,.grid-item-content{padding-left:1.5em;padding-right:1.5em}.grid-item-content{margin-bottom:1.25em}.grid-item-buttons a:not(.button):after{font-size:1.125em;content:"\2192";line-height:1.5;margin-left:5px}@media only screen and (max-width:1000px){.block-grid .grid-item{margin-bottom:4vw}}.block-hero{padding-bottom:7.5em;position:relative;text-align:center}.block-hero .block-header{margin-bottom:.75em}.block-hero .block-title{font-size:2.25em}.block-hero .block-content{font-size:1.125em;line-height:1.5}.block-hero+.block{margin-top:-5em;position:relative}@media only screen and (min-width:641px){.block-hero .block-title{font-size:3em}.block-hero .block-content{font-size:1.25em}.block-hero .block-buttons a{font-size:1em}}.site-footer{background-color:#000;background-image:url(https://i.imgur.com/CEYEZp8.jpeg);padding-bottom:5em;padding-top:5em;color:#fff!important;border:4px solid #000}#colophon a:not(.button){color:inherit}#colophon a:not(.button):focus,#colophon a:not(.button):hover{color:#00c6ff}.site-info,.social-links{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;font-size:.675em;line-height:1.2}.site-info .button:not(.button-icon),.social-links .button:not(.button-icon){font-size:inherit;line-height:1.2;padding:.3em 1em}.site-info{margin:.25em 0 0;text-align:center}.site-info .copyright,.site-info>a{margin:0 4px .2em 0}.social-links{margin-top:.5375em}.social-links a{margin:0 50px .2em}.social-links .icon{font-size:20px;color:#000;background-color:#000}@media only screen and (min-width:641px){.site-footer-inside{align-items:flex-start;display:flex}.site-info{text-align:left}.site-info,.social-links{justify-content:flex-start}.social-links{flex:0 0 auto;flex-wrap:nowrap;margin-left:auto;margin-top:0}.social-links a{margin-left:20px;margin-right:0}}.palette-green a:not(.button){color:#20c86e}.palette-green a:not(.button):hover{color:#424b5f}.palette-green blockquote{border-color:#20c86e}.palette-green .button,.palette-green .line-left:after{background:#20c86e}.palette-green .has-gradient{background:#20c86e;background:linear-gradient(90deg,#1ba65b,#20c86e)}.palette-green #colophon a:not(.button):hover,.palette-green #docs-menu .current,.palette-green #docs-menu .current-parent,.palette-green #docs-menu a:hover,.palette-green #masthead a:not(.button):hover,.palette-green #page-nav a:hover,.palette-green #page-nav li.active>a,.palette-green .button-icon:active,.palette-green .button-icon:focus,.palette-green .button-icon:hover,.palette-green .button-secondary,.palette-green .has-gradient .button:not(.button-secondary),.palette-green .menu-item.current,.palette-green .post.type-docs .hash-link:focus,.palette-green .post.type-docs .hash-link:hover{color:#20c86e}.palette-green #docs-section-items .docs-item-link:hover{border-color:#20c86e;color:#20c86e}.palette-navy a:not(.button){color:#1b2024}.palette-navy a:not(.button):hover{color:#424b5f}.palette-navy blockquote{border-color:#1b2024}.palette-navy .button,.palette-navy .line-left:after{background:#1b2024}.palette-navy .has-gradient{background:#1b2024;background:linear-gradient(90deg,#000428,#1b2024)}.palette-navy #colophon a:not(.button):hover,.palette-navy #docs-menu .current,.palette-navy #docs-menu .current-parent,.palette-navy #docs-menu a:hover,.palette-navy #masthead a:not(.button):hover,.palette-navy #page-nav a:hover,.palette-navy #page-nav li.active>a,.palette-navy .button-icon:active,.palette-navy .button-icon:focus,.palette-navy .button-icon:hover,.palette-navy .button-secondary,.palette-navy .has-gradient .button:not(.button-secondary),.palette-navy .menu-item.current,.palette-navy .post.type-docs .hash-link:focus,.palette-navy .post.type-docs .hash-link:hover{color:#1b2024}.palette-navy #docs-section-items .docs-item-link:hover{border-color:#1b2024;color:#1b2024}.palette-violet a:not(.button){color:#8e2de2}.palette-violet a:not(.button):hover{color:#424b5f}.palette-violet blockquote{border-color:#8e2de2}.palette-violet .button,.palette-violet .line-left:after{background:#8e2de2}.palette-violet .has-gradient{background:#8e2de2;background:linear-gradient(90deg,#4a00e0,#8e2de2)}.palette-violet #colophon a:not(.button):hover,.palette-violet #docs-menu .current,.palette-violet #docs-menu .current-parent,.palette-violet #docs-menu a:hover,.palette-violet #masthead a:not(.button):hover,.palette-violet #page-nav a:hover,.palette-violet #page-nav li.active>a,.palette-violet .button-icon:active,.palette-violet .button-icon:focus,.palette-violet .button-icon:hover,.palette-violet .button-secondary,.palette-violet .has-gradient .button:not(.button-secondary),.palette-violet .menu-item.current,.palette-violet .post.type-docs .hash-link:focus,.palette-violet .post.type-docs .hash-link:hover{color:#8e2de2}.palette-violet #docs-section-items .docs-item-link:hover{border-color:#8e2de2;color:#8e2de2}:not(pre)>code[class*=language-]{background:#283040;color:#f8f8fa}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}div.code-toolbar>.toolbar{top:0;right:0}div.code-toolbar>.toolbar .toolbar-item{display:block}div.code-toolbar>.toolbar a{border:0;cursor:pointer}div.code-toolbar>.toolbar button{background:none;border:0;border-radius:0;box-shadow:none;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar a,div.code-toolbar>.toolbar button,div.code-toolbar>.toolbar span{background:#424b5f;color:#dde0e7!important;display:block;font-size:.75em;line-height:1.5;padding:.25em .5em;text-decoration:none}.gatsby-highlight-code-line{display:block;margin:0 -2em;padding:0 2em;background:var(--lineHighlight)}code[class*=language-],pre[class*=language-]{color:#fff;text-shadow:0 1px rgba(0,0,0,.3);font-family:Menlo,Monaco,Consolas,Courier New,Courier,monospace;font-size:14px;direction:ltr}pre{padding:1.25em;margin:.5em 0 3em;overflow:auto;border-radius:6px}:not(pre)>code[class*=language-],pre{background:var(--code-background)}:not(pre)>code[class*=language-]{padding:3px 5px;border-radius:2px;background:var(--inline-code-background);font-family:Source Code Pro,Menlo,Monaco,Consolas,Courier New,Courier,monospace;text-shadow:none;color:var(--inline-code-color)}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:var(--comment)}.token.constant,.token.deleted,.token.function-name,.token.number,.token.property,.token.symbol{color:var(--primitive)}.token.boolean{color:var(--boolean)}.token.tag{color:var(--tag)}.token.string{color:var(--string)}.token.punctuation{color:var(--punctuation)}.token.builtin,.token.char,.token.inserted,.token.selector{color:var(--char)}.token.function{color:var(--function)}.token.entity,.token.operator,.token.url,.token.variable{color:var(--variable)}.token.attr-value{color:var(--string)}.token.keyword{color:var(--keyword)}.token.atrule,.token.class-name{color:var(--className)}.token.important{font-weight:400}.token.bold{font-weight:700}.token.italic{font-style:"italic"}.token.entity{cursor:"help"}.namespace{opacity:.7}code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token a{color:inherit}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:hsla(0,0%,87.8%,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}.token.treeview-part .entry-line{position:relative;text-indent:-99em;display:inline-block;vertical-align:top;width:1.2em}.token.treeview-part .entry-line:before,.token.treeview-part .line-h:after{content:"";position:absolute;top:0;left:50%;width:50%;height:100%}.token.treeview-part .line-h:before,.token.treeview-part .line-v:before{border-left:1px solid #ccc}.token.treeview-part .line-v-last:before{height:50%;border-left:1px solid #ccc;border-bottom:1px solid #ccc}.token.treeview-part .line-h:after{height:50%;border-bottom:1px solid #ccc}.token.treeview-part .entry-name{position:relative;display:inline-block;vertical-align:top}.token.treeview-part .entry-name.dotfile{opacity:.5}@font-face{font-family:PrismTreeview;src:url(data:application/font-woff;base64,d09GRgABAAAAAAgYAAsAAAAAEGAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABHU1VCAAABCAAAADsAAABUIIslek9TLzIAAAFEAAAAPwAAAFY1UkH9Y21hcAAAAYQAAAB/AAACCtvO7yxnbHlmAAACBAAAA+MAAAlACm1VqmhlYWQAAAXoAAAAKgAAADZfxj5jaGhlYQAABhQAAAAYAAAAJAFbAMFobXR4AAAGLAAAAA4AAAA0CGQAAGxvY2EAAAY8AAAAHAAAABwM9A9CbWF4cAAABlgAAAAfAAAAIAEgAHZuYW1lAAAGeAAAATcAAAJSfUrk+HBvc3QAAAewAAAAZgAAAIka0DSfeJxjYGRgYOBiMGCwY2BycfMJYeDLSSzJY5BiYGGAAJA8MpsxJzM9kYEDxgPKsYBpDiBmg4gCACY7BUgAeJxjYGRYyjiBgZWBgaGQoRZISkLpUAYOBj0GBiYGVmYGrCAgzTWFweEV4ysehs1ArgDDFgZGIA3CDAB2tQjAAHic7ZHLEcMwCESfLCz/VEoKSEE5parURxMOC4c0Ec283WGFdABgBXrwCAzam4bOK9KWeefM3Hhmjyn3ed+hTRq1pS7Ra/HjYGPniHcXMy4G/zNTP7/KW5HTXArkvdBW3ArN19dCG/NRIN8K5HuB/CiQn4U26VeBfBbML9NEH78AeJyVVc1u20YQ3pn905JcSgr/YsuSDTEg3cR1bFEkYyS1HQcQ2jQF2hot6vYSoECKnnPLA/SWUy9NTr31Bfp+6azsNI0SGiolzu7ODnfn+2Z2lnHG3rxhr9nfLGKbLGesncAYYnUHpsVnMG/uwyzNdFIVd6HI6twp8+R3LpT4TSglLoTHwwJgG2/dFvKrl9yI507/p5CCq4LTxB/PlPjkFaMHnWB/0S9je7RTPS+utnGtom1T2q5pk/e3H0M1S18rsXAL7wgpxQuhAmteGGvNjmcfGXuwnFNOPCXxeOGmnjrBLWNyBeNtVq2Hs03yus1aPS3mzSyNVSfu588iW1Q93x/4fjcHn+5EkS2tMxr4xIRa8ese+4L9uKZnxEqs8+ldyN9atU02a5t5uQ8hZGms1QTKpaKYqnipiNNOAIeIADC0JNEOYY+jtSgFoOchiAjRGFACpUTRje8bwIYWGCDEgENY8MEu9bnCYCdAxftoNg0KiSpUtPaHcanYwzXRu6T4r40b5npal3V7UHWCPJW9niyl1vIHgoujEXZjudBkeWkOeMQBRmbEPhKzij1i52t6/TadL+3q7H0U1eq4E8cG4gIIwQLx8VX7ToPXgPrehVc5QXHR7gMSmwjKfaYAP4KvZV+yn9bE18y2IY37LvtyrSg3i7ZK++B603ndlg/gBJpZRsfpBI6hyiaQ6FjlnThz8lAC3LgBIMnXDOAXxBQ4SIgiEhx2AcGCAwAhwjXRpCQms42bwAUt75BvAwgONzdgOfWEwzk4Ylzj4mz+5YEzzXzWX9aNlk7ot65y5QnBHsNlm6zDTu7sspRqG4V+fgJ1lVBZ07Nm7s5nemo3Lf3PO7iwtnroQ5/YDGwPRUip6fV6L+27p+wCHwSvPs85UnHqId8NAn5IBsKdv95KrL9m31Gsf2a/rluDslk1y1J9GE+LUmmVT/OyOHaFKGnapt2H5XeJTmKd6qYNoVVZOy+pWzr7rMip3ndG/4mQSoUcMbAqG/YNIAdXhkAqTVruXhocSKN0iS4Rwj7vSS4fcF/La07BfeQSuRAcFeW+9igjwPhhYPpGCBCBHhxiKMyFMFT7ziRH7RtfIWdiha+TdW+Rqs7bLHdN2ZJIKl0um0x3op9saYr0REeRdj09pl43pMzz4tjztrY8L4o8bzT+oLY27PR/eFtXs/YY5vtwB5Iqad14eYN0ujveMaGWqkdU3TKbQSC5Uvxaf4fA7SAQ3r2tEfIhd4duld91bwMisjqBw22orthNcroXl7KqO1329HBgAexgoCfGAwiDPoBnriki3lmNojrzvD0tjo6E3vPYP6E2BMIAeJxjYGRgYADiY8t3FsTz23xl4GbYzIAB/v9nWM6wBcjgYGAC8QH+QQhZAAB4nGNgZGBg2MzAACeXMzAyoAJeADPyAh14nGNgAILNpGEA0fgIZQAAAAAAAAA2AHIAvgE+AZgCCAKMAv4DlgPsBEYEoHicY2BkYGDgZchi4GQAASYg5gJCBob/YD4DABTSAZcAeJx9kU1uwjAQhV/4qwpqhdSqi67cTTeVEmBXDgBbhBD7AHYISuLUMSD2PUdP0HNwjp6i676k3qQS9Ujjb968mYUNoI8zPJTHw02Vy9PAFatfbpLuHbfIT47b6MF33KH+6riLF0wc93CHN27wWtdUHvHuuIFbfDhuUv903CKfHbfxgC/HHerfjrtYen3HPTx7ambiIl0YKQ+xPM5ltE9CU9NqxVKaItaZGPqDmj6VmTShlRuxOoniEI2sVUIZnYqJzqxMEi1yo3dybf2ttfk4CJTT/bVOMYNBjAIpFiTJOLCWOGLOHGGPBCE7l32XO0tmw04MjQwCQ7774B//lDmrZkJY3hvOrHBiLuiJMKJqoVgrejQ3CP5Yubt0JwxNJa96Oypr6j621VSOMQKG+uP36eKmHylcb0MAeJxtwdEOgjAMBdBeWEFR/Mdl7bTJtMsygc/nwVfPoYF+QP+tGDAigDFhxgVXLLjhjhUPCtmKTtmLaGN7x6dy/Io5bybqoevRQ3LRObb0sk3HKpn1SFqW6ru26vbpYfcmRCccJhqsAAA=) format("woff")}.token.treeview-part .entry-name:before{content:"\EA01";font-family:PrismTreeview;font-size:inherit;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:2.5ex;display:inline-block}.token.treeview-part .entry-name.dir:before{content:"\EA02"}.token.treeview-part .entry-name.ext-bmp:before,.token.treeview-part .entry-name.ext-eps:before,.token.treeview-part .entry-name.ext-gif:before,.token.treeview-part .entry-name.ext-jpe:before,.token.treeview-part .entry-name.ext-jpeg:before,.token.treeview-part .entry-name.ext-jpg:before,.token.treeview-part .entry-name.ext-png:before,.token.treeview-part .entry-name.ext-svg:before,.token.treeview-part .entry-name.ext-tiff:before{content:"\EA03"}.token.treeview-part .entry-name.ext-cfg:before,.token.treeview-part .entry-name.ext-conf:before,.token.treeview-part .entry-name.ext-config:before,.token.treeview-part .entry-name.ext-csv:before,.token.treeview-part .entry-name.ext-ini:before,.token.treeview-part .entry-name.ext-log:before,.token.treeview-part .entry-name.ext-md:before,.token.treeview-part .entry-name.ext-nfo:before,.token.treeview-part .entry-name.ext-txt:before{content:"\EA06"}.token.treeview-part .entry-name.ext-asp:before,.token.treeview-part .entry-name.ext-aspx:before,.token.treeview-part .entry-name.ext-c:before,.token.treeview-part .entry-name.ext-cc:before,.token.treeview-part .entry-name.ext-cpp:before,.token.treeview-part .entry-name.ext-cs:before,.token.treeview-part .entry-name.ext-css:before,.token.treeview-part .entry-name.ext-h:before,.token.treeview-part .entry-name.ext-hh:before,.token.treeview-part .entry-name.ext-htm:before,.token.treeview-part .entry-name.ext-html:before,.token.treeview-part .entry-name.ext-jav:before,.token.treeview-part .entry-name.ext-java:before,.token.treeview-part .entry-name.ext-js:before,.token.treeview-part .entry-name.ext-php:before,.token.treeview-part .entry-name.ext-rb:before,.token.treeview-part .entry-name.ext-xml:before{content:"\EA07"}.token.treeview-part .entry-name.ext-7z:before,.token.treeview-part .entry-name.ext-bz2:before,.token.treeview-part .entry-name.ext-bz:before,.token.treeview-part .entry-name.ext-gz:before,.token.treeview-part .entry-name.ext-rar:before,.token.treeview-part .entry-name.ext-tar:before,.token.treeview-part .entry-name.ext-tgz:before,.token.treeview-part .entry-name.ext-zip:before{content:"\EA08"}.token.treeview-part .entry-name.ext-aac:before,.token.treeview-part .entry-name.ext-au:before,.token.treeview-part .entry-name.ext-cda:before,.token.treeview-part .entry-name.ext-flac:before,.token.treeview-part .entry-name.ext-mp3:before,.token.treeview-part .entry-name.ext-oga:before,.token.treeview-part .entry-name.ext-ogg:before,.token.treeview-part .entry-name.ext-wav:before,.token.treeview-part .entry-name.ext-wma:before{content:"\EA04"}.token.treeview-part .entry-name.ext-avi:before,.token.treeview-part .entry-name.ext-flv:before,.token.treeview-part .entry-name.ext-mkv:before,.token.treeview-part .entry-name.ext-mov:before,.token.treeview-part .entry-name.ext-mp4:before,.token.treeview-part .entry-name.ext-mpeg:before,.token.treeview-part .entry-name.ext-mpg:before,.token.treeview-part .entry-name.ext-ogv:before,.token.treeview-part .entry-name.ext-webm:before{content:"\EA05"}.token.treeview-part .entry-name.ext-pdf:before{content:"\EA09"}.token.treeview-part .entry-name.ext-xls:before,.token.treeview-part .entry-name.ext-xlsx:before{content:"\EA0A"}.token.treeview-part .entry-name.ext-doc:before,.token.treeview-part .entry-name.ext-docm:before,.token.treeview-part .entry-name.ext-docx:before{content:"\EA0C"}.token.treeview-part .entry-name.ext-pps:before,.token.treeview-part .entry-name.ext-ppt:before,.token.treeview-part .entry-name.ext-pptx:before{content:"\EA0B"}</style><meta name="generator" content="Gatsby 2.32.13"><title> Web-Dev-Hub </title><link data-react-helmet="true" rel="apple-touch-icon" href="https://bgoonz-blog.netlify.app/logo-circle.png"><link data-react-helmet="true" href="https://instructure-uploads-pdx.s3.us-west-2.amazonaws.com/account_168550000000000001/attachments/537/logo-canvas.png" rel="apple-touch-icon"><link data-react-helmet="true" type="text/css" href="./Web-Dev-Hub_files/css(2)" rel="stylesheet"><link data-react-helmet="true" rel="shortcut icon" href="https://bgoonz-blog.netlify.app/favicon.ico" type="image/x-icon"><link data-react-helmet="true" rel="apple-touch-icon" href="https://bgoonz-blog.netlify.app/apple-touch-icon.png"><link data-react-helmet="true" rel="preconnect" href="https://fonts.gstatic.com/"><link data-react-helmet="true" href="./Web-Dev-Hub_files/css2" rel="stylesheet"><link data-react-helmet="true" rel="icon" href="https://bgoonz-blog.netlify.app/images/logo-final-touchup.PNG"><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"><meta data-react-helmet="true" name="google-site-verification" content="q5W83EYchlVTyA-iYRE4ElQGcbD_vukQF0NKW12N3qU"><meta data-react-helmet="true" http-equiv="X-UA-Compatible" content="IE=edge"><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1.0"><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1"><meta data-react-helmet="true" http-equiv="Content-Type" content="HTML"><meta data-react-helmet="true" name="Author" content="Bryan Guner"><meta data-react-helmet="true" name="keywords" content="HTML, Meta Tags, Metadata"><meta data-react-helmet="true" name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"><meta data-react-helmet="true" name="twitter:card" content="summary"><meta data-react-helmet="true" name="twitter:site" content="@bgoonz"><meta data-react-helmet="true" name="twitter:creator" content="@bgoonz"><meta data-react-helmet="true" name="twitter:image:src" content="/logo-circle.png"><meta data-react-helmet="true" name="twitter:title" content="Web Development Resource Hub Bryan Guner"><meta data-react-helmet="true" property="twitter:card" content="summary_large_image"><meta data-react-helmet="true" name="google-site-verification" content="JzC5eRJ3cpAJk6gfrMzLwxEhOd3QnM6c6AYP8-1EWiw"><meta data-react-helmet="true" name="viewport" content="width=device-width, initialScale=1.0"><meta data-react-helmet="true" name="description" content="bigO, Python, Javascript, Audio, Processing, Learning, Blog, React,
PostgreSQL, Scope, Closure, Web Development, Embed, API, Website, Design,
Music, Search"><meta data-react-helmet="true" property="og:type" content="website"><meta data-react-helmet="true" property="og:title" content="Web-Dev-Hub"><meta data-react-helmet="true" property="og:description" content="my resource sharing and blog site ... centered mostly on web development
and just a bit of audio production / generally nerdy things I find
interesting."><meta data-react-helmet="true" property="og:image" content="https://bgoonz-blog.netlify.app/images/code.png"><meta data-react-helmet="true" name="twitter:card" content="summary_large_image"><meta data-react-helmet="true" name="twitter:title" content="Web-Dev-Hub"><meta data-react-helmet="true" name="twitter:description" content="Web-Dev-Hub"><meta data-react-helmet="true" name="twitter:image" content="https://bgoonz-blog.netlify.app/images/4.jpg"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/webpack-runtime-3b3c4d9ac46891b79d3b.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/framework-b1f474b4ac3d6bddb56e.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/dc6a8720040df98778fe970bf6c000a41750d3ae-f52918615044f162884b.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/app-42801d3897f319a9f947.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/styles-e9d24b1846c7d6eb9685.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/29107295-42402af61ecb67fe3eef.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/commons-6c015a086910b1edceb1.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/7e83cccf5627985ffa1ad445adbbed4378ad9bf2-894949648f0f3ab3c2f3.js"><link as="script" rel="preload" href="https://bgoonz-blog.netlify.app/component---src-templates-advanced-js-5111245125b80efd0859.js"><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/index/page-data.json" crossorigin="anonymous"><link as="fetch" rel="preload" href="https://bgoonz-blog.netlify.app/page-data/app-data.json" crossorigin="anonymous"> <script>"use strict";

!function() {
    var t = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6IjYxZDM2MTc3YmNjM2JjNmJiZjk3NzQyYSIsInRva2VuVHlwZSI6InB1YmxpYyIsImlhdCI6MTY1NjA3MjI4NCwiZXhwIjoxNDI3MDQ3MjI4NH0.jBdB9Y0g8mlBM08oeVwtSO9X4SrTgLJ_rOKjjkYNn2I";
    function e() {
        var e = document.createElement("script"), a = navigator.language || navigator.userLanguage;
        e.type = "text/javascript", e.async = !0, e.src = "https://api.searchbar.org/v1/widget/" + t + "/" + a;
        var n = document.getElementsByTagName("script")[0];
        n.parentNode.insertBefore(e, n);
    }
    "complete" === document.readyState ? e() : window.attachEvent ? window.attachEvent("onload", e) : window.addEventListener("load", e, !1);
}();</script><script src="./Web-Dev-Hub_files/polyfill.min.js.download"></script>

<script src="./Web-Dev-Hub_files/algoliasearch-lite.umd.js.download" integrity="sha256-EXPXz4W6pQgfYY3yTpnDa3OH8/EPn16ciVsPQ/ypsjk=" crossorigin="anonymous"></script>
<script src="./Web-Dev-Hub_files/ReactInstantSearchHooks.min.js.download" integrity="sha256-9VH2kSJ5sFbWxXwGE6/ioTprmxen8Z4ggF5ZlBRzO48=" crossorigin="anonymous"></script><link rel="stylesheet" href="./Web-Dev-Hub_files/autocomplete-theme-classic"><!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="./Web-Dev-Hub_files/addthis_widget.js(1).download"></script><div id="_atssh" style="visibility: hidden; height: 1px; width: 1px; position: absolute; top: -9999px; z-index: 100000;"><iframe id="_atssh953" title="AddThis utility frame" src="./Web-Dev-Hub_files/sh.f48a1a04fe8dbf021b4cda1d(1).html" style="height: 1px; width: 1px; position: absolute; top: 0px; z-index: 100000; border: 0px; left: 0px;"></iframe></div><style type="text/css">.at-icon{fill:#fff;border:0}.at-icon-wrapper{display:inline-block;overflow:hidden}a .at-icon-wrapper{cursor:pointer}.at-rounded,.at-rounded-element .at-icon-wrapper{border-radius:12%}.at-circular,.at-circular-element .at-icon-wrapper{border-radius:50%}.addthis_32x32_style .at-icon{width:2pc;height:2pc}.addthis_24x24_style .at-icon{width:24px;height:24px}.addthis_20x20_style .at-icon{width:20px;height:20px}.addthis_16x16_style .at-icon{width:1pc;height:1pc}#at16lb{display:none;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1001;background-color:#000;opacity:.001}#at_complete,#at_error,#at_share,#at_success{position:static!important}.at15dn{display:none}#at15s,#at16p,#at16p form input,#at16p label,#at16p textarea,#at_share .at_item{font-family:arial,helvetica,tahoma,verdana,sans-serif!important;font-size:9pt!important;outline-style:none;outline-width:0;line-height:1em}* html #at15s.mmborder{position:absolute!important}#at15s.mmborder{position:fixed!important;width:250px!important}#at15s{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);float:none;line-height:1em;margin:0;overflow:visible;padding:5px;text-align:left;position:absolute}#at15s a,#at15s span{outline:0;direction:ltr;text-transform:none}#at15s .at-label{margin-left:5px}#at15s .at-icon-wrapper{width:1pc;height:1pc;vertical-align:middle}#at15s .at-icon{width:1pc;height:1pc}.at4-icon{display:inline-block;background-repeat:no-repeat;background-position:top left;margin:0;overflow:hidden;cursor:pointer}.addthis_16x16_style .at4-icon,.addthis_default_style .at4-icon,.at4-icon,.at-16x16{width:1pc;height:1pc;line-height:1pc;background-size:1pc!important}.addthis_32x32_style .at4-icon,.at-32x32{width:2pc;height:2pc;line-height:2pc;background-size:2pc!important}.addthis_24x24_style .at4-icon,.at-24x24{width:24px;height:24px;line-height:24px;background-size:24px!important}.addthis_20x20_style .at4-icon,.at-20x20{width:20px;height:20px;line-height:20px;background-size:20px!important}.at4-icon.circular,.circular .at4-icon,.circular.aticon{border-radius:50%}.at4-icon.rounded,.rounded .at4-icon{border-radius:4px}.at4-icon-left{float:left}#at15s .at4-icon{text-indent:20px;padding:0;overflow:visible;white-space:nowrap;background-size:1pc;width:1pc;height:1pc;background-position:top left;display:inline-block;line-height:1pc}.addthis_vertical_style .at4-icon,.at4-follow-container .at4-icon{margin-right:5px}html>body #at15s{width:250px!important}#at15s.atm{background:none!important;padding:0!important;width:10pc!important}#at15s_inner{background:#fff;border:1px solid #fff;margin:0}#at15s_head{position:relative;background:#f2f2f2;padding:4px;cursor:default;border-bottom:1px solid #e5e5e5}.at15s_head_success{background:#cafd99!important;border-bottom:1px solid #a9d582!important}.at15s_head_success a,.at15s_head_success span{color:#000!important;text-decoration:none}#at15s_brand,#at15sptx,#at16_brand{position:absolute}#at15s_brand{top:4px;right:4px}.at15s_brandx{right:20px!important}a#at15sptx{top:4px;right:4px;text-decoration:none;color:#4c4c4c;font-weight:700}#at15sptx:hover{text-decoration:underline}#at16_brand{top:5px;right:30px;cursor:default}#at_hover{padding:4px}#at_hover .at_item,#at_share .at_item{background:#fff!important;float:left!important;color:#4c4c4c!important}#at_share .at_item .at-icon-wrapper{margin-right:5px}#at_hover .at_bold{font-weight:700;color:#000!important}#at_hover .at_item{width:7pc!important;padding:2px 3px!important;margin:1px;text-decoration:none!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover{margin:0!important}#at_hover .at_item.athov,#at_hover .at_item:focus,#at_hover .at_item:hover,#at_share .at_item.athov,#at_share .at_item:hover{background:#f2f2f2!important;border:1px solid #e5e5e5;color:#000!important;text-decoration:none}.ipad #at_hover .at_item:focus{background:#fff!important;border:1px solid #fff}.at15t{display:block!important;height:1pc!important;line-height:1pc!important;padding-left:20px!important;background-position:0 0;text-align:left}.addthis_button,.at15t{cursor:pointer}.addthis_toolbox a.at300b,.addthis_toolbox a.at300m{width:auto}.addthis_toolbox a{margin-bottom:5px;line-height:initial}.addthis_toolbox.addthis_vertical_style{width:200px}.addthis_button_facebook_like .fb_iframe_widget{line-height:100%}.addthis_button_facebook_like iframe.fb_iframe_widget_lift{max-width:none}.addthis_toolbox a.addthis_button_counter,.addthis_toolbox a.addthis_button_facebook_like,.addthis_toolbox a.addthis_button_facebook_send,.addthis_toolbox a.addthis_button_facebook_share,.addthis_toolbox a.addthis_button_foursquare,.addthis_toolbox a.addthis_button_linkedin_counter,.addthis_toolbox a.addthis_button_pinterest_pinit,.addthis_toolbox a.addthis_button_tweet{display:inline-block}.addthis_toolbox span.addthis_follow_label{display:none}.addthis_toolbox.addthis_vertical_style span.addthis_follow_label{display:block;white-space:nowrap}.addthis_toolbox.addthis_vertical_style a{display:block}.addthis_toolbox.addthis_vertical_style.addthis_32x32_style a{line-height:2pc;height:2pc}.addthis_toolbox.addthis_vertical_style .at300bs{margin-right:4px;float:left}.addthis_toolbox.addthis_20x20_style span{line-height:20px}.addthis_toolbox.addthis_32x32_style span{line-height:2pc}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact,.addthis_toolbox.addthis_pill_combo_style a{float:left}.addthis_toolbox.addthis_pill_combo_style a.addthis_button_tweet{margin-top:-2px}.addthis_toolbox.addthis_pill_combo_style .addthis_button_compact .at15t_compact{margin-right:4px}.addthis_default_style .addthis_separator{margin:0 5px;display:inline}div.atclear{clear:both}.addthis_default_style .addthis_separator,.addthis_default_style .at4-icon,.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300bs,.addthis_default_style .at300m{float:left}.at300b img,.at300bo img{border:0}a.at300b .at4-icon,a.at300m .at4-icon{display:block}.addthis_default_style .at300b,.addthis_default_style .at300bo,.addthis_default_style .at300m{padding:0 2px}.at300b,.at300bo,.at300bs,.at300m{cursor:pointer}.addthis_button_facebook_like.at300b:hover,.addthis_button_facebook_like.at300bs:hover,.addthis_button_facebook_send.at300b:hover,.addthis_button_facebook_send.at300bs:hover{opacity:1}.addthis_20x20_style .at15t,.addthis_20x20_style .at300bs{overflow:hidden;display:block;height:20px!important;width:20px!important;line-height:20px!important}.addthis_32x32_style .at15t,.addthis_32x32_style .at300bs{overflow:hidden;display:block;height:2pc!important;width:2pc!important;line-height:2pc!important}.at300bs{overflow:hidden;display:block;background-position:0 0;height:1pc;width:1pc;line-height:1pc!important}.addthis_default_style .at15t_compact,.addthis_default_style .at15t_expanded{margin-right:4px}#at_share .at_item{width:123px!important;padding:4px;margin-right:2px;border:1px solid #fff}#at16p{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);z-index:10000001;position:absolute;top:50%;left:50%;width:300px;padding:10px;margin:0 auto;margin-top:-185px;margin-left:-155px;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#5e5e5e}#at_share{margin:0;padding:0}#at16pt{position:relative;background:#f2f2f2;height:13px;padding:5px 10px}#at16pt a,#at16pt h4{font-weight:700}#at16pt h4{display:inline;margin:0;padding:0;font-size:9pt;color:#4c4c4c;cursor:default}#at16pt a{position:absolute;top:5px;right:10px;color:#4c4c4c;text-decoration:none;padding:2px}#at15sptx:focus,#at16pt a:focus{outline:thin dotted}#at15s #at16pf a{top:1px}#_atssh{width:1px!important;height:1px!important;border:0!important}.atm{width:10pc!important;padding:0;margin:0;line-height:9pt;letter-spacing:normal;font-family:arial,helvetica,tahoma,verdana,sans-serif;font-size:9pt;color:#444;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgaGAgAjAxEAlGFVJHIUCAAQDcngCUgqGMqwAAAABJRU5ErkJggg==);padding:4px}.atm-f{text-align:right;border-top:1px solid #ddd;padding:5px 8px}.atm-i{background:#fff;border:1px solid #d5d6d6;padding:0;margin:0;box-shadow:1px 1px 5px rgba(0,0,0,.15)}.atm-s{margin:0!important;padding:0!important}.atm-s a:focus{border:transparent;outline:0;transition:none}#at_hover.atm-s a,.atm-s a{display:block;text-decoration:none;padding:4px 10px;color:#235dab!important;font-weight:400;font-style:normal;transition:none}#at_hover.atm-s .at_bold{color:#235dab!important}#at_hover.atm-s a:hover,.atm-s a:hover{background:#2095f0;text-decoration:none;color:#fff!important}#at_hover.atm-s .at_bold{font-weight:700}#at_hover.atm-s a:hover .at_bold{color:#fff!important}.atm-s a .at-label{vertical-align:middle;margin-left:5px;direction:ltr}.at_PinItButton{display:block;width:40px;height:20px;padding:0;margin:0;background-image:url(//s7.addthis.com/static/t00/pinit00.png);background-repeat:no-repeat}.at_PinItButton:hover{background-position:0 -20px}.addthis_toolbox .addthis_button_pinterest_pinit{position:relative}.at-share-tbx-element .fb_iframe_widget span{vertical-align:baseline!important}#at16pf{height:auto;text-align:right;padding:4px 8px}.at-privacy-info{position:absolute;left:7px;bottom:7px;cursor:pointer;text-decoration:none;font-family:helvetica,arial,sans-serif;font-size:10px;line-height:9pt;letter-spacing:.2px;color:#666}.at-privacy-info:hover{color:#000}.body .wsb-social-share .wsb-social-share-button-vert{padding-top:0;padding-bottom:0}.body .wsb-social-share.addthis_counter_style .addthis_button_tweet.wsb-social-share-button{padding-top:40px}.body .wsb-social-share.addthis_counter_style .addthis_button_facebook_like.wsb-social-share-button{padding-top:21px}@media print{#at4-follow,#at4-share,#at4-thankyou,#at4-whatsnext,#at4m-mobile,#at15s,.at4,.at4-recommended{display:none!important}}@media screen and (max-width:400px){.at4win{width:100%}}@media screen and (max-height:700px) and (max-width:400px){.at4-thankyou-inner .at4-recommended-container{height:122px;overflow:hidden}.at4-thankyou-inner .at4-recommended .at4-recommended-item:first-child{border-bottom:1px solid #c5c5c5}}</style><style type="text/css">.at-branding-logo{font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:10px;display:inline-block;margin:2px 0;letter-spacing:.2px}.at-branding-logo .at-branding-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")}.at-branding-logo .at-branding-icon,.at-branding-logo .at-privacy-icon{display:inline-block;height:10px;width:10px;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat}.at-branding-logo .at-privacy-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC")}.at-branding-logo span{text-decoration:none}.at-branding-logo .at-branding-addthis,.at-branding-logo .at-branding-powered-by{color:#666}.at-branding-logo .at-branding-addthis:hover{color:#333}.at-cv-with-image .at-branding-addthis,.at-cv-with-image .at-branding-addthis:hover{color:#fff}a.at-branding-logo:visited{color:initial}.at-branding-info{display:inline-block;padding:0 5px;color:#666;border:1px solid #666;border-radius:50%;font-size:10px;line-height:9pt;opacity:.7;transition:all .3s ease;text-decoration:none}.at-branding-info span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.at-branding-info:before{content:'i';font-family:Times New Roman}.at-branding-info:hover{color:#0780df;border-color:#0780df}</style><style id="service-icons-0"></style><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/custom-messages.5799ddf75a30812a3d49.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/layers.fa6cd1947ce26e890d3d.js.download"></script><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/ds-algo/big-o/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/showcase/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/career/job-boards/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/archive/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/javascript/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/tools/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/about/internal-use/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/career/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/docs/git-repos/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/sitemap/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/faq/contact/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/blog/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/projects/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/interview/interview-questions/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/python/python-ds/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/docs/tools/page-data.json" crossorigin="anonymous" as="fetch"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/page-data/hps://web-dev-utility-tools-bgoonz.netlify.app/page-data.json" crossorigin="anonymous" as="fetch"><style type="text/css">.at-branding-logo{font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:10px;display:inline-block;margin:2px 0;letter-spacing:.2px}.at-branding-logo .at-branding-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")}.at-branding-logo .at-branding-icon,.at-branding-logo .at-privacy-icon{display:inline-block;height:10px;width:10px;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat}.at-branding-logo .at-privacy-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC")}.at-branding-logo span{text-decoration:none}.at-branding-logo .at-branding-addthis,.at-branding-logo .at-branding-powered-by{color:#666}.at-branding-logo .at-branding-addthis:hover{color:#333}.at-cv-with-image .at-branding-addthis,.at-cv-with-image .at-branding-addthis:hover{color:#fff}a.at-branding-logo:visited{color:initial}.at-branding-info{display:inline-block;padding:0 5px;color:#666;border:1px solid #666;border-radius:50%;font-size:10px;line-height:9pt;opacity:.7;transition:all .3s ease;text-decoration:none}.at-branding-info span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.at-branding-info:before{content:'i';font-family:Times New Roman}.at-branding-info:hover{color:#0780df;border-color:#0780df}@keyframes at-center-animateIn{0%{opacity:0}to{opacity:1}}@keyframes at-center-animateOut{0%{opacity:1}to{opacity:0;z-index:-1}}.at-center-animateIn{animation-name:at-center-animateIn}.at-center-animateIn,.at-center-animateOut{animation-fill-mode:both;animation-duration:.3s}.at-center-animateOut{animation-name:at-center-animateOut}.at-center-animateBefore{opacity:0;display:none}.at4win{margin:0 auto;background:#fff;border:1px solid #ebeced;width:25pc;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:8px;font-family:helvetica neue,helvetica,arial,sans-serif;text-align:left}.at4win a.at4-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left center}.at4win a.at4-privacy{background:url(data:image/gif;base64,R0lGODlhCQAKAMQQANz0+IzZ5gOqynDP4Ruyz7Hl7wSqyv7//x6z0FLF2zG50+v4+xSwzcDr8QuszP///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABAALAAAAAAJAAoAAAU0oIJAZAkZCqOYkNMsA5OU7hM0ikO6x7AcBQTBtVAsHo+EgMgABBijmoHAoCUKMxNDwCKFAAA7) no-repeat right center}.at4win .at4-minimal a.at4-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left center!important}.at4win a.at-sponsored-link{padding:2px 4px 0 0;text-decoration:none;line-height:10px;font-size:10px;font-family:helvetica,arial,sans-serif}.at4win .at4win-content{position:relative;background:#fff;_height:440px;min-height:220px}.at4win .at4win-header{position:relative;border-bottom:1px solid #f2f2f2;background:#fff;height:49px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;cursor:default}.at4win .at4win-header .at-h3,.at4win .at4win-header h3{height:49px;line-height:49px;margin:0 50px 0 0;padding:1px 0 0;margin-left:20px;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:1pc;font-weight:700;text-shadow:0 1px #fff;color:#333}.at4win .at4win-header .at-h3 img,.at4win .at4win-header h3 img{display:inline-block;margin-right:4px}.at4win .at4win-header a.at4-close{display:block;position:absolute;top:0;right:0;background:url("data:image/gif;base64,R0lGODlhFAAUAIABAAAAAP///yH5BAEAAAEALAAAAAAUABQAAAIzBIKpG+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=") no-repeat center center;background-repeat:no-repeat;background-position:center center;border-left:1px solid #d2d2d1;width:40px;height:40px;line-height:49px;overflow:hidden;text-indent:-9999px;text-shadow:none;cursor:pointer;transition:opacity .15s ease-in;opacity:.5}.at4win .at4win-header a.at4-close:hover{opacity:1}.at4win .at4win-header a:hover{background-color:#ebeced;border-top-right-radius:7px}#at-cv-lightbox,.at-cv-lightbox-background{z-index:2099999999;top:0;right:0;left:0;bottom:0;position:fixed}#at-cv-lightbox.at-thankyou-shown,.at-thankyou-shown .at-cv-lightbox-background{position:fixed}#at-cv-lightbox-win{border-radius:0;width:80%;max-width:40pc;border:0}#at-cv-lightbox-header{border-bottom:0;height:40px}#at-cv-lightbox-close{color:#666;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;font-size:26px;line-height:40px;border-left:0;height:40px;opacity:1;background:none;_background:none;text-indent:0;z-index:2}#at-cv-lightbox-close:hover{opacity:.5;background-color:transparent}#at-cv-lightbox-content{min-height:0}#at-cv-lightbox-inner{position:fixed;width:100%;height:100%;top:10%;left:50%;margin-left:-50%;text-align:center;z-index:2100000000}#at-cv-lightbox-message-holder{padding:40px 10px 0;text-align:center;margin:0 0 40px}#at-cv-lightbox-message{background:none;border:none;margin:0;padding:0;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:49px;font-weight:700;color:#333;line-height:60px}#at-cv-lightbox-content .at-cv-goal-container{text-align:center;margin-bottom:70px}.at-cv-goal-container.traffic{padding:25px}#at-cv-lightbox .at-cv-button{font-size:25px;font-weight:500;color:#fff;margin:0 10px;text-decoration:none}#at-cv-lightbox .at-cv-lightbox-yesno{padding:22px 25px 27px;font-size:25px;line-height:25px;display:inline-block;text-align:center;min-width:200px;max-width:25pc;margin-bottom:10px}#at-cv-lightbox .at-cv-submit{-webkit-appearance:none;padding:0 25px;line-height:5pc;border:none;cursor:pointer;text-align:center}#at-cv-lightbox .at-cv-submit:focus{outline:0!important}.at-cv-input{display:inline-block;background-color:#fff;border:1px solid #d2d2d1;padding:0 8px;margin:0 10px 0 0;width:55%;height:5pc;line-height:5pc;text-align:left;font-size:22px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:#666}.lightboxField form{padding:0 60px 20px}.lightboxField .at-cv-input{width:100%;margin:0 0 20px}.lightboxField #at-cv-lightbox-submit{width:100%;margin:0}.at-email-disclosure{font-size:9pt;color:#d2d2d1;margin-top:10px}.at-email-disclosure a{color:#d2d2d1}.at-cv-footer{position:relative;padding:0;height:20px;line-height:20px;color:#666;font-size:11px;padding:5px 0}.at-cv-footer a{position:absolute;top:0;right:17px;text-decoration:none;color:#666;cursor:pointer;font-size:11px;font-family:helvetica neue,helvetica,arial,sans-serif;text-transform:none}.at-cv-footer .at-cv-footer-info{right:13px;top:-5px}#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-content .at-cv-goal-container{background:none}#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-content,#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-footer,#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-header,#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-message{background-image:none!important;background-color:transparent!important;color:#fff}#at-cv-lightbox.at-cv-with-image #at-cv-lightbox-close{color:#fff}#at-cv-lightbox.at-cv-with-image #image-darkener{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.3}#at-cv-lightbox.at-cv-with-image .at-cv-footer a{color:#fff}#at-cv-lightbox.at-cv-with-image .at-branding-info{border:1px solid #fff;color:#fff}#at-cv-lightbox.at-cv-with-image .at-cv-footer-info:hover{color:#0780df;border-color:#0780df}.at-cv-lightbox-layout-image{display:none}.at-center-layout-1 .at-cv-lightbox-layout-image{display:block;margin:auto;text-align:center;max-width:300px;min-height:75pt;max-height:600px;overflow:hidden}.at-center-layout-1 .at-cv-lightbox-image{max-width:300px}.at-center-layout-1 #at-cv-lightbox-message-holder{padding:30px 10px 0;margin:0 0 10px}.at-center-layout-1 #at-cv-lightbox-content .at-cv-goal-container{padding-top:20px;margin-bottom:20px}.at-center-layout-1 #at-cv-lightbox-message{font-size:26px;line-height:26px}.at-center-layout-1 .at-cv-input{height:55px;font-size:20px;line-height:40px;margin:0 0 10px}.at-center-layout-1 .at-cv-input:focus{outline:0}.at-center-layout-1 #at-cv-lightbox-input+#at-cv-lightbox-submit{padding:7px 15px 7px 10px;line-height:38px;height:55px;margin:0;font-size:20px}.at-center-layout-2 .at-cv-lightbox-layout-content,.at-center-layout-2 .at-cv-lightbox-layout-image{display:inline-block;vertical-align:top}.at-center-layout-2 .at-cv-lightbox-layout-image{width:40%;text-align:left;max-width:200px;min-width:200px;min-height:200px;margin:40px 20px 0 30px;overflow:hidden;text-align:center}.at-center-layout-2 .at-cv-lightbox-layout-content{width:56.5%;text-align:left;padding-top:40px;min-height:300px}.at-center-layout-2#at-cv-lightbox .at-cv-lightbox-yesno{min-width:175px;max-width:175px}.at-center-layout-2 .at-cv-lightbox-image{max-width:200px;max-height:600px;margin:auto}.at-center-layout-2 #at-cv-lightbox-content #at-cv-lightbox-button-holder{text-align:left}.at-center-layout-2 #at-cv-lightbox-message-holder{margin:0;padding:0;text-align:left}.at-center-layout-2 #at-cv-lightbox-message{padding-left:5px;min-height:129px;margin-bottom:10px;margin-right:5px}.at-center-layout-2 .at-cv-goal-container{padding-top:6px;margin-bottom:0}.at-center-layout-2 .at-resp-share-element{padding-top:7px;text-align:left;margin-bottom:0}.at-center-layout-2 .at-cv-input{width:15pc}.at-center-layout-2 #at-cv-lightbox-message{font-size:26px;line-height:26px}.at-center-layout-2 .at-cv-lightbox-button-holder{overflow:hidden}.at-center-layout-2 #at-cv-lightbox-yes-button{float:left}.at-center-layout-2 #at-cv-lightbox-no-button{float:right}.at-center-layout-2#at-cv-lightbox .at-cv-lightbox-yesno{padding:18px 20px 18px 15px;margin:0 10px 0 0}.at-center-layout-2#at-cv-lightbox .at-cv-lightbox-yesno:last-child{margin:0}.at-center-layout-2 #at-cv-lightbox .at-cv-button{font-size:23px}.at-center-layout-2 .at-cv-goal-container.traffic{padding:0}.at-center-layout-2 .at-cv-input{height:55px;font-size:20px;line-height:40px;margin:0 0 10px}.at-center-layout-2 .at-cv-input:focus{outline:0}.at-center-layout-2 #at-cv-lightbox-input+#at-cv-lightbox-submit{padding:7px 15px 7px 10px;line-height:38px;height:55px;margin:0;font-size:20px}.at-center-layout-2 .at-resp-share-element .at-icon-wrapper{padding:11px}.at-center-layout-2 #at-cv-lightbox .at-cv-lightbox-yesno{padding:18px 25px;font-size:22px;display:inline-block;text-align:center;overflow:hidden;word-wrap:break-word}.at-center-layout-2 .at-resp-share-element a .label{display:none}.at-center-layout-3 .at-cv-lightbox-layout-image{display:block;height:200px;overflow:hidden;margin-top:-40px;width:100%;background-repeat:no-repeat;background-position:0 0;background-size:cover}.at-center-layout-3 #at-cv-lightbox-content .at-cv-goal-container{padding-top:20px;margin-bottom:20px}.at-center-layout-3 #at-cv-lightbox-message-holder{padding:30px 10px 0;margin:0 0 10px}.at-center-layout-3 #at-cv-lightbox-close{color:#fff}.at-center-layout-3 #at-cv-lightbox-message{font-size:24px;line-height:24px}.at-center-layout-3 .at-cv-input{height:55px;font-size:20px;line-height:40px;margin:0 0 10px}.at-center-layout-3 .at-cv-input:focus{outline:0}.at-center-layout-3 #at-cv-lightbox-input+#at-cv-lightbox-submit{padding:7px 15px 7px 10px;line-height:38px;height:55px;margin:0;font-size:20px}.at-center-layout-4 .at4win-content{display:table}.at-center-layout-4 .at-cv-lightbox-layout-content,.at-center-layout-4 .at-cv-lightbox-layout-image{display:table-cell;vertical-align:middle;min-height:300px;margin-top:-40px;height:100%}.at-center-layout-4 .at-cv-lightbox-layout-image{width:40%;max-width:300px;max-height:900px;min-width:300px;background-repeat:no-repeat;background-position:0 0;background-size:cover;text-align:left;vertical-align:top;overflow:hidden;margin-bottom:-20px;padding-top:0}.at-center-layout-4 #at-cv-lightbox-header{height:0}.at-center-layout-4 .at-cv-footer{height:0;padding:0;line-height:0}.at-center-layout-4 .at-cv-footer a{top:-20px}.at-center-layout-4 .at-cv-lightbox-layout-content{width:58%;text-align:left;padding:60px 30px 55px 0}.at-center-layout-4 #at-cv-lightbox-message-holder{padding:0 10px 0 17px;text-align:left}.at-center-layout-4#at-cv-lightbox .at-cv-lightbox-yesno{padding:10px 15px 18px;font-size:20px;min-width:115px;max-width:115px;box-sizing:content-box}.at-center-layout-4 #at-cv-lightbox-content .at-cv-goal-container{text-align:left;margin-left:15px;margin-bottom:70px;width:100%}.at-center-layout-4 #at-cv-lightbox-message{font-size:26px;line-height:26px}.at-center-layout-4 .at-cv-lightbox-button-holder{overflow:hidden}.at-center-layout-4 #at-cv-lightbox-yes-button{float:left}.at-center-layout-4 #at-cv-lightbox-no-button{float:right}.at-center-layout-4#at-cv-lightbox .at-cv-lightbox-yesno{padding:18px 20px 18px 15px;margin:0 10px 0 0}.at-center-layout-4#at-cv-lightbox .at-cv-lightbox-yesno:last-child{margin:0}.at-center-layout-4 #at-cv-lightbox .at-cv-button{font-size:23px}.at-center-layout-4 .at-cv-goal-container.traffic{padding:0}.at-center-layout-4 .at-cv-input{height:55px;font-size:20px;line-height:40px;margin:0 0 10px}.at-center-layout-4 .at-cv-input:focus{outline:0}.at-center-layout-4 #at-cv-lightbox-input+#at-cv-lightbox-submit{padding:7px 15px 7px 10px;line-height:38px;height:55px;margin:0;font-size:20px}.at-center-layout-4 .at-resp-share-element .at-icon-wrapper{padding:11px}.at-center-layout-4 #at-cv-lightbox .at-cv-lightbox-yesno{padding:18px 25px;font-size:22px;display:inline-block;text-align:center;overflow:hidden;word-wrap:break-word}.at-center-layout-4 .at-resp-share-element a .label{display:none}@media only screen and (max-width:480px){#at-cv-lightbox-inner{width:100%;left:50%;margin-left:-50%}#at-cv-lightbox .at-cv-lightbox-yesno{display:block}#at-cv-lightbox-content .at-cv-goal-container .at-cv-button:first-child{margin-bottom:10px}.at-cv-lightbox *{-webkit-overflow-scrolling:touch}#at-cv-lightbox-win{border-radius:0;width:94%}.at-cv-lightbox #at-cv-lightbox-inner{top:3%;left:50%;width:100%;margin-left:-50%}#at-cv-lightbox-message-holder{margin:0;padding:20px 10px 0}#at-cv-lightbox-message{font-size:24px;line-height:27px}.at-cv-input{width:100%}#at-cv-lightbox .at-cv-button,.at-cv-input{display:block;margin:15px 0 0}#at-cv-lightbox .at-cv-lightbox-yesno{line-height:initial}#at-cv-lightbox .at-cv-submit{width:100%}#at-cv-lightbox .at-cv-lightbox-yesno{padding:9pt 9pt 13px 13px}#at-cv-lightbox-content .at-cv-goal-container{padding:25px 25px 0;margin-bottom:25px}.at-center-layout-1 .at-cv-input,.at-center-layout-2 .at-cv-input,.at-center-layout-3 .at-cv-input,.at-center-layout-4 .at-cv-input{width:100%;margin-bottom:10px}.at-center-layout-2 .at4win-content .at-cv-lightbox-layout-image{display:block;width:100%;min-height:auto;margin:auto}.at-center-layout-2 .at4win-content .at-cv-lightbox-layout-content{display:block;width:100%;padding-top:20px;min-height:auto}.at-center-layout-2 #at-cv-lightbox-message{min-height:0}.at-center-layout-2 .at4win-content #at-cv-lightbox-button-holder,.at-center-layout-2 .at4win-content #at-cv-lightbox-message-holder{text-align:center;overflow:hidden;max-width:340px;margin:auto;min-height:0}.at-center-layout-2#at-cv-lightbox .at4win-content .at-cv-lightbox-yesno{padding:18px 10px 18px 5px;font-size:20px;min-width:100%;max-width:100%}.at-center-layout-3 .at-cv-lightbox-image{max-width:380px}.at-center-layout-4 .at-cv-lightbox-layout-content{padding-right:2px}.at-center-layout-4 #at-cv-lightbox-button-holder{padding:0}.at-center-layout-4#at-cv-lightbox .at4win-content .at-cv-lightbox-yesno{margin:5px 0 0;display:block;padding:9pt;font-size:18px;width:100%;text-align:center;min-width:183px;max-width:183px}.at-center-layout-4 #at-cv-lightbox-message{font-size:17px;line-height:17px;margin-bottom:20px}.at-center-layout-4 .at4win-content .at-cv-lightbox-layout-image{max-width:125px;min-width:125px}.at-center-layout-4 .at-cv-lightbox-image{margin-left:-75pt}.at-center-layout-4 #at-cv-lightbox-button-holder{width:91%;text-align:center}.at-center-layout-4 .at-resp-share-element a{padding:10px}.at-center-layout-4 #at-cv-lightbox-content.at4win-content .at-cv-goal-container{margin-left:0;padding-left:17px}}@media only screen and (max-width:480px) and (orientation:landscape){#at-cv-lightbox-win{width:60%}#at-cv-lightbox-header{height:30px}#at-cv-lightbox-message{font-size:24px;line-height:24px}#at-cv-lightbox-message-holder{padding:10px 10px 0}#at-cv-lightbox-content .at-cv-goal-container{margin-bottom:10px;padding:15px 15px 0}#at-cv-lightbox .at-cv-lightbox-yesno{padding:15px}#at-cv-lightbox .at-cv-button{font-size:18px;line-height:20px;display:inline-block;padding:15px 10px}#at-cv-lightbox .at-cv-button:first-child{margin-right:5px}#at-cv-lightbox-input.at-cv-input{font-size:18px;line-height:18px;height:50px}.at-cv-share.addthis_32x32_style{width:98%;margin:auto}}@media only screen and (max-device-width:320px) and (orientation:portrait){#at-cv-lightbox-content .at-cv-goal-container{padding:15px;margin-bottom:15px}#at-cv-lightbox-input.at-cv-input{font-size:18px;line-height:18px;height:50px}#at-cv-lightbox .at-cv-button{font-size:18px;line-height:20px;padding:15px 10px}}@media only screen and (max-device-width:320px) and (orientation:landscape){.at-cv-input{margin:0}.at-cv-goal-container{padding:0}#at-cv-lightbox-message{font-size:18px;line-height:18px}#at-cv-lightbox .at-cv-button{margin:5px 0 0}#at-cv-lightbox .at-cv-share a{margin:0 2px}}</style><style type="text/css">.at-branding-logo{font-family:helvetica,arial,sans-serif;text-decoration:none;font-size:10px;display:inline-block;margin:2px 0;letter-spacing:.2px}.at-branding-logo .at-branding-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF////+GlNUkcc1QAAAB1JREFUeNpiYIQDBjQmAwMmkwEM0JnY1WIxFyDAABGeAFEudiZsAAAAAElFTkSuQmCC")}.at-branding-logo .at-branding-icon,.at-branding-logo .at-privacy-icon{display:inline-block;height:10px;width:10px;margin-left:4px;margin-right:3px;margin-bottom:-1px;background-repeat:no-repeat}.at-branding-logo .at-privacy-icon{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAMAAABR24SMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF8fr9ot/xXcfn2/P5AKva////////AKTWodjhjAAAAAd0Uk5T////////ABpLA0YAAAA6SURBVHjaJMzBDQAwCAJAQaj7b9xifV0kUKJ9ciWxlzWEWI5gMF65KUTv0VKkjVeTerqE/x7+9BVgAEXbAWI8QDcfAAAAAElFTkSuQmCC")}.at-branding-logo span{text-decoration:none}.at-branding-logo .at-branding-addthis,.at-branding-logo .at-branding-powered-by{color:#666}.at-branding-logo .at-branding-addthis:hover{color:#333}.at-cv-with-image .at-branding-addthis,.at-cv-with-image .at-branding-addthis:hover{color:#fff}a.at-branding-logo:visited{color:initial}.at-branding-info{display:inline-block;padding:0 5px;color:#666;border:1px solid #666;border-radius:50%;font-size:10px;line-height:9pt;opacity:.7;transition:all .3s ease;text-decoration:none}.at-branding-info span{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.at-branding-info:before{content:'i';font-family:Times New Roman}.at-branding-info:hover{color:#0780df;border-color:#0780df}@keyframes at-bottomCorner-animateIn{0%{opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%)}to{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%)}}@keyframes at-bottomCorner-animateOut{0%{opacity:1;transform:translateY(0%);-webkit-transform:translateY(0%)}to{opacity:0;transform:translateY(100%);-webkit-transform:translateY(100%)}}.at-bottomCorner-animateIn .at-cv-animated-toaster{animation-fill-mode:both;animation-name:at-bottomCorner-animateIn;animation-duration:.3s}.at-bottomCorner-animateOut .at-cv-animated-toaster{animation-fill-mode:both;animation-name:at-bottomCorner-animateOut;animation-duration:.3s}.at-bottomCorner-animateBefore .at-cv-animated-toaster{opacity:0;transform:translateY(100%);display:none}#at-cv-toaster.at-cv-mask{display:block;position:fixed;bottom:0;width:99%;height:0;z-index:1999999999}#at-cv-toaster.at-cv-with-image .at-cv-close,#at-cv-toaster.at-cv-with-image .at-cv-toaster-message{color:#fff}#at-cv-toaster.at-cv-with-image .at-cv-image-filter{position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:.3}#at-cv-toaster.at-cv-with-image .at-cv-footer a{color:#fff}#at-cv-toaster.at-cv-with-image .at-branding-info{border:1px solid #fff;color:#fff}#at-cv-toaster.at-cv-with-image .at-cv-footer-info:hover{color:#0780df;border-color:#0780df}#at-cv-toaster .at-cv-toaster-win{position:relative;margin:0 auto;width:25pc;z-index:2000000000;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);font-family:helvetica neue,helvetica,arial,sans-serif;text-align:left;background-position:center 0;background-size:cover;background-repeat:no-repeat}#at-cv-toaster .at-cv-toaster-inner{position:absolute;bottom:10px;z-index:1999999999}#at-cv-toaster .at-cv-toaster-bottomLeft{left:10px}#at-cv-toaster .at-cv-toaster-bottomRight{right:10px}#at-cv-toaster .at-cv-head{position:relative;background:none;border-bottom:0;height:40px}#at-cv-toaster .at-cv-close,#at-cv-toaster .at-cv-close:hover{position:absolute;height:40px;line-height:40px;color:#666;cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-decoration:none;text-align:center;font-size:26px;background:none;text-indent:0}#at-cv-toaster .at-cv-close-end{right:10px}#at-cv-toaster .at-cv-body{position:relative;margin:auto;padding:30px 0 50px;width:92%}#at-cv-toaster .at-cv-message{margin-bottom:35px;padding:0;background:none;border:none;color:#333;font-weight:700;text-align:center}#at-cv-toaster .at-cv-goal-container{text-align:center}#at-cv-toaster .at-email-disclosure{font-size:9pt;color:#d2d2d1;margin-top:10px}#at-cv-toaster .at-email-disclosure a{color:#d2d2d1}#at-cv-toaster .at-cv-footer{position:relative;padding:0;height:20px;line-height:20px;font-size:11px}#at-cv-toaster .at-cv-footer a{position:absolute;top:0;right:13px;text-decoration:none;color:#666;cursor:pointer;font-size:11px;font-family:helvetica neue,helvetica,arial,sans-serif;text-transform:none}#at-cv-toaster .at-cv-footer .at-branding-info{right:11px}#at-cv-toaster .at-cv-input{display:inline-block;height:40px;line-height:40px;padding:0 10px;margin-right:5px;box-sizing:border-box;background:#fff;border:1px solid #d2d2d1;outline:0;font-size:18px;color:#333;width:100%;box-shadow:inset 0 1px 2px rgba(0,0,0,.1)}#at-cv-toaster input[type*=email]{margin-bottom:10px;box-sizing:border-box}#at-cv-toaster input[type*=email]+.at-cv-button{width:100%}#at-cv-toaster .at-cv-button,#at-cv-toaster .at-cv-button:hover,#at-cv-toaster .at-cv-button:visited{position:relative;display:inline-block;box-sizing:border-box;min-height:50px;padding:13px 0;color:#fff;cursor:pointer;font-size:18px;border:1px solid transparent;text-align:center;text-decoration:none}#at-cv-toaster .at-cv-share a{display:inline-block;margin:0 2px 5px;padding:5px;text-decoration:none;text-transform:none;color:#fff;cursor:pointer}#at-cv-toaster .at-cv-share a .at-icon-wrapper{padding:5px}#at-cv-toaster .at-cv-share .label{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;height:1px;width:1px;overflow:hidden}#at-cv-toaster .at-cv-toaster-message{font-size:24px;line-height:24px}#at-cv-toaster .at-cv-toaster-small-button{width:48%}#at-cv-toaster .at-cv-prompt .at-cv-toaster-small-button:first-child{margin-right:5px}@media only screen and (max-width:480px){#at-cv-toaster .at-cv-toaster-win{width:98%}#at-cv-toaster .at-cv-toaster-inner{left:1%;width:98%}}@media only screen and (max-width:480px) and (orientation:landscape){#at-cv-toaster .at-cv-body{padding:10px 0 30px}#at-cv-toaster .at-cv-toaster-bottomLeft.at-cv-toaster-inner{width:50%;left:1%;right:auto}#at-cv-toaster .at-cv-toaster-bottomLeft .at-cv-toaster-win{width:100%;left:1%;right:auto}#at-cv-toaster .at-cv-toaster-bottomRight.at-cv-toaster-inner{width:50%;left:auto;right:1%}#at-cv-toaster .at-cv-toaster-bottomRight .at-cv-toaster-win{width:100%;left:auto;right:1%}}</style><style type="text/css">@keyframes at-topBottom-bot-animateIn{0%{opacity:0}to{opacity:1}}@keyframes at-topBottom-bot-animateOut{0%{transform:translateY(0);-webkit-transform:translateY(0%)}to{transform:translateY(100%);-webkit-transform:translateY(100%)}}@keyframes at-topBottom-top-animateOut{0%{visibility:visible;transform:translateY(0%);-webkit-transform:translateY(0%);min-height:60px}to{visibility:hidden;transform:translateY(-100%);-webkit-transform:translateY(-100%);min-height:0}}@keyframes at-topBottom-top-animateIn{0%{opacity:0}to{opacity:1}}.addthis_bar{min-height:60px;width:100%;margin:0;padding:0;font-family:helvetica neue,helvetica,arial,sans-serif;visibility:visible;z-index:1900000000}.addthis_bar * :after,.addthis_bar :before{box-sizing:border-box}.addthis_bar form{display:inline-block;margin:0;padding:0}.addthis_bar.addthis_bar_fixed{position:fixed;top:0;left:0;right:0;zoom:1}.addthis_bar.at-topBottom-animateBefore{display:none;min-height:0}.addthis_bar .addthis_bar_logo_container{position:absolute;top:calc(50% - 8px);left:20px;cursor:pointer}.addthis_bar .addthis_bar_logo{display:block;width:18px;height:18px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAQAAAD8x0bcAAAAKUlEQVQoz2NgYPhPADAQVgJWRjtFDFicMDCKGHAA0hUNRt/RLYKJSXQAxKUt7wulqgIAAAAASUVORK5CYII=);background-position:center;background-repeat:no-repeat;margin:0 auto;cursor:pointer;opacity:.5;transition:all .2s ease}.addthis_bar .addthis_bar_logo:hover{opacity:1}.addthis_bar .addthis_bar_x_container{position:absolute;top:calc(50% - 10px);right:20px;margin:0;padding:0}.addthis_bar .addthis_bar_x{background:none;width:1pc;height:20px;margin:0;padding:0;cursor:pointer;opacity:.5;transition:all .2s ease}.addthis_bar .addthis_bar_x:after,.addthis_bar .addthis_bar_x:before{content:'';display:block;width:17px;height:2px;margin:0;padding:0;background:transparent;position:absolute;z-index:-1;transition:all .3s}.addthis_bar .addthis_bar_x:before{top:9px;left:-1px;background:#fff;transform:rotate(-45deg)}.addthis_bar .addthis_bar_x:after{top:9px;left:-1px;background:#fff;transform:rotate(45deg)}.addthis_bar .addthis_bar_x:hover{opacity:1;z-index:1}.addthis_bar .addthis_bar_message{display:inline-block;color:#fff;padding-right:15px;cursor:default;font-weight:300;font-size:1pc;line-height:normal}.addthis_bar .at-email-disclosure{font-size:9pt}.addthis_bar .at-email-disclosure a{color:#fff;font-weight:700}.addthis_bar .welcome-inner-container{position:relative;text-align:center;text-rendering:optimizespeed}.addthis_bar .welcome-inner-container .addthis_bar_p{position:relative;margin:auto;width:95%;padding-top:13px}.addthis_bar .at-cv-input{width:185px;margin-right:5px;margin-bottom:10px;background:#fff;border:none;border-radius:3px;color:#333}.addthis_bar .at-cv-button,.addthis_bar .at-cv-input{display:inline-block;height:2pc;line-height:2pc;padding:0 10px;outline:0;font-size:14px}.addthis_bar .at-cv-button{position:relative;top:-1px;background:transparent;border-radius:4px;border:1px solid #fff;color:#fff;font-weight:300;cursor:pointer;text-decoration:none}.addthis_bar input[type=email]+.at-cv-button{top:1px}.addthis_bar .at-goal-container{display:inline-block}.addthis_bar.addthis_bar_bottom{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:200px}.addthis_bar.addthis_bar_bottom.at-topBottom-animateIn{animation-fill-mode:both;animation-name:at-topBottom-bot-animateIn;animation-duration:.3s}.addthis_bar.addthis_bar_bottom.at-topBottom-animateOut{animation-fill-mode:both;animation-name:at-topBottom-bot-animateOut;animation-duration:.3s}.addthis_bar.addthis_bar_bottom .at-cv-button{top:0}.addthis_bar.addthis_bar_bottom_jumbo{position:fixed;top:auto;bottom:0;left:0;right:0;max-height:200px}.addthis_bar.addthis_bar_bottom_jumbo.at-topBottom-animateIn{animation-fill-mode:both;animation-name:at-topBottom-bot-animateIn;animation-duration:.3s}.addthis_bar.addthis_bar_bottom_jumbo.at-topBottom-animateOut{animation-fill-mode:both;animation-name:at-topBottom-bot-animateOut;animation-duration:.3s}.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_x{width:20px;top:50%}.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_x:after,.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_x:before{width:24px}.addthis_bar.addthis_bar_bottom_jumbo .at-goal-container{padding-top:20px}.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_p{padding-top:47px;padding-bottom:47px}.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_message{display:block;font-size:1.5em;line-height:1.5em;padding-right:0}.addthis_bar.addthis_bar_bottom_jumbo .at-wmb-email{text-align:center}.addthis_bar.addthis_bar_bottom_jumbo .at-cv-input{min-width:300px;height:3pc;line-height:3pc;font-size:18px;border-radius:5px}.addthis_bar.addthis_bar_bottom_jumbo .at-cv-button{top:1px;height:3pc;line-height:3pc;font-size:18px;padding:0 20px;border-radius:5px}.addthis_bar.addthis_bar_bottom_jumbo .at-goal-container{display:block}.addthis_bar.addthis_bar_top.at-topBottom-animateIn{animation-fill-mode:both;animation-name:at-topBottom-top-animateIn;animation-duration:.3s}.addthis_bar.addthis_bar_top.at-topBottom-animateOut{animation-fill-mode:both;animation-name:at-topBottom-top-animateOut;animation-duration:.3s}.at4-welcome-hide .addthis_bar.addthis_bar_fixed{visibility:hidden;transform:translateY(-100%)}@media only screen and (max-width:480px){.addthis_bar{min-height:85px}.addthis_bar form{display:block;padding-bottom:5px}.addthis_bar form input[type=email],.addthis_bar form input[type=text]{display:block;width:100%;height:28px;line-height:28px}.addthis_bar .addthis_bar_message{display:block;width:72%;margin:auto;padding-right:0}.addthis_bar .at-goal-container{display:block;width:72%;margin:10px auto;display:inline-block}.addthis_bar #at-wmb-goal-submit{display:block;margin:auto}.addthis_bar.addthis_bar_bottom .at-cv-input,.addthis_bar.addthis_bar_top .at-cv-input{width:70%;display:inline-block;height:2pc;line-height:2pc}.addthis_bar.addthis_bar_bottom_jumbo .at-goal-container{padding-top:0}.addthis_bar.addthis_bar_bottom_jumbo .at-cv-input{min-width:50px;width:100%;font-size:18px;line-height:18px;height:40px}.addthis_bar.addthis_bar_bottom_jumbo input[type=email]+.at-cv-button{width:100%;margin-top:10px}.addthis_bar.at-cv-goal-email .addthis_bar_p{padding-top:10px}.addthis_bar .addthis_bar_logo_container{top:9px;left:8px}.addthis_bar .addthis_bar_x_container{top:10px;right:8px}}@media only screen and (max-width:480px) and (orientation:landscape){.addthis_bar.addthis_bar_bottom_jumbo .welcome-inner-container .addthis_bar_p{padding-top:25px;padding-bottom:25px}.addthis_bar.addthis_bar_bottom_jumbo .addthis_bar_message{font-size:1.3em;line-height:1.3em}.addthis_bar.addthis_bar_bottom_jumbo .at-cv-button,.addthis_bar.addthis_bar_bottom_jumbo .at-cv-input{height:38px;line-height:38px}}@media only screen and (max-width:320px){.addthis_bar.addthis_bar_bottom #at-cv-lightbox-input,.addthis_bar.addthis_bar_top #at-cv-lightbox-input{width:100%}.addthis_bar .at-cv-submit{width:100%;height:50px;line-height:52px}}</style><style type="text/css">.at-share-dock.atss{top:auto;left:0;right:0;bottom:0;width:100%;max-width:100%;z-index:1000200;box-shadow:0 0 1px 1px #e2dfe2}.at-share-dock.at-share-dock-zindex-hide{z-index:-1!important}.at-share-dock.atss-top{bottom:auto;top:0}.at-share-dock a{width:auto;transition:none;color:#fff;text-decoration:none;box-sizing:content-box;-webkit-box-sizing:content-box;-moz-box-sizing:content-box}.at-share-dock a:hover{width:auto}.at-share-dock .at4-count{height:43px;padding:5px 0 0;line-height:20px;background:#fff;font-family:Helvetica neue,arial}.at-share-dock .at4-count span{width:100%}.at-share-dock .at4-count .at4-share-label{color:#848484;font-size:10px;letter-spacing:1px}.at-share-dock .at4-count .at4-counter{top:2px;position:relative;display:block;color:#222;font-size:22px}.at-share-dock.at-shfs-medium .at4-count{height:36px;line-height:1pc;padding-top:4px}.at-share-dock.at-shfs-medium .at4-count .at4-counter{font-size:18px}.at-share-dock.at-shfs-medium .at-share-btn .at-icon-wrapper,.at-share-dock.at-shfs-medium a .at-icon-wrapper{padding:6px 0}.at-share-dock.at-shfs-small .at4-count{height:26px;line-height:1;padding-top:3px}.at-share-dock.at-shfs-small .at4-count .at4-share-label{font-size:8px}.at-share-dock.at-shfs-small .at4-count .at4-counter{font-size:14px}.at-share-dock.at-shfs-small .at-share-btn .at-icon-wrapper,.at-share-dock.at-shfs-small a .at-icon-wrapper{padding:4px 0}</style><style type="text/css">div.at-share-close-control.ats-dark,div.at-share-open-control-left.ats-dark,div.at-share-open-control-right.ats-dark{background:#262b30}div.at-share-close-control.ats-light,div.at-share-open-control-left.ats-light,div.at-share-open-control-right.ats-light{background:#fff}div.at-share-close-control.ats-gray,div.at-share-open-control-left.ats-gray,div.at-share-open-control-right.ats-gray{background:#f2f2f2}.atss{position:fixed;top:20%;width:3pc;z-index:100020;background:none}.at-share-close-control{position:relative;width:3pc;overflow:auto}.at-share-open-control-left{position:fixed;top:20%;z-index:100020;left:0;width:22px}.at-share-close-control .at4-arrow.at-left{float:right}.atss-left{left:0;float:left;right:auto}.atss-right{left:auto;float:right;right:0}.atss-right.at-share-close-control .at4-arrow.at-right{position:relative;right:0;overflow:auto}.atss-right.at-share-close-control .at4-arrow{float:left}.at-share-open-control-right{position:fixed;top:20%;z-index:100020;right:0;width:22px;float:right}.atss-right .at-share-close-control .at4-arrow{float:left}.atss.atss-right a{float:right}.atss.atss-right .at4-share-title{float:right;overflow:hidden}.atss .at-share-btn,.atss a{position:relative;display:block;width:3pc;margin:0;outline-offset:-1px;text-align:center;float:left;transition:width .15s ease-in-out;overflow:hidden;background:#e8e8e8;z-index:100030;cursor:pointer}.at-share-btn::-moz-focus-inner{border:0;padding:0}.atss-right .at-share-btn{float:right}.atss .at-share-btn{border:0;padding:0}.atss .at-share-btn:focus,.atss .at-share-btn:hover,.atss a:focus,.atss a:hover{width:4pc}.atss .at-share-btn .at-icon-wrapper,.atss a .at-icon-wrapper{display:block;padding:8px 0}.atss .at-share-btn:last-child,.atss a:last-child{border:none}.atss .at-share-btn span .at-icon,.atss a span .at-icon{position:relative;top:0;left:0;display:block;background-repeat:no-repeat;background-position:50% 50%;width:2pc;height:2pc;line-height:2pc;border:none;padding:0;margin:0 auto;overflow:hidden;cursor:pointer;cursor:hand}.at4-share .at-custom-sidebar-counter{font-family:Helvetica neue,arial;vertical-align:top;margin-right:4px;display:inline-block;text-align:center}.at4-share .at-custom-sidebar-count{font-size:17px;line-height:1.25em;color:#222}.at4-share .at-custom-sidebar-text{font-size:9px;line-height:1.25em;color:#888;letter-spacing:1px}.at4-share .at4-share-count-container{position:absolute;left:0;right:auto;top:auto;bottom:0;width:100%;color:#fff;background:inherit}.at4-share .at4-share-count,.at4-share .at4-share-count-container{line-height:1pc;font-size:10px}.at4-share .at4-share-count{text-indent:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:200;width:100%;height:1pc}.at4-share .at4-share-count-anchor{padding-bottom:8px;text-decoration:none;transition:padding .15s ease-in-out .15s,width .15s ease-in-out}</style><style type="text/css">#at4-drawer-outer-container{top:0;width:20pc;position:fixed}#at4-drawer-outer-container.at4-drawer-inline{position:relative}#at4-drawer-outer-container.at4-drawer-inline.at4-drawer-right{float:right;right:0;left:auto}#at4-drawer-outer-container.at4-drawer-inline.at4-drawer-left{float:left;left:0;right:auto}#at4-drawer-outer-container.at4-drawer-shown,#at4-drawer-outer-container.at4-drawer-shown *{z-index:999999}#at4-drawer-outer-container,#at4-drawer-outer-container .at4-drawer-outer,#at-drawer{height:100%;overflow-y:auto;overflow-x:hidden}.at4-drawer-push-content-right-back{position:relative;right:0}.at4-drawer-push-content-right{position:relative;left:20pc!important}.at4-drawer-push-content-left-back{position:relative;left:0}.at4-drawer-push-content-left{position:relative;right:20pc!important}#at4-drawer-outer-container.at4-drawer-right{left:auto;right:-20pc}#at4-drawer-outer-container.at4-drawer-left{right:auto;left:-20pc}#at4-drawer-outer-container.at4-drawer-shown.at4-drawer-right{left:auto;right:0}#at4-drawer-outer-container.at4-drawer-shown.at4-drawer-left{right:auto;left:0}#at-drawer{top:0;z-index:9999999;height:100%;animation-duration:.4s}#at-drawer.drawer-push.at-right{right:-20pc}#at-drawer.drawer-push.at-left{left:-20pc}#at-drawer .at-recommended-label{padding:0 0 0 20px;color:#999;line-height:3pc;font-size:18px;font-weight:300;cursor:default}#at-drawer-arrow{width:30px;height:5pc}#at-drawer-arrow.ats-dark{background:#262b30}#at-drawer-arrow.ats-gray{background:#f2f2f2}#at-drawer-open-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAABcCAYAAAC1OT8uAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3ODNCQjdERUQ3QjExRTM5NjFGRUZBODc3MTIwMTNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjk3ODNCQjdFRUQ3QjExRTM5NjFGRUZBODc3MTIwMTNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTc4M0JCN0JFRDdCMTFFMzk2MUZFRkE4NzcxMjAxM0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTc4M0JCN0NFRDdCMTFFMzk2MUZFRkE4NzcxMjAxM0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7kstzCAAAB4ElEQVR42uyWv0oDQRDGb9dYimgVjliID2Ca9AGfwtZob2Grja1PIFj7EhGCYK99VPBPOkVMp8X5rc6FeN7dfjOksMjAxwXZ3667OzvfLKRr682l5ZV9aDh+fxsnRHhoDzqGLjFBi4XOoFtoAxowoB893o/w7WpAl/+QgQMBwwRdTPhUC2lAV/wDA7qy5WOgq9psHejqTqkKdLE7KYCv0JZjMgBgB58raBG6mP1K6j2pT099T+qMUOeeOss1wDcEIA1PnQXy576rAUI0oFMoC7VCnn40Gs8Pd4lAiXNUKmJ0lh1mPzGEWiyUCqAGW3Pwv4IvUJsFO9CHgP3Zr6Te0xwgAf3LxaAjS241pbikCRkOg+nSJdV4p8HOPl3vvRYI5dtrgVDvvcWovcWovcWovcWovcWovcWovQChWNywNpqvdAKtQp/QNmPUIQ6kwwqt2Xmsxf6GMPM1Pptsbz45CPmXqKb+15Gz4J/LZcDSNIqBlQlbB0afe1mmUDWiCNKFZRq0VKMeXY1CTDq2sJLWsCmoaBBRqNRR6qBKC6qCaj2rDIqaXBGiXHEaom00h1S+K3fVlr6HNuqgvgCh0+owt21bybQn8+mZ78mcEebcM2e5+T2ZX24ZqCph0qn1vgQYAJ/KDpLQr2tPAAAAAElFTkSuQmCC);background-repeat:no-repeat;width:13px;height:23px;margin:28px 0 0 8px}.at-left #at-drawer-open-arrow{background-position:0 -46px}.ats-dark #at-drawer-open-arrow{background-position:0 -23px}.ats-dark.at-left #at-drawer-open-arrow{background-position:0 -69px}#at-drawer-arrow.at4-drawer-modern-browsers{position:fixed;top:40%;background-repeat:no-repeat;background-position:0 0!important;z-index:9999999}.at4-drawer-inline #at-drawer-arrow{position:absolute}#at-drawer-arrow.at4-drawer-modern-browsers.at-right{right:0}#at-drawer-arrow.at4-drawer-modern-browsers.at-left{left:0}.at4-drawer-push-animation-left{transition:left .4s ease-in-out .15s}.at4-drawer-push-animation-right{transition:right .4s ease-in-out .15s}#at-drawer.drawer-push.at4-drawer-push-animation-right{right:0}#at-drawer.drawer-push.at4-drawer-push-animation-right-back{right:-20pc!important}#at-drawer.drawer-push.at4-drawer-push-animation-left{left:0}#at-drawer.drawer-push.at4-drawer-push-animation-left-back{left:-20pc!important}#at-drawer .at4-closebutton.drawer-close{content:'X';color:#999;display:block;position:absolute;margin:0;top:0;right:0;width:3pc;height:45px;line-height:45px;overflow:hidden;opacity:.5}#at-drawer.ats-dark .at4-closebutton.drawer-close{color:#fff}#at-drawer .at4-closebutton.drawer-close:hover{opacity:1}#at-drawer.ats-dark.at4-recommended .at4-logo-container a{color:#666}#at-drawer.at4-recommended .at4-recommended-vertical{padding:0}#at-drawer.at4-recommended .at4-recommended-item .sponsored-label{margin:2px 0 0 21px;color:#ddd}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item{position:relative;padding:0;width:20pc;height:180px;margin:0}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img a:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);z-index:1000000;transition:all .2s ease-in-out}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item.at-hover .at4-recommended-item-img a:after{background:rgba(0,0,0,.8)}#at-drawer .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img,#at-drawer .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img a,#at-drawer .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img img{width:20pc;height:180px;float:none}#at-drawer .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption{width:100%;position:absolute;bottom:0;left:0;height:70px}#at-drawer .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption .at-h4{color:#fff;position:absolute;height:52px;top:0;left:20px;right:20px;margin:0;padding:0;line-height:25px;font-size:20px;font-weight:600;z-index:1000001;text-decoration:none;text-transform:none}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption .at-h4 a:hover{text-decoration:none}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption .at-h4 a:link{color:#fff}#at-drawer.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption small{position:absolute;top:auto;bottom:10px;left:20px;width:auto;color:#ccc}#at-drawer.at4-recommended .at4-logo-container{margin-left:20px}#at-drawer.ats-dark.at4-recommended .at4-logo-container a:hover{color:#fff}#at-drawer.at4-recommended .at-logo{margin:0}</style><style type="text/css">.at4-follow.at-mobile{display:none!important}.at4-follow{position:fixed;top:0;right:0;font-weight:400;color:#666;cursor:default;z-index:10001}.at4-follow .at4-follow-inner{position:relative;padding:10px 24px 10px 15px}.at4-follow-inner,.at-follow-open-control{border:0 solid #c5c5c5;border-width:1px 0 1px 1px;margin-top:-1px}.at4-follow .at4-follow-container{margin-left:9pt}.at4-follow.at4-follow-24 .at4-follow-container{height:24px;line-height:23px;font-size:13px}.at4-follow.at4-follow-32 .at4-follow-container{width:15pc;height:2pc;line-height:2pc;font-size:14px}.at4-follow .at4-follow-container .at-follow-label{display:inline-block;height:24px;line-height:24px;margin-right:10px;padding:0;cursor:default;float:left}.at4-follow .at4-follow-container .at-icon-wrapper{height:24px;width:24px}.at4-follow.ats-transparent .at4-follow-inner,.at-follow-open-control.ats-transparent{border-color:transparent}.at4-follow.ats-dark .at4-follow-inner,.at-follow-open-control.ats-dark{background:#262b30;border-color:#000;color:#fff}.at4-follow.ats-dark .at-follow-close-control{background-color:#262b30}.at4-follow.ats-light .at4-follow-inner{background:#fff;border-color:#c5c5c5}.at4-follow.ats-gray .at4-follow-inner,.at-follow-open-control.ats-gray{background:#f2f2f2;border-color:#c5c5c5}.at4-follow.ats-light .at4-follow-close-control,.at-follow-open-control.ats-light{background:#e5e5e5}.at4-follow .at4-follow-inner .at4-follow-close-control{position:absolute;top:0;bottom:0;left:0;width:20px;cursor:pointer;display:none}.at4-follow .at4-follow-inner .at4-follow-close-control div{display:block;line-height:20px;text-indent:-9999em;margin-top:calc(50% + 1px);overflow:hidden}.at-follow-open-control div.at4-arrow.at-left{background-position:0 -2px}.at-follow-open-control{position:fixed;height:35px;top:0;right:0;padding-top:10px;z-index:10002}.at-follow-btn{margin:0 5px 5px 0;padding:0;outline-offset:-1px;display:inline-block;box-sizing:content-box;transition:all .2s ease-in-out}.at-follow-btn:focus,.at-follow-btn:hover{transform:translateY(-4px)}.at4-follow-24 .at-follow-btn{height:25px;line-height:0;width:25px}</style><style type="text/css">.at-follow-tbx-element .at300b,.at-follow-tbx-element .at300m{display:inline-block;width:auto;padding:0;margin:0 2px 5px;outline-offset:-1px;transition:all .2s ease-in-out}.at-follow-tbx-element .at300b:focus,.at-follow-tbx-element .at300b:hover,.at-follow-tbx-element .at300m:focus,.at-follow-tbx-element .at300m:hover{transform:translateY(-4px)}.at-follow-tbx-element .addthis_vertical_style .at300b,.at-follow-tbx-element .addthis_vertical_style .at300m{display:block}.at-follow-tbx-element .addthis_vertical_style .at300b .addthis_follow_label,.at-follow-tbx-element .addthis_vertical_style .at300b .at-icon-wrapper,.at-follow-tbx-element .addthis_vertical_style .at300m .addthis_follow_label,.at-follow-tbx-element .addthis_vertical_style .at300m .at-icon-wrapper{display:inline-block;vertical-align:middle;margin-right:5px}.at-follow-tbx-element .addthis_vertical_style .at300b:focus,.at-follow-tbx-element .addthis_vertical_style .at300b:hover,.at-follow-tbx-element .addthis_vertical_style .at300m:focus,.at-follow-tbx-element .addthis_vertical_style .at300m:hover{transform:none}</style><style type="text/css">.at4-jumboshare .at-share-btn{display:inline-block;margin-right:13px;margin-top:13px}.at4-jumboshare .at-share-btn .at-icon{float:left}.at4-jumboshare .at-share-btn .at300bs{display:inline-block;float:left;cursor:pointer}.at4-jumboshare .at4-mobile .at-share-btn .at-icon,.at4-jumboshare .at4-mobile .at-share-btn .at-icon-wrapper{margin:0;padding:0}.at4-jumboshare .at4-mobile .at-share-btn{padding:0}.at4-jumboshare .at4-mobile .at-share-btn .at-label{display:none}.at4-jumboshare .at4-count{font-size:60px;line-height:60px;font-family:Helvetica neue,arial;font-weight:700}.at4-jumboshare .at4-count-container{display:table-cell;text-align:center;min-width:200px;vertical-align:middle;border-right:1px solid #ccc;padding-right:20px}.at4-jumboshare .at4-share-container{display:table-cell;vertical-align:middle;padding-left:20px}.at4-jumboshare .at4-share-container.at-share-tbx-element{padding-top:0}.at4-jumboshare .at4-title{position:relative;font-size:18px;line-height:18px;bottom:2px}.at4-jumboshare .at4-spacer{height:1px;display:block;visibility:hidden;opacity:0}.at4-jumboshare .at-share-btn{display:inline-block;margin:0 2px;line-height:0;padding:0;overflow:hidden;text-decoration:none;text-transform:none;color:#fff;cursor:pointer;transition:all .2s ease-in-out;border:0;background-color:transparent}.at4-jumboshare .at-share-btn:focus,.at4-jumboshare .at-share-btn:hover{transform:translateY(-4px);color:#fff;text-decoration:none}.at4-jumboshare .at-label{font-family:helvetica neue,helvetica,arial,sans-serif;font-size:9pt;padding:0 15px 0 0;margin:0;height:2pc;line-height:2pc;background:none}.at4-jumboshare .at-share-btn:hover,.at4-jumboshare .at-share-btn:link{text-decoration:none}.at4-jumboshare .at-share-btn::-moz-focus-inner{border:0;padding:0}.at4-jumboshare.at-mobile .at-label{display:none}</style><style type="text/css">.at4-recommendedbox-outer-container{display:inline}.at4-recommended-outer{position:static}.at4-recommended{top:20%;margin:0;text-align:center;font-weight:400;font-size:13px;line-height:17px;color:#666}.at4-recommended.at-inline .at4-recommended-horizontal{text-align:left}.at4-recommended-recommendedbox{padding:0;z-index:inherit}.at4-recommended-recommended{padding:40px 0}.at4-recommended-horizontal{max-height:340px}.at4-recommended.at-medium .at4-recommended-horizontal{max-height:15pc}.at4-recommended.at4-minimal.at-medium .at4-recommended-horizontal{padding-top:10px;max-height:230px}.at4-recommended-text-only .at4-recommended-horizontal{max-height:130px}.at4-recommended-horizontal{padding-top:5px;overflow-y:hidden}.at4-minimal{background:none;color:#000;border:none!important;box-shadow:none!important}@media screen and (max-width:900px){.at4-recommended-horizontal .at4-recommended-item,.at4-recommended-horizontal .at4-recommended-item .at4-recommended-item-img{width:15pc}}.at4-recommended.at4-minimal .at4-recommended-horizontal .at4-recommended-item .at4-recommended-item-caption{padding:0 0 10px}.at4-recommended.at4-minimal .at4-recommended-horizontal .at4-recommended-item-caption{padding:20px 0 0!important}.addthis-smartlayers .at4-recommended .at-h3.at-recommended-label{margin:0;padding:0;font-weight:300;font-size:18px;line-height:24px;color:#464646;width:100%;display:inline-block;zoom:1}.addthis-smartlayers .at4-recommended.at-inline .at-h3.at-recommended-label{text-align:left}#at4-thankyou .addthis-smartlayers .at4-recommended.at-inline .at-h3.at-recommended-label{text-align:center}.at4-recommended .at4-recommended-item{display:inline-block;zoom:1;position:relative;background:#fff;border:1px solid #c5c5c5;width:200px;margin:10px}.addthis_recommended_horizontal .at4-recommended-item{border:none}.at4-recommended .at4-recommended-item .sponsored-label{color:#666;font-size:9px;position:absolute;top:-20px}.at4-recommended .at4-recommended-item-img .at-tli,.at4-recommended .at4-recommended-item-img a{position:absolute;left:0}.at4-recommended.at-inline .at4-recommended-horizontal .at4-recommended-item{margin:10px 20px 0 0}.at4-recommended.at-medium .at4-recommended-horizontal .at4-recommended-item{margin:10px 10px 0 0}.at4-recommended.at-medium .at4-recommended-item{width:140px;overflow:hidden}.at4-recommended .at4-recommended-item .at4-recommended-item-img{position:relative;text-align:center;width:100%;height:200px;line-height:0;overflow:hidden}.at4-recommended .at4-recommended-item .at4-recommended-item-img a{display:block;width:100%;height:200px}.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-img,.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-img a{height:140px}.at4-recommended .at4-recommended-item .at4-recommended-item-img img{position:absolute;top:0;left:0;min-height:0;min-width:0;max-height:none;max-width:none;margin:0;padding:0}.at4-recommended .at4-recommended-item .at4-recommended-item-caption{height:74px;overflow:hidden;padding:20px;text-align:left;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-caption{height:50px;padding:15px}.at4-recommended .at4-recommended-item .at4-recommended-item-caption .at-h4{height:54px;margin:0 0 5px;padding:0;overflow:hidden;word-wrap:break-word;font-size:14px;font-weight:400;line-height:18px;text-align:left}.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-caption .at-h4{font-size:9pt;line-height:1pc;height:33px}.at4-recommended .at4-recommended-item:hover .at4-recommended-item-caption .at-h4{text-decoration:underline}.at4-recommended a:link,.at4-recommended a:visited{text-decoration:none;color:#464646}.at4-recommended .at4-recommended-item .at4-recommended-item-caption .at-h4 a:hover{text-decoration:underline;color:#000}.at4-recommended .at4-recommended-item .at4-recommended-item-caption small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;color:#666}.at4-recommended.at-medium .at4-recommended-item .at4-recommended-item-caption small{font-size:9px}.at4-recommended .at4-recommended-vertical{padding:15px 0 0}.at4-recommended .at4-recommended-vertical .at4-recommended-item{display:block;width:auto;max-width:100%;height:60px;border:none;margin:0 0 15px;box-shadow:none;background:none}.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img,.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-img img{width:60px;height:60px;float:left}.at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption{border-top:none;margin:0;height:60px;padding:3px 5px}.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption .at-h4{height:38px;margin:0}.at4-recommended .at4-recommended-vertical .at4-recommended-item .at4-recommended-item-caption small{position:absolute;bottom:0}.at4-recommended .at-recommended-label.at-vertical{text-align:left}.at4-no-image-light-recommended,.at4-no-image-minimal-recommended{background-color:#f2f2f2!important}.at4-no-image-gray-recommended{background-color:#e6e6e5!important}.at4-no-image-dark-recommended{background-color:#4e555e!important}.at4-recommended .at4-recommended-item-placeholder-img{background-repeat:no-repeat!important;background-position:center!important;width:100%!important;height:100%!important}.at4-recommended-horizontal .at4-no-image-dark-recommended .at4-recommended-item-placeholder-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjlFNUUyQTg3MTI0RDExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjlFNUUyQTg4MTI0RDExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU1RTJBODUxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU1RTJBODYxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6oCfPiAAABfUlEQVR42uyWTU/DMAyGm3bdBxp062hHe+PC//9HCIkDYpNAO7CPAuWN5Eohyhpno2GHWqq8pO78xHHsiLquH4L/l6cwuBAZaOPKs//YBFIJIR59UiAt7huYi90aE/UQakTDLaL26RUEAAJqiefm93T9Bpj1X4O0bY0OIUXCpYBJvYDAUWyAUCWliHGTcnpqRMaM72ImRAJVknYG+eb4YEDIBeU0zGnsBLK1ODogYSsLhDwIJeVVk18lzfNA4ERGZNXi59UCIQhiYDilpSm/jp4awLxDvWhlf4/nGe8+LLuSt+SZul28ggaHG6gNVhDR+IuRFzOoxGKWwG7vVFm5AAQxgcqYpzrjFjR9zwPH5LSuT7XlNr2MQm5LzqjLpncNNaM+s8M27Y60g3FwhoSMzrtUQllgLtRs5pZ2cB4IhbvQbGRZv1NsrhyS8+SI5Mo9RJWpjAI1xqKL+0iEP180vy214JbeR12AyOgsHI7e0NfFyKv0ID1ID+IqPwIMAOeljGQOryBmAAAAAElFTkSuQmCC)!important}.at4-recommended-vertical .at4-no-image-dark-recommended .at4-recommended-item-placeholder-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTM2MTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTM3MTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNEQzI1MzQxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNEQzI1MzUxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5GfbtkAAAAxklEQVR42qRSTQvCMAxduk53mEOHKFPP/v8/5cGTiIibivVFUomlG7gFHvloXpKmJefcPhkmNyvGEWj+IOZA6ckPImoxxVwOLvCvXUzkpayNCpRQK64IbOBnAYGAXMeMslNlU+CzrIEdCkxi5DPAoz6BE8ZuVNdKJuL8rS9sv62IXlCHyP0KqKUKZXK9uwkSLVArfwpVR3b225kXwovibcP+jC4jUtfWPZmfqJJnYlkAM128j1z0nHWKSUbIKDL/msHktwADAPptQo+vkZNLAAAAAElFTkSuQmCC)!important}.at4-recommended-horizontal .at4-no-image-gray-recommended .at4-recommended-item-placeholder-img,.at4-recommended-horizontal .at4-no-image-light-recommended .at4-recommended-item-placeholder-img,.at4-recommended-horizontal .at4-no-image-minimal-recommended .at4-recommended-item-placeholder-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAfCAYAAACCox+xAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTMyMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTMzMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OUU1RTJBODkxMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OUU1RTJBOEExMjREMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6dfDQvAAABg0lEQVR42uyWS0vDQBDH82jaKNW0qUltbl68e/Di98eLBz+CCB5EBaWIpUat/4UJLMuame1j7SEDYbqbKfPLvHbDi8ur8+D/5T4K9kR6xrr27D+xgdS3N9d3PilQFmcNzN6mxkbdhxrQcoGofXkFAUAINcVzrG2vsP8KmJdtg7SlxoRQouBywOReQOAosUDoklPEpEU5XDciqeB/iRAig6pIO4P8CHysBBDqg0palrR2Alkwjj5RsDUDoRqhorpq6quifRkInKiIPLf4eWIgQoLoWbq0stXXn10DmDeoR2PsL/E84N0Hk5Wypc70dMkGGhzOoeb4gpjW34K6GEFljFkGu6XTZJUCEMQBVCHs6kI60MycB47FyUmo20oPvYJCzhVnvIsR3zg5ghoRTNpyHKTBBhIJTt6pFsoZ9iLDZswcB5uBULhnho0a66eazaFDca59Hym1e4guQ4rCO4Fu/T4Sw8Gk+c3MghN6H+8CRKVg4tB6fV8XI6/SgXQgHYir/AowAMU5TskhKVUNAAAAAElFTkSuQmCC)!important}.at4-recommended-vertical .at4-no-image-gray-recommended .at4-recommended-item-placeholder-img,.at4-recommended-vertical .at4-no-image-light-recommended .at4-recommended-item-placeholder-img,.at4-recommended-vertical .at4-no-image-minimal-recommended .at4-recommended-item-placeholder-img{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAOCAYAAADwikbvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyNpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChNYWNpbnRvc2gpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzREMyNTNBMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjAzREMyNTNCMTI0RjExRTM4NzAwREJDRjlCQzAyMUVFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MDNEQzI1MzgxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDNEQzI1MzkxMjRGMTFFMzg3MDBEQkNGOUJDMDIxRUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65Fr9cAAAA0ElEQVR42qRRuQrCQBDd3SSaIgYNosSrtLew8f+xsfAnYmEVRMR4YHwjExjCbsBk4DHHzptjR2+2u7VqJ3efjTNQ/EEMgbgiv46H/QNTDPnhCv/mYiLPI21EIIaaUEVgBj+oETQQypgRtidsXfNJpsACBXo28gWgUd9AjrEL0TXhiSh/XhWudlZI/kCdLPtFUGMRCni9p6kl+kAq/D5UavmzX2fNd87obsCSfztnrOR0rjvTiRImkoyAQQNRyZ2jhjenGNVBOpF1WZatyV8BBgBJ+irgS/KHdAAAAABJRU5ErkJggg==)!important}#at-drawer.ats-dark,.at4-recommended.ats-dark .at4-recommended-horizontal .at4-recommended-item-caption,.at4-recommended.ats-dark .at4-recommended-vertical .at4-recommended-item-caption{background:#262b30}#at-drawer.ats-gray,.at4-recommended.ats-gray .at4-recommended-horizontal .at4-recommended-item-caption{background:#f2f2f2}#at-drawer.ats-light,.at4-recommended.ats-light .at4-recommended-horizontal .at4-recommended-item-caption{background:#fff}.at4-recommended.ats-dark .at4-recommended-vertical .at4-recommended-item{background:none}.at4-recommended.ats-dark .at4-recommended-item .at4-recommended-item-caption a:hover,.at4-recommended.ats-dark .at4-recommended-item .at4-recommended-item-caption a:link,.at4-recommended.ats-dark .at4-recommended-item .at4-recommended-item-caption a:visited,.at4-recommended.ats-dark .at4-recommended-item .at4-recommended-item-caption small,.at4-recommended.ats-dark .at4-recommended-item-caption,.at4-recommended.ats-dark .at-logo a:hover,.at4-recommended.ats-dark .at-recommended-label.at-vertical{color:#fff}.at4-recommended-vertical-logo{padding-top:0;text-align:left}.at4-recommended-vertical-logo .at4-logo-container{line-height:10px}.at4-recommended-horizontal-logo{text-align:center}.at4-recommended.at-inline .at4-recommended-horizontal-logo{text-align:left}#at4-thankyou .at4-recommended.at-inline .at4-recommended-horizontal{text-align:center}.at4-recommended .at-logo{margin:10px 0 0;padding:0;height:25px;overflow:auto;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}.at4-recommended.at-inline .at4-recommended-horizontal .at-logo{text-align:left}.at4-recommended .at4-logo-container a.at-sponsored-link{color:#666}.at4-recommended-class .at4-logo-container a:hover,.at4-recommendedbox-outer-container .at4-recommended-recommendedbox .at4-logo-container a:hover{color:#000}</style><style type="text/css">.at-recommendedjumbo-outer-container{margin:0;padding:0;border:0;background:none;color:#000}.at-recommendedjumbo-footer{position:relative;width:100%;height:510px;overflow:hidden;transition:all .3s ease-in-out}.at-mobile .at-recommendedjumbo-footer{height:250px}.at-recommendedjumbo-footer #bg-link:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75)}.at-recommendedjumbo-footer:hover #bg-link:after{background:rgba(0,0,0,.85)}.at-recommendedjumbo-footer *,.at-recommendedjumbo-footer :after,.at-recommendedjumbo-footer :before{box-sizing:border-box}.at-recommendedjumbo-footer:hover #at-recommendedjumbo-footer-bg{animation:atRecommendedJumboAnimatedBackground 1s ease-in-out 1;animation-fill-mode:forwards}.at-recommendedjumbo-footer #at-recommendedjumbo-top-holder{position:absolute;top:0;padding:0 40px;width:100%}.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-top-holder{padding:0 20px}.at-recommendedjumbo-footer .at-recommendedjumbo-footer-inner{position:relative;text-align:center;font-family:helvetica,arial,sans-serif;z-index:2;width:100%}.at-recommendedjumbo-footer #at-recommendedjumbo-label-holder{margin:40px 0 0;max-height:30px}.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-label-holder{margin:20px 0 0;max-height:20px}.at-recommendedjumbo-footer #at-recommendedjumbo-label{font-weight:300;font-size:24px;line-height:24px;color:#fff;margin:0}.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-label{font-weight:150;font-size:14px;line-height:14px}.at-recommendedjumbo-footer #at-recommendedjumbo-title-holder{margin:20px 0 0;min-height:3pc;max-height:78pt}.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-title-holder{margin:10px 0 0;min-height:24px;max-height:54px}.at-recommendedjumbo-footer #at-recommendedjumbo-content-title{font-size:3pc;line-height:52px;font-weight:700;margin:0}.at-mobile .at-recommendedjumbo-footer #at-recommendedjumbo-content-title{font-size:24px;line-height:27px}.at-recommendedjumbo-footer a{text-decoration:none;color:#fff}.at-recommendedjumbo-footer a:visited{color:#fff}.at-recommendedjumbo-footer small{margin:20px 0 0;display:inline-block;height:2pc;line-height:2pc;font-size:14px;color:#ccc;cursor:default}.at-mobile .at-recommendedjumbo-footer small{margin:10px 0 0;height:14px;line-height:14px;font-size:9pt}.at-recommendedjumbo-footer .at-logo-container{position:absolute;bottom:20px;margin:auto;left:0;right:0}.at-mobile .at-recommendedjumbo-footer .at-logo-container{bottom:10px}.at-recommendedjumbo-footer a.at-sponsored-link{color:#ccc}.at-recommendedjumbo-footer div #at-recommendedjumbo-logo-link{padding:2px 0 0 11px;text-decoration:none;line-height:20px;font-family:helvetica,arial,sans-serif;font-size:9px;color:#ccc}@keyframes atRecommendedJumboAnimatedBackground{0%{transform:scale(1,1)}to{transform:scale(1.1,1.1)}}</style><style type="text/css">.at-resp-share-element{position:relative;padding:0;margin:0;font-size:0;line-height:0}.at-resp-share-element:after,.at-resp-share-element:before{content:" ";display:table}.at-resp-share-element.at-mobile .at4-share-count-container,.at-resp-share-element.at-mobile .at-label{display:none}.at-resp-share-element .at-share-btn{display:inline-block;*display:inline;*zoom:1;margin:0 2px 5px;padding:0;overflow:hidden;line-height:0;text-decoration:none;text-transform:none;color:#fff;cursor:pointer;transition:all .2s ease-in-out;border:0;font-family:helvetica neue,helvetica,arial,sans-serif;background-color:transparent}.at-resp-share-element .at-share-btn::-moz-focus-inner{border:0;padding:0}.at-resp-share-element .at-share-btn:focus,.at-resp-share-element .at-share-btn:hover{transform:translateY(-4px);color:#fff;text-decoration:none}.at-resp-share-element .at-share-btn .at-icon-wrapper{float:left}.at-resp-share-element .at-share-btn.at-share-btn.at-svc-compact:hover{transform:none}.at-resp-share-element .at-share-btn .at-label{font-family:helvetica neue,helvetica,arial,sans-serif;font-size:9pt;padding:0 15px 0 0;margin:0 0 0 5px;height:2pc;line-height:2pc;background:none}.at-resp-share-element .at-icon,.at-resp-share-element .at-label{cursor:pointer}.at-resp-share-element .at4-share-count-container{text-decoration:none;float:right;padding-right:15px;font-size:9pt}.at-mobile .at-resp-share-element .at-label{display:none}.at-resp-share-element.at-mobile .at-share-btn{margin-right:5px}.at-mobile .at-resp-share-element .at-share-btn{padding:5px;margin-right:5px}</style><style type="text/css">.at-share-tbx-element{position:relative;margin:0;color:#fff;font-size:0}.at-share-tbx-element,.at-share-tbx-element .at-share-btn{font-family:helvetica neue,helvetica,arial,sans-serif;padding:0;line-height:0}.at-share-tbx-element .at-share-btn{cursor:pointer;margin:0 5px 5px 0;display:inline-block;overflow:hidden;border:0;text-decoration:none;text-transform:none;background-color:transparent;color:inherit;transition:all .2s ease-in-out}.at-share-tbx-element .at-share-btn:focus,.at-share-tbx-element .at-share-btn:hover{transform:translateY(-4px);outline-offset:-1px;color:inherit}.at-share-tbx-element .at-share-btn::-moz-focus-inner{border:0;padding:0}.at-share-tbx-element .at-share-btn.at-share-btn.at-svc-compact:hover{transform:none}.at-share-tbx-element .at-icon-wrapper{vertical-align:middle}.at-share-tbx-element .at4-share-count,.at-share-tbx-element .at-label{margin:0 7.5px 0 2.5px;text-decoration:none;vertical-align:middle;display:inline-block;background:none;height:0;font-size:inherit;line-height:inherit;color:inherit}.at-share-tbx-element.at-mobile .at4-share-count,.at-share-tbx-element.at-mobile .at-label{display:none}.at-share-tbx-element .at_native_button{vertical-align:middle}.at-share-tbx-element .addthis_counter.addthis_bubble_style{margin:0 2px;vertical-align:middle;display:inline-block}.at-share-tbx-element .fb_iframe_widget{display:block}.at-share-tbx-element.at-share-tbx-native .at300b{vertical-align:middle}.at-style-responsive .at-share-btn{padding:5px}.at-style-jumbo{display:table}.at-style-jumbo .at4-spacer{height:1px;display:block;visibility:hidden;opacity:0}.at-style-jumbo .at4-count-container{display:table-cell;text-align:center;min-width:200px;vertical-align:middle;border-right:1px solid #ccc;padding-right:20px}.at-style-jumbo .at4-count{font-size:60px;line-height:60px;font-weight:700}.at-style-jumbo .at4-count-title{position:relative;font-size:18px;line-height:18px;bottom:2px}.at-style-jumbo .at-share-btn-elements{display:table-cell;vertical-align:middle;padding-left:20px}.at_flat_counter{cursor:pointer;font-family:helvetica,arial,sans-serif;font-weight:700;text-transform:uppercase;display:inline-block;position:relative;vertical-align:top;height:auto;margin:0 5px;padding:0 6px;left:-1px;background:#ebebeb;color:#32363b;transition:all .2s ease}.at_flat_counter:after{top:30%;left:-4px;content:"";position:absolute;border-width:5px 8px 5px 0;border-style:solid;border-color:transparent #ebebeb transparent transparent;display:block;width:0;height:0;transform:translateY(360deg)}.at_flat_counter:hover{background:#e1e2e2}</style><style type="text/css">.at4-thankyou-background{top:0;right:0;left:0;bottom:0;-webkit-overflow-scrolling:touch;z-index:9999999;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpizCuu/sRABGBiIBKMKqSOQoAAAwC8KgJipENhxwAAAABJRU5ErkJggg==);background:hsla(217,6%,46%,.95)}.at4-thankyou-background.at-thankyou-shown{position:fixed}.at4-thankyou-inner{position:absolute;width:100%;top:10%;left:50%;margin-left:-50%;text-align:center}.at4-thankyou-mobile .at4-thankyou-inner{top:5%}.thankyou-description{font-weight:400}.at4-thankyou-background .at4lb-inner{position:relative;width:100%;height:100%}.at4-thankyou-background .at4lb-inner .at4x{position:absolute;top:15px;right:15px;display:block;width:20px;height:20px;padding:20px;margin:0;cursor:pointer;transition:opacity .25s ease-in;opacity:.4;background:url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTKswDp5AAAAd0lEQVQ4jb2VQRLAIAgDE///Z3qqY1FAhalHMCsCIkVEAIAkkVgvp2lDBgYAnAyHkWotLccNrEd4A7X2TqIdqLfnWBAdaF5rJdyJfjtPH5GT37CaGhoVq3nOm/XflUuLUto2pY1d+vRKh0Pp+MrAVtDe2JkvYNQ+jVSEEFmOkggAAAAASUVORK5CYII=") no-repeat center center;overflow:hidden;text-indent:-99999em;border:1px solid transparent}.at4-thankyou-background .at4lb-inner .at4x:focus,.at4-thankyou-background .at4lb-inner .at4x:hover{border:1px solid #fff;border-radius:50%;outline:0}.at4-thankyou-background .at4lb-inner #at4-palogo{position:absolute;bottom:10px;display:inline-block;text-decoration:none;font-family:helvetica,arial,sans-serif;font-size:11px;cursor:pointer;-webkit-transition:opacity .25s ease-in;moz-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.5;z-index:100020;color:#fff;padding:2px 0 0 13px}.at4-thankyou-background .at4lb-inner #at4-palogo .at-branding-addthis,.at4-thankyou-background .at4lb-inner #at4-palogo .at-branding-info{color:#fff}.at4-thankyou-background .at4lb-inner #at4-palogo:hover,.at4-thankyou-background.ats-dark .at4lb-inner a#at4-palogo:hover{text-decoration:none;color:#fff;opacity:1}.at4-thankyou-background.ats-dark{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABtJREFUeNpiZGBgeMZABGBiIBKMKqSOQoAAAwB+cQD6hqlbCwAAAABJRU5ErkJggg==");background:rgba(0,0,0,.85)}.at4-thankyou-background .thankyou-title{color:#fff;font-size:38.5px;margin:10px 20px;line-height:38.5px;font-family:helvetica neue,helvetica,arial,sans-serif;font-weight:300}.at4-thankyou-background.ats-dark .thankyou-description,.at4-thankyou-background.ats-dark .thankyou-title{color:#fff}.at4-thankyou-background .thankyou-description{color:#fff;font-size:18px;margin:10px 0;line-height:24px;padding:0;font-family:helvetica neue,helvetica,arial,sans-serif;font-weight:300}.at4-thankyou-background .at4-thanks-icons{padding-top:10px}.at4-thankyou-mobile *{-webkit-overflow-scrolling:touch}#at4-thankyou .at4-recommended-recommendedbox .at-logo{display:none}.at4-thankyou .at-h3{height:49px;line-height:49px;margin:0 50px 0 20px;padding:1px 0 0;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:1pc;font-weight:700;color:#fff;text-shadow:0 1px #000}.at4-thanks{padding-top:50px;text-align:center}.at4-thanks label{display:block;margin:0 0 15px;font-size:1pc;line-height:1pc}.at4-thanks .at4-h2{background:none;border:none;margin:0 0 10px;padding:0;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:28px;font-weight:300;color:#000}.at4-thanks .at4-thanks-icons{position:relative;height:2pc}.at4-thanks .at4-thanks-icons .at-thankyou-label{display:block;padding-bottom:10px;font-size:14px;color:#666}.at4-thankyou-layer .at-follow .at-icon-wrapper{width:2pc;height:2pc}</style><style type="text/css">.at4-recommended-toaster{position:fixed;top:auto;bottom:0;right:0;z-index:100021}.at4-recommended-toaster.ats-light{border:1px solid #c5c5c5;background:#fff}.at4-recommended-toaster.ats-gray{border:1px solid #c5c5c5;background:#f2f2f2}.at4-recommended-toaster.ats-dark{background:#262b30;color:#fff}.at4-recommended-toaster .at4-recommended-container{padding-top:0;margin:0}.at4-recommended.at4-recommended-toaster div.at-recommended-label{line-height:1pc;font-size:1pc;text-align:left;padding:20px 0 0 20px}.at4-toaster-outer .at4-recommended .at4-recommended-item .at4-recommended-item-caption .at-h4{font-size:11px;line-height:11px;margin:10px 0 6px;height:30px}.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-gray,.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-light{color:#464646}.at4-recommended.at4-recommended-toaster div.at-recommended-label.ats-dark{color:#fff}.at4-toaster-close-control{position:absolute;top:0;right:0;display:block;width:20px;height:20px;line-height:20px;margin:5px 5px 0 0;padding:0;text-indent:-9999em}.at4-toaster-open-control{position:fixed;right:0;bottom:0;z-index:100020}.at4-toaster-outer .at4-recommended-item{width:90pt;border:0;margin:9px 10px 0}.at4-toaster-outer .at4-recommended-item:first-child{margin-left:20px}.at4-toaster-outer .at4-recommended-item:last-child{margin-right:20px}.at4-toaster-outer .at4-recommended-item .at4-recommended-item-img{max-height:90pt;max-width:90pt}.at4-toaster-outer .at4-recommended-item .at4-recommended-item-img img{height:90pt;width:90pt}.at4-toaster-outer .at4-recommended-item .at4-recommended-item-caption{height:30px;padding:0;margin:0;height:initial}.at4-toaster-outer .ats-dark .at4-recommended-item .at4-recommended-item-caption{background:#262b30}.at4-toaster-outer .at4-recommended .at4-recommended-item .at4-recommended-item-caption small{width:auto;line-height:14px;margin:0}.at4-toaster-outer .at4-recommended.ats-dark .at4-recommended-item .at4-recommended-item-caption small{color:#fff}.at4-recommended-toaster .at-logo{margin:0 0 3px 20px;text-align:left}.at4-recommended-toaster .at-logo .at4-logo-container.at-sponsored-logo{position:relative}.at4-toaster-outer .at4-recommended-item .sponsored-label{text-align:right;font-size:10px;color:#666;float:right;position:fixed;bottom:6px;right:20px;top:initial;z-index:99999}</style><style type="text/css">.at4-whatsnext{position:fixed;bottom:0!important;right:0;background:#fff;border:1px solid #c5c5c5;margin:-1px;width:390px;height:90pt;overflow:hidden;font-size:9pt;font-weight:400;color:#000;z-index:1800000000}.at4-whatsnext a{color:#666}.at4-whatsnext .at-whatsnext-content{height:90pt;position:relative}.at4-whatsnext .at-whatsnext-content .at-branding{position:absolute;bottom:15px;right:10px;padding-left:9px;text-decoration:none;line-height:10px;font-family:helvetica,arial,sans-serif;font-size:10px;color:#666}.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-inner{position:absolute;top:15px;right:20px;bottom:15px;left:140px;text-align:left;height:105px}.at4-whatsnext .at-whatsnext-content-inner a{display:inline-block}.at4-whatsnext .at-whatsnext-content-inner div.at-h6{text-align:left;margin:0;padding:0 0 3px;font-size:11px;color:#666;cursor:default}.at4-whatsnext .at-whatsnext-content .at-h3{text-align:left;margin:5px 0;padding:0;line-height:1.2em;font-weight:400;font-size:14px;height:3pc}.at4-whatsnext .at-whatsnext-content-inner a:link,.at4-whatsnext .at-whatsnext-content-inner a:visited{text-decoration:none;font-weight:400;color:#464646}.at4-whatsnext .at-whatsnext-content-inner a:hover{color:#000}.at4-whatsnext .at-whatsnext-content-inner small{position:absolute;bottom:15px;line-height:10px;font-size:11px;color:#666;cursor:default;text-align:left}.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-img{position:absolute;top:0;left:0;width:90pt;height:90pt;overflow:hidden}.at4-whatsnext .at-whatsnext-content .at-whatsnext-content-img img{position:absolute;top:0;left:0;max-height:none;max-width:none}.at4-whatsnext .at-whatsnext-close-control{position:absolute;top:0;right:0;display:block;width:20px;height:20px;line-height:20px;margin:0 5px 0 0;padding:0;text-indent:-9999em}.at-whatsnext-open-control{position:fixed;right:0;bottom:0;z-index:100020}.at4-whatsnext.ats-dark{background:#262b30}.at4-whatsnext.ats-dark .at-whatsnext-content .at-h3,.at4-whatsnext.ats-dark .at-whatsnext-content a.at4-logo:hover,.at4-whatsnext.ats-dark .at-whatsnext-content-inner a:link,.at4-whatsnext.ats-dark .at-whatsnext-content-inner a:visited{color:#fff}.at4-whatsnext.ats-light{background:#fff}.at4-whatsnext.ats-gray{background:#f2f2f2}.at4-whatsnext.at-whatsnext-nophoto{width:270px}.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content-img{display:none}.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content .at-whatsnext-content-inner{top:15px;right:0;left:20px}.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content .at-whatsnext-content-inner.addthis_32x32_style{top:0;right:0;left:0;padding:45px 20px 0;font-size:20px}.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content .at-whatsnext-content-inner .at4-icon,.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content .at-whatsnext-content-inner .at4-icon-fw,.at4-whatsnext.at-whatsnext-nophoto .at-whatsnext-content .at-whatsnext-content-inner .whatsnext-msg{vertical-align:middle}.at-whatsnext-img,.at-whatsnext-img-lnk{position:absolute;left:0}</style><style type="text/css">.at4-whatsnextmobile{position:fixed;bottom:0;right:0;left:0;background:#fff;z-index:9999998;height:170px;font-size:28px}.at4-whatsnextmobile .col-2{height:100%;font-size:1em}.at4-whatsnextmobile .col-2:first-child{max-width:200px;display:inline-block;float:left}.at4-whatsnextmobile .col-2:last-child{position:absolute;left:200px;right:50px;top:0;bottom:0;display:inline-block}.at4-whatsnextmobile .at-whatsnext-content-inner{font-size:1em}.at4-whatsnextmobile .at-whatsnext-content-img img{height:100%;width:100%}.at4-whatsnextmobile .at-close-control{font-size:1em;position:absolute;top:0;right:0;width:50px;height:50px}.at4-whatsnextmobile .at-close-control button{width:100%;height:100%;font-size:1em;font-weight:400;text-decoration:none;opacity:.5;padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.at4-whatsnextmobile .at-h3,.at4-whatsnextmobile .at-h6{font-size:1em;margin:0;color:#a1a1a1;margin-left:2.5%;margin-top:25px}.at4-whatsnextmobile .at-h3{font-size:1em;line-height:1em;font-weight:500;height:50%}.at4-whatsnextmobile .at-h3 a{font-size:1em;text-decoration:none}.at4-whatsnextmobile .at-h6{font-size:.8em;line-height:.8em;font-weight:500}.at4-whatsnextmobile .footer{position:absolute;bottom:2px;left:200px;right:0;padding-left:2.5%;font-size:1em;line-height:.6em}.at4-whatsnextmobile .footer small{font-size:.6em;color:#a1a1a1}.at4-whatsnextmobile .footer small:first-child{margin-right:5%;float:left}.at4-whatsnextmobile .footer small:last-child{margin-right:2.5%;float:right}.at4-whatsnextmobile .at-whatsnext-content{height:100%}.at4-whatsnextmobile.ats-dark{background:#262b30;color:#fff}.at4-whatsnextmobile .at-close-control button{color:#bfbfbf}.at4-whatsnextmobile.ats-dark a:link,.at4-whatsnextmobile.ats-dark a:visited{color:#fff}.at4-whatsnextmobile.ats-gray{background:#f2f2f2;color:#262b30}.at4-whatsnextmobile.ats-light{background:#fff;color:#262b30}.at4-whatsnextmobile.ats-dark .footer a:link,.at4-whatsnextmobile.ats-dark .footer a:visited,.at4-whatsnextmobile.ats-gray .footer a:link,.at4-whatsnextmobile.ats-gray .footer a:visited,.at4-whatsnextmobile.ats-light .footer a:link,.at4-whatsnextmobile.ats-light .footer a:visited{color:#a1a1a1}.at4-whatsnextmobile.ats-gray a:link,.at4-whatsnextmobile.ats-gray a:visited,.at4-whatsnextmobile.ats-light a:link,.at4-whatsnextmobile.ats-light a:visited{color:#262b30}@media only screen and (min-device-width:320px) and (max-device-width:480px){.at4-whatsnextmobile{height:85px;font-size:14px}.at4-whatsnextmobile .col-2:first-child{width:75pt}.at4-whatsnextmobile .col-2:last-child{right:25px;left:75pt}.at4-whatsnextmobile .footer{left:75pt}.at4-whatsnextmobile .at-close-control{width:25px;height:25px}.at4-whatsnextmobile .at-h3,.at4-whatsnextmobile .at-h6{margin-top:12.5px}}</style><style type="text/css">.at-custom-mobile-bar{left:0;right:0;width:100%;height:56px;position:fixed;text-align:center;z-index:100020;background:#fff;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.2);font:initial;line-height:normal;top:auto;bottom:0}.at-custom-mobile-bar.at-custom-mobile-bar-zindex-hide{z-index:-1!important}.at-custom-mobile-bar.atss-top{top:0;bottom:auto}.at-custom-mobile-bar.atss-bottom{top:auto;bottom:0}.at-custom-mobile-bar .at-custom-mobile-bar-btns{display:inline-block;text-align:center}.at-custom-mobile-bar .at-custom-mobile-bar-counter,.at-custom-mobile-bar .at-share-btn{margin-top:4px}.at-custom-mobile-bar .at-share-btn{display:inline-block;text-decoration:none;transition:none;box-sizing:content-box}.at-custom-mobile-bar .at-custom-mobile-bar-counter{font-family:Helvetica neue,arial;vertical-align:top;margin-left:4px;margin-right:4px;display:inline-block}.at-custom-mobile-bar .at-custom-mobile-bar-count{font-size:26px;line-height:1.25em;color:#222}.at-custom-mobile-bar .at-custom-mobile-bar-text{font-size:9pt;line-height:1.25em;color:#888;letter-spacing:1px}.at-custom-mobile-bar .at-icon-wrapper{text-align:center;height:3pc;width:3pc;margin:0 4px}.at-custom-mobile-bar .at-icon{vertical-align:top;margin:8px;width:2pc;height:2pc}.at-custom-mobile-bar.at-shfs-medium{height:3pc}.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-counter{margin-top:6px}.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-count{font-size:18px}.at-custom-mobile-bar.at-shfs-medium .at-custom-mobile-bar-text{font-size:10px}.at-custom-mobile-bar.at-shfs-medium .at-icon-wrapper{height:40px;width:40px}.at-custom-mobile-bar.at-shfs-medium .at-icon{margin:6px;width:28px;height:28px}.at-custom-mobile-bar.at-shfs-small{height:40px}.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-counter{margin-top:3px}.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-count{font-size:1pc}.at-custom-mobile-bar.at-shfs-small .at-custom-mobile-bar-text{font-size:10px}.at-custom-mobile-bar.at-shfs-small .at-icon-wrapper{height:2pc;width:2pc}.at-custom-mobile-bar.at-shfs-small .at-icon{margin:4px;width:24px;height:24px}</style><style type="text/css">.at-custom-sidebar{top:20%;width:58px;position:fixed;text-align:center;z-index:100020;background:#fff;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.2);font:initial;line-height:normal;top:auto;bottom:0}.at-custom-sidebar.at-custom-sidebar-zindex-hide{z-index:-1!important}.at-custom-sidebar.atss-left{left:0;right:auto;float:left;border-radius:0 4px 4px 0}.at-custom-sidebar.atss-right{left:auto;right:0;float:right;border-radius:4px 0 0 4px}.at-custom-sidebar .at-custom-sidebar-btns{display:inline-block;text-align:center;padding-top:4px}.at-custom-sidebar .at-custom-sidebar-counter{margin-bottom:8px}.at-custom-sidebar .at-share-btn{display:inline-block;text-decoration:none;transition:none;box-sizing:content-box}.at-custom-sidebar .at-custom-sidebar-counter{font-family:Helvetica neue,arial;vertical-align:top;margin-left:4px;margin-right:4px;display:inline-block}.at-custom-sidebar .at-custom-sidebar-count{font-size:21px;line-height:1.25em;color:#222}.at-custom-sidebar .at-custom-sidebar-text{font-size:10px;line-height:1.25em;color:#888;letter-spacing:1px}.at-custom-sidebar .at-icon-wrapper{text-align:center;margin:0 4px}.at-custom-sidebar .at-icon{vertical-align:top;margin:9px;width:2pc;height:2pc}.at-custom-sidebar .at-icon-wrapper{position:relative}.at-custom-sidebar .at4-share-count,.at-custom-sidebar .at4-share-count-container{line-height:1pc;font-size:10px}.at-custom-sidebar .at4-share-count{text-indent:0;font-family:Arial,Helvetica Neue,Helvetica,sans-serif;font-weight:200;width:100%;height:1pc}.at-custom-sidebar .at4-share-count-anchor .at-icon{margin-top:3px}.at-custom-sidebar .at4-share-count-container{position:absolute;left:0;right:auto;top:auto;bottom:0;width:100%;color:#fff;background:inherit}</style><style type="text/css">.at-image-sharing-mobile-icon{position:absolute;background:#000 url(https://s7.addthis.com/static/44a36d35bafef33aa9455b7d3039a771.png) no-repeat top center;background-color:rgba(0,0,0,.9);background-image:url(https://s7.addthis.com/static/10db525181ee0bbe1a515001be1c7818.svg),none;border-radius:3px;width:50px;height:40px;top:-9999px;left:-9999px}.at-image-sharing-tool{display:block;position:absolute;text-align:center;z-index:9001;background:none;overflow:hidden;top:-9999px;left:-9999px;font:initial;line-height:0}.at-image-sharing-tool.addthis-animated{animation-duration:.15s}.at-image-sharing-tool.at-orientation-vertical .at-share-btn{display:block}.at-image-sharing-tool.at-orientation-horizontal .at-share-btn{display:inline-block}.at-image-sharing-tool.at-image-sharing-tool-size-big .at-icon{width:43px;height:43px}.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-share-btn{margin:0!important}.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-icon-wrapper{height:60px;width:100%;border-radius:0!important}.at-image-sharing-tool.at-image-sharing-tool-size-mobile .at-icon{max-width:100%;height:54px!important;width:54px!important}.at-image-sharing-tool .at-custom-shape.at-image-sharing-tool-btns{margin-right:8px;margin-bottom:8px}.at-image-sharing-tool .at-custom-shape .at-share-btn{margin-top:8px;margin-left:8px}.at-image-sharing-tool .at-share-btn{line-height:0;text-decoration:none;transition:none;box-sizing:content-box}.at-image-sharing-tool .at-icon-wrapper{text-align:center;height:100%;width:100%}.at-image-sharing-tool .at-icon{vertical-align:top;width:2pc;height:2pc;margin:3px}</style><style type="text/css">.at-expanding-share-button{box-sizing:border-box;position:fixed;z-index:9999}.at-expanding-share-button[data-position=bottom-right]{bottom:10px;right:10px}.at-expanding-share-button[data-position=bottom-right] .at-expanding-share-button-toggle-bg,.at-expanding-share-button[data-position=bottom-right] .at-expanding-share-button-toggle-btn[data-name]:after,.at-expanding-share-button[data-position=bottom-right] .at-icon-wrapper,.at-expanding-share-button[data-position=bottom-right] [data-name]:after{float:right}.at-expanding-share-button[data-position=bottom-right] [data-name]:after{margin-right:10px}.at-expanding-share-button[data-position=bottom-right] .at-expanding-share-button-toggle-btn[data-name]:after{margin-right:5px}.at-expanding-share-button[data-position=bottom-right] .at-icon-wrapper{margin-right:-3px}.at-expanding-share-button[data-position=bottom-left]{bottom:10px;left:10px}.at-expanding-share-button[data-position=bottom-left] .at-expanding-share-button-toggle-bg,.at-expanding-share-button[data-position=bottom-left] .at-expanding-share-button-toggle-btn[data-name]:after,.at-expanding-share-button[data-position=bottom-left] .at-icon-wrapper,.at-expanding-share-button[data-position=bottom-left] [data-name]:after{float:left}.at-expanding-share-button[data-position=bottom-left] [data-name]:after{margin-left:10px}.at-expanding-share-button[data-position=bottom-left] .at-expanding-share-button-toggle-btn[data-name]:after{margin-left:5px}.at-expanding-share-button *,.at-expanding-share-button :after,.at-expanding-share-button :before{box-sizing:border-box}.at-expanding-share-button .at-expanding-share-button-services-list{display:none;list-style:none;margin:0 5px;overflow:visible;padding:0}.at-expanding-share-button .at-expanding-share-button-services-list>li{display:block;height:45px;position:relative;overflow:visible}.at-expanding-share-button .at-expanding-share-button-toggle-btn,.at-expanding-share-button .at-share-btn{transition:.1s;text-decoration:none}.at-expanding-share-button .at-share-btn{display:block;height:40px;padding:0 3px 0 0}.at-expanding-share-button .at-expanding-share-button-toggle-btn{position:relative;overflow:auto}.at-expanding-share-button .at-expanding-share-button-toggle-btn.at-expanding-share-button-hidden[data-name]:after{display:none}.at-expanding-share-button .at-expanding-share-button-toggle-bg{box-shadow:0 2px 4px 0 rgba(0,0,0,.3);border-radius:50%;position:relative}.at-expanding-share-button .at-expanding-share-button-toggle-bg>span{background-image:url("data:image/svg+xml,%3Csvg%20width%3D%2232px%22%20height%3D%2232px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare%3C%2Ftitle%3E%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Cpath%20d%3D%22M26%2C13.4285714%20C26%2C13.6220248%2025.9293162%2C13.7894338%2025.7879464%2C13.9308036%20L20.0736607%2C19.6450893%20C19.932291%2C19.786459%2019.7648819%2C19.8571429%2019.5714286%2C19.8571429%20C19.3779752%2C19.8571429%2019.2105662%2C19.786459%2019.0691964%2C19.6450893%20C18.9278267%2C19.5037195%2018.8571429%2C19.3363105%2018.8571429%2C19.1428571%20L18.8571429%2C16.2857143%20L16.3571429%2C16.2857143%20C15.6279725%2C16.2857143%2014.9750773%2C16.3080355%2014.3984375%2C16.3526786%20C13.8217977%2C16.3973217%2013.2488868%2C16.477306%2012.6796875%2C16.5926339%20C12.1104882%2C16.7079619%2011.6157015%2C16.8660704%2011.1953125%2C17.0669643%20C10.7749235%2C17.2678581%2010.3824423%2C17.5264121%2010.0178571%2C17.8426339%20C9.65327199%2C18.1588557%209.35565592%2C18.534596%209.125%2C18.9698661%20C8.89434408%2C19.4051361%208.71391434%2C19.9203839%208.58370536%2C20.515625%20C8.45349637%2C21.1108661%208.38839286%2C21.7842224%208.38839286%2C22.5357143%20C8.38839286%2C22.9449425%208.40699386%2C23.4025272%208.44419643%2C23.9084821%20C8.44419643%2C23.9531252%208.45349693%2C24.0405499%208.47209821%2C24.1707589%20C8.4906995%2C24.3009679%208.5%2C24.3995532%208.5%2C24.4665179%20C8.5%2C24.5781256%208.46837829%2C24.6711306%208.40513393%2C24.7455357%20C8.34188956%2C24.8199408%208.25446484%2C24.8571429%208.14285714%2C24.8571429%20C8.02380893%2C24.8571429%207.9196433%2C24.7938994%207.83035714%2C24.6674107%20C7.77827355%2C24.6004461%207.72991094%2C24.5186017%207.68526786%2C24.421875%20C7.64062478%2C24.3251483%207.59040206%2C24.2135423%207.53459821%2C24.0870536%20C7.47879436%2C23.9605648%207.43973225%2C23.87128%207.41741071%2C23.8191964%20C6.47246551%2C21.6986501%206%2C20.0208395%206%2C18.7857143%20C6%2C17.3050521%206.19717065%2C16.0662252%206.59151786%2C15.0691964%20C7.79688103%2C12.0706695%2011.0520568%2C10.5714286%2016.3571429%2C10.5714286%20L18.8571429%2C10.5714286%20L18.8571429%2C7.71428571%20C18.8571429%2C7.52083237%2018.9278267%2C7.35342333%2019.0691964%2C7.21205357%20C19.2105662%2C7.07068382%2019.3779752%2C7%2019.5714286%2C7%20C19.7648819%2C7%2019.932291%2C7.07068382%2020.0736607%2C7.21205357%20L25.7879464%2C12.9263393%20C25.9293162%2C13.067709%2026%2C13.2351181%2026%2C13.4285714%20L26%2C13.4285714%20Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:center center;background-repeat:no-repeat;transition:transform .4s ease;border-radius:50%;display:block}.at-expanding-share-button .at-icon-wrapper{box-shadow:0 2px 4px 0 rgba(0,0,0,.3);border-radius:50%;display:inline-block;height:40px;line-height:40px;text-align:center;width:40px}.at-expanding-share-button .at-icon{display:inline-block;height:34px;margin:3px 0;vertical-align:top;width:34px}.at-expanding-share-button [data-name]:after{box-shadow:0 2px 4px 0 rgba(0,0,0,.3);transform:translate(0, -50%);transition:.4s;background-color:#fff;border-radius:3px;color:#666;content:attr(data-name);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:9pt;line-height:9pt;font-weight:500;opacity:0;padding:3px 5px;position:relative;top:20px;white-space:nowrap}.at-expanding-share-button.at-expanding-share-button-show-icons .at-expanding-share-button-services-list{display:block}.at-expanding-share-button.at-expanding-share-button-animate-in .at-expanding-share-button-toggle-bg>span{transform:rotate(270deg);background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cg%3E%3Cpath%20d%3D%22M18%2014V8h-4v6H8v4h6v6h4v-6h6v-4h-6z%22%20fill-rule%3D%22evenodd%22%20fill%3D%22white%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:center center;background-repeat:no-repeat}.at-expanding-share-button.at-expanding-share-button-animate-in [data-name]:after{opacity:1}.at-expanding-share-button.at-hide-label [data-name]:after{display:none}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle{height:50px}.at-expanding-share-button.at-expanding-share-button-desktop .at-icon-wrapper:hover{box-shadow:0 2px 5px 0 rgba(0,0,0,.5)}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg{height:50px;line-height:50px;width:50px}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg>span{height:50px;width:50px}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg:after{box-shadow:0 2px 5px 0 rgba(0,0,0,.2);transition:opacity .2s ease;border-radius:50%;content:'';height:100%;opacity:0;position:absolute;top:0;left:0;width:100%}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-bg:hover:after{opacity:1}.at-expanding-share-button.at-expanding-share-button-desktop .at-expanding-share-button-toggle-btn[data-name]:after{top:25px}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-services-list{margin:0}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle-btn,.at-expanding-share-button.at-expanding-share-button-mobile .at-share-btn{outline:0}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle{height:40px;-webkit-tap-highlight-color:transparent}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle-bg,.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-toggle-bg span{height:40px;line-height:40px;width:40px}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-click-flash{transform:scale(0);transition:transform ease,opacity ease-in;background-color:hsla(0,0%,100%,.3);border-radius:50%;height:40px;opacity:1;position:absolute;width:40px;z-index:10000}.at-expanding-share-button.at-expanding-share-button-mobile .at-expanding-share-button-click-flash.at-expanding-share-button-click-flash-animate{transform:scale(1);opacity:0}.at-expanding-share-button.at-expanding-share-button-mobile+.at-expanding-share-button-mobile-overlay{transition:opacity ease;bottom:0;background-color:hsla(0,0%,87%,.7);display:block;height:auto;left:0;opacity:0;position:fixed;right:0;top:0;width:auto;z-index:9998}.at-expanding-share-button.at-expanding-share-button-mobile+.at-expanding-share-button-mobile-overlay.at-expanding-share-button-hidden{height:0;width:0;z-index:-10000}.at-expanding-share-button.at-expanding-share-button-mobile.at-expanding-share-button-animate-in+.at-expanding-share-button-mobile-overlay{transition:opacity ease;opacity:1}</style><style type="text/css">.at-tjin-element .at300b,.at-tjin-element .at300m{display:inline-block;width:auto;padding:0;margin:0 2px 5px;outline-offset:-1px;transition:all .2s ease-in-out}.at-tjin-element .at300b:focus,.at-tjin-element .at300b:hover,.at-tjin-element .at300m:focus,.at-tjin-element .at300m:hover{transform:translateY(-4px)}.at-tjin-element .addthis_tjin_label{display:none}.at-tjin-element .addthis_vertical_style .at300b,.at-tjin-element .addthis_vertical_style .at300m{display:block}.at-tjin-element .addthis_vertical_style .at300b .addthis_tjin_label,.at-tjin-element .addthis_vertical_style .at300b .at-icon-wrapper,.at-tjin-element .addthis_vertical_style .at300m .addthis_tjin_label,.at-tjin-element .addthis_vertical_style .at300m .at-icon-wrapper{display:inline-block;vertical-align:middle;margin-right:5px}.at-tjin-element .addthis_vertical_style .at300b:focus,.at-tjin-element .addthis_vertical_style .at300b:hover,.at-tjin-element .addthis_vertical_style .at300m:focus,.at-tjin-element .addthis_vertical_style .at300m:hover{transform:none}.at-tjin-element .at-tjin-btn{margin:0 5px 5px 0;padding:0;outline-offset:-1px;display:inline-block;box-sizing:content-box;transition:all .2s ease-in-out}.at-tjin-element .at-tjin-btn:focus,.at-tjin-element .at-tjin-btn:hover{transform:translateY(-4px)}.at-tjin-element .at-tjin-title{margin:0 0 15px}</style><style type="text/css">#addthissmartlayerscssready{color:#bada55!important}.addthis-smartlayers,div#at4-follow,div#at4-share,div#at4-thankyou,div#at4-whatsnext{padding:0;margin:0}#at4-follow-label,#at4-share-label,#at4-whatsnext-label,.at4-recommended-label.hidden{padding:0;border:none;background:none;position:absolute;top:0;left:0;height:0;width:0;overflow:hidden;text-indent:-9999em}.addthis-smartlayers .at4-arrow:hover{cursor:pointer}.addthis-smartlayers .at4-arrow:after,.addthis-smartlayers .at4-arrow:before{content:none}a.at4-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left center}.at4-minimal a.at4-logo{background:url(data:image/gif;base64,R0lGODlhBwAHAJEAAP9uQf///wAAAAAAACH5BAkKAAIALAAAAAAHAAcAAAILFH6Ge8EBH2MKiQIAOw==) no-repeat left center!important}button.at4-closebutton{position:absolute;top:0;right:0;padding:0;margin-right:10px;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;font-size:19px;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2}button.at4-closebutton:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5}div.at4-arrow{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAoCAYAAABpYH0BAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAV1JREFUeNrsmesOgyAMhQfxwfrofTM3E10ME2i5Oeppwr9a5OMUCrh1XV+wcvNAAIAA+BiAzrmtUWln27dbjEcC3AdODfo0BdEPhmcO4nIDvDNELi2jggk4/k8dT7skfeKzWIEd4VUpMQKvNB7X+OZSmAZkATWC1xvipbpnLmOosbJZC08CkAeA4E6qFUEMwLAGnlSBPCE8lW8CYnZTcimH2HoT7kSFOx5HBmCnDhTIu1p5s98G+QZrxGPhZVMY1vgyAQaAAAiAAAgDQACcBOD+BvJtBWfRy7NpJK5tBe4FNzXokywV734wPHMQlxvgnSGyNoUP/2ACjv/7iSeYKO3YWKzAjvCqlBiBVxqPa3ynexNJwOsN8TJbzL6JNIYYXWpMv4lIIAZgWANPqkCeEJ7KNwExu8lpLlSpAVQarO77TyKdBsyRPuwV0h0gmoGnTWFYzVkYBoAA+I/2FmAAt6+b5XM9mFkAAAAASUVORK5CYII=);background-repeat:no-repeat;width:20px;height:20px;margin:0;padding:0;overflow:hidden;text-indent:-9999em;text-align:left;cursor:pointer}#at4-recommendedpanel-outer-container .at4-arrow.at-right,div.at4-arrow.at-right{background-position:-20px 0}#at4-recommendedpanel-outer-container .at4-arrow.at-left,div.at4-arrow.at-left{background-position:0 0}div.at4-arrow.at-down{background-position:-60px 0}div.at4-arrow.at-up{background-position:-40px 0}.ats-dark div.at4-arrow.at-right{background-position:-20px -20px}.ats-dark div.at4-arrow.at-left{background-position:0 -20px}.ats-dark div.at4-arrow.at-down{background-position:-60px -20px}.ats-dark div.at4-arrow.at-up{background-position:-40px -20}.at4-opacity-hidden{opacity:0!important}.at4-opacity-visible{opacity:1!important}.at4-visually-hidden{position:absolute;clip:rect(1px,1px,1px,1px);padding:0;border:0;overflow:hidden}.at4-hidden-off-screen,.at4-hidden-off-screen *{position:absolute!important;top:-9999px!important;left:-9999px!important}.at4-show{display:block!important;opacity:1!important}.at4-show-content{opacity:1!important;visibility:visible}.at4-hide{display:none!important;opacity:0!important}.at4-hide-content{opacity:0!important;visibility:hidden}.at4-visible{display:block!important;opacity:0!important}.at-wordpress-hide{display:none!important;opacity:0!important}.addthis-animated{animation-fill-mode:both;animation-timing-function:ease-out;animation-duration:.3s}.slideInDown.addthis-animated,.slideInLeft.addthis-animated,.slideInRight.addthis-animated,.slideInUp.addthis-animated,.slideOutDown.addthis-animated,.slideOutLeft.addthis-animated,.slideOutRight.addthis-animated,.slideOutUp.addthis-animated{animation-duration:.4s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes slideInUp{0%{transform:translateY(1500px)}0%,to{opacity:1}to{transform:translateY(0)}}.slideInUp{animation-name:slideInUp}.slideInUp.addthis-animated{animation-duration:.4s}@keyframes slideInDown{0%{transform:translateY(-850px)}0%,to{opacity:1}to{transform:translateY(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideOutUp{0%{transform:translateY(0)}0%,to{opacity:1}to{transform:translateY(-250px)}}.slideOutUp{animation-name:slideOutUp}@keyframes slideOutUpFast{0%{transform:translateY(0)}0%,to{opacity:1}to{transform:translateY(-1250px)}}#at4m-menu.slideOutUp{animation-name:slideOutUpFast}@keyframes slideOutDown{0%{transform:translateY(0)}0%,to{opacity:1}to{transform:translateY(350px)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutDownFast{0%{transform:translateY(0)}0%,to{opacity:1}to{transform:translateY(1250px)}}#at4m-menu.slideOutDown{animation-name:slideOutDownFast}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-850px)}to{transform:translateX(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{opacity:0;transform:translateX(1250px)}to{transform:translateX(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideOutLeft{0%{transform:translateX(0)}to{opacity:0;transform:translateX(-350px)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateX(0)}to{opacity:0;transform:translateX(350px)}}.slideOutRight{animation-name:slideOutRight}.at4win{margin:0 auto;background:#fff;border:1px solid #ebeced;width:25pc;box-shadow:0 0 10px rgba(0,0,0,.3);border-radius:8px;font-family:helvetica neue,helvetica,arial,sans-serif;text-align:left;z-index:9999}.at4win .at4win-header{position:relative;border-bottom:1px solid #f2f2f2;background:#fff;height:49px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;border-top-left-radius:8px;border-top-right-radius:8px;cursor:default}.at4win .at4win-header .at-h3,.at4win .at4win-header h3{height:49px;line-height:49px;margin:0 50px 0 0;padding:1px 0 0;margin-left:20px;font-family:helvetica neue,helvetica,arial,sans-serif;font-size:1pc;font-weight:700;text-shadow:0 1px #fff;color:#333}.at4win .at4win-header .at-h3 img,.at4win .at4win-header h3 img{display:inline-block;margin-right:4px}.at4win .at4win-header .at4-close{display:block;position:absolute;top:0;right:0;background:url("data:image/gif;base64,R0lGODlhFAAUAIABAAAAAP///yH5BAEAAAEALAAAAAAUABQAAAIzBIKpG+YMm5Enpodw1HlCfnkKOIqU1VXk55goVb2hi7Y0q95lfG70uurNaqLgTviyyUoFADs=") no-repeat center center;background-repeat:no-repeat;background-position:center center;border-left:1px solid #d2d2d1;width:49px;height:49px;line-height:49px;overflow:hidden;text-indent:-9999px;text-shadow:none;cursor:pointer;opacity:.5;border:0;transition:opacity .15s ease-in}.at4win .at4win-header .at4-close::-moz-focus-inner{border:0;padding:0}.at4win .at4win-header .at4-close:hover{opacity:1;background-color:#ebeced;border-top-right-radius:7px}.at4win .at4win-content{position:relative;background:#fff;min-height:220px}#at4win-footer{position:relative;background:#fff;border-top:1px solid #d2d2d1;-webkit-border-bottom-right-radius:8px;-webkit-border-bottom-left-radius:8px;-moz-border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;border-bottom-right-radius:8px;border-bottom-left-radius:8px;height:11px;line-height:11px;padding:5px 20px;font-size:11px;color:#666;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}#at4win-footer a{margin-right:10px;text-decoration:none;color:#666}#at4win-footer a:hover{text-decoration:none;color:#000}#at4win-footer a.at4-logo{top:5px;padding-left:10px}#at4win-footer a.at4-privacy{position:absolute;top:5px;right:10px;padding-right:14px}.at4win.ats-dark{border-color:#555;box-shadow:none}.at4win.ats-dark .at4win-header{background:#1b1b1b;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}.at4win.ats-dark .at4win-header .at4-close{background:url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMTEvMTMvMTKswDp5AAAAd0lEQVQ4jb2VQRLAIAgDE///Z3qqY1FAhalHMCsCIkVEAIAkkVgvp2lDBgYAnAyHkWotLccNrEd4A7X2TqIdqLfnWBAdaF5rJdyJfjtPH5GT37CaGhoVq3nOm/XflUuLUto2pY1d+vRKh0Pp+MrAVtDe2JkvYNQ+jVSEEFmOkggAAAAASUVORK5CYII=") no-repeat center center;background-image:url(https://s7.addthis.com/static/fb08f6d50887bd0caacc86a62bcdcf68.svg),none;border-color:#333}.at4win.ats-dark .at4win-header .at4-close:hover{background-color:#000}.at4win.ats-dark .at4win-header .at-h3,.at4win.ats-dark .at4win-header h3{color:#fff;text-shadow:0 1px #000}.at4win.ats-gray .at4win-header{background:#fff;border-color:#d2d2d1;-webkit-border-top-left-radius:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-topleft:6px;-moz-border-radius-topright:6px;border-top-left-radius:6px;border-top-right-radius:6px}.at4win.ats-gray .at4win-header a.at4-close{border-color:#d2d2d1}.at4win.ats-gray .at4win-header a.at4-close:hover{background-color:#ebeced}.at4win.ats-gray #at4win-footer{border-color:#ebeced}.at4win .clear{clear:both}.at4win ::selection{background:#fe6d4c;color:#fff}.at4win ::-moz-selection{background:#fe6d4c;color:#fff}.at4-icon-fw{display:inline-block;background-repeat:no-repeat;background-position:0 0;margin:0 5px 0 0;overflow:hidden;text-indent:-9999em;cursor:pointer;padding:0;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}.at44-follow-container a.aticon{height:2pc;margin:0 5px 5px 0}.at44-follow-container .at4-icon-fw{margin:0}</style><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/151.67aec2e0546e639563bb.js.download"></script><style id="at4-follow-offset" type="text/css" media="screen">#at4-follow,#at4-foc {bottom:20px !important;top:auto;}</style><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/168.eef589906e0857099dc0.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/170.9e7b6cd69e254af1f499.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/140.61020b6c086bdb8bc696.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/189.51293832a7399c176a0f.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/143.3d8bb49f121080f7c65c.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/167.8402b988bbfaa91066f4.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/166.d2efa7860ccf13d7899c.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/179.e3e56d7e6285ef8081c5.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/19.aeba02b396b4bc480429.js.download"></script><script type="text/javascript" charset="utf-8" async="" src="./Web-Dev-Hub_files/178.9cb53d47911af643216c.js.download"></script><link rel="prefetch" href="https://bgoonz-blog.netlify.app/component---src-templates-docs-js-aae6d3ffae0d0d5d89e1.js"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/component---src-templates-docs-js-aae6d3ffae0d0d5d89e1.js"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/component---src-templates-advanced-js-5111245125b80efd0859.js"><link rel="prefetch" href="https://bgoonz-blog.netlify.app/component---src-templates-blog-js-3fd4dcf59a47fe68e73a.js"></head><body class="palette-navy" data-react-helmet="class"><noscript id="gatsby-noscript">This app works best with JavaScript enabled.</noscript><div id="___gatsby" dangerouslysetinnerhtml="[object Object]"><div tabindex="-1" id="gatsby-focus-wrapper" style="outline: none;"><div id="page" class="site"><header id="masthead" class="site-header outer"><br><div class="inner"><div class="site-header-inside"><div class="site-branding"><p class="site-logo"><a aria-current="page" class="" href="https://bgoonz-blog.netlify.app/"><img src="./Web-Dev-Hub_files/home-button.png" alt="webdevhub logo"></a></p> </div><nav id="main-navigation" class="site-navigation" aria-label="Main Navigation"><div class="site-nav-inside"><button id="menu-close" class="menu-toggle"><span class="screen-reader-text">Open Menu</span><span class="icon-close" aria-hidden="true"></span></button><ul class="menu"><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/sitemap">Navigation🗺️</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs">Docs</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/showcase">Showcase🔎</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/faq/contact">Contact!📧</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/python/python-ds">Python🐍</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/javascript">JavaScript</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/about/internal-use">Internal Use💻</a></li></ul> </li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/blog/">Blog📰</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz.blogspot.com/" class="button">Blog-Post-Archive</a></li><li class="menu-item menu-button"><a href="https://blog-w-comments.vercel.app/" class="button">Top Blog Posts📰</a></li></ul> </li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/career/">Job Search🎓</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/career/job-boards">Job Boards💰</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//docs/career/" class="button">Career-Tips🎓</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/interview/interview-questions">Interview Questions❓</a></li></ul> </li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/archive">Archive🗄📂</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Learning-Assets" class="button">Resource-Archive-Server📂</a></li><li class="menu-item menu-button"><a href="https://lambda-resources.netlify.app/" class="button">Bootcamp Resources🥾🏕</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//blog/webdev-setup/" class="button">Web Dev Setup👶</a></li><li class="menu-item menu-button"><a href="https://web-dev-resource-hub.netlify.app/" class="button">OG-Blog</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/docs/git-repos/">Top Repos</a></li><li class="menu-item menu-button"><a href="https://bryan-guner.gitbook.io/my-docs/" class="button">MY_DOCS</a></li></ul> </li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/projects">Projects</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" class="button">Potluck Planner</a></li><li class="menu-item menu-button"><a href="https://meditate42app.netlify.app/" class="button">Meditation App</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/WebAudioDaw/" class="button">WebAudioLab</a></li><li class="menu-item menu-button"><a href="https://search-awesome.vercel.app/" class="button">SearchAwesome</a></li><li class="menu-item menu-button"><a href="https://bg-portfolio.netlify.app/" class="button">Condensed -Portfolio</a></li><li class="menu-item menu-button"><a href="https://a.familypromiseservicetracker.dev/" class="button">Family Promise Tracker</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering" class="button">DTW-Guitar-FX-Automation</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/embeds/" class="button">Embeds Blog</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">alt-blogs</a></li><li class="menu-item menu-button"><a href="https://bgoonz-games.netlify.app/" class="button">Games</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog-v3-0.netlify.app/" class="button">Blog Backup</a></li><li class="menu-item menu-button"><a href="https://bgoonz-cv.netlify.app/" class="button">Cover Letter</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Centric</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//" class="button">Wordpress Blog</a></li><li class="menu-item menu-button"><a href="https://project-portfolio42.netlify.app/" class="button">Project Portfolio Gallery</a></li><li class="menu-item menu-button"><a href="https://bgoonz.github.io/github-stats-website/" class="button">github-stats-website</a></li></ul> </li><li class="menu-item has-children menu-button"><a href="https://bgoonz-blog.netlify.app//admin/" class="button">Admin🛇</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//admin/#/collections/docs" class="button">Write Docs📰</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//admin/#/collections/blog/new" class="button">Write Blog📰</a></li><li class="menu-item menu-button"><a href="https://bgoonz-blog.netlify.app//admin/#/collections/blog/new" class="button">Webmaster🧲</a></li></ul> </li><li class="menu-item has-children menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/docs/tools">Tools🧰</a> <button class="submenu-toggle"><span class="icon-angle-right" aria-hidden="true"></span><span class="screen-reader-text">Sub-menu</span></button><ul class="submenu"><li class="menu-item menu-button"><a href="https://githtmlpreview.netlify.app/" class="button">Github HTML Previewer</a></li><li class="menu-item menu-button"><a href="https://devtools42.netlify.app/" class="button">Text Tools📰</a></li><li class="menu-item menu-button"><a href="https://ternary42.netlify.app/" class="button">Ternary 2 If Else</a></li><li class="menu-item menu-button"><a class="button" href="https://bgoonz-blog.netlify.app/hps://web-dev-utility-tools-bgoonz.netlify.app/">Web Dev Utility Tools</a></li><li class="menu-item menu-button"><a href="https://github.com/bgoonz/web-dev-setup-checker" class="button">Setup Checker</a></li><li class="menu-item menu-button"><a href="https://potluck-landing.netlify.app/" class="button">PotluckPlanner</a></li><li class="menu-item menu-button"><a href="https://web-dev-interview-prep-quiz-website.netlify.app/" class="button">WebDev Quizzes</a></li><li class="menu-item menu-button"><a href="https://github.com/search/advanced" class="button">Github-Advanced-Search</a></li></ul> </li> </ul></div></nav><button id="menu-open" class="menu-toggle"><span class="screen-reader-text">Close Menu</span><span class="icon-menu" aria-hidden="true"></span></button> </div></div><div id="sb-search-example"><div class="sb-search-icon" id="myCustomSearchButtonID"><i class="sb-icon"></i><p>Search</p></div><style>
		@font-face {
            font-family: font-sb;
            src: url(https://api.searchbar.org/fonts/sb.eot?39450784);
            src: url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'), url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'), url(https://api.searchbar.org/fonts/?39450784) format('truetype'), url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');
            font-weight: 400;
            font-style: normal
        }

        #sb-search-example p {
            font-family: sans-serif;
            font-size: 18px;
            line-height: 12px;
	        margin: 0;
        }

        #sb-search-example {
            position: static;
            top: 0;
            width: auto;
            place-content: center;
            display: inline-block;
            box-shadow: 0px 2px 4px rgba(190, 190, 190, 0.5);
            border: solid 5px white;
            border-radius: 100px;
            flex-shrink: initial;
            flex-grow: initial;
        }


        #sb-search-example .sb-icon {
            font: normal normal 400 26px font-sb;
            align-items: center;
            padding: 10px;
            speak: none;
            display: inline-block;
            text-decoration: inherit;
            text-align: center;
            text-transform: none;
            cursor: pointer;
            margin: 0;
        }

        #sb-search-example .sb-search-icon {
            box-sizing: border-box;
            border: 0px;
            align-items: center;
            background: #007cff;
            color: #fff;
            cursor: pointer;
            display: flex;
            border-radius: 26px;
            padding: 0 20px 0 4px;
        }
	</style></div><a class="github-corner" href="https://github.com/bgoonz/BGOONZ_BLOG_2.0" aria-label="View source on Github"><svg aria-hidden="true" width="30" height="30" viewBox="0 0 250 250" style="z-index: 100000; fill: black; color: rgb(255, 255, 255); position: fixed; top: 0px; border: 1px; left: 0px; transform: scale(-1.5, 1.5);"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path class="octo-arm" d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;"></path><path class="octo-body" d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor"></path></svg></a></header><main id="content" class="site-content"><section id="Intro" class="block block-hero has-gradient outer"><div class="bg-img" style="background-image: url(&quot;/images/dtw-slideshow.gif&quot;);"></div><div class="inner-sm"><div class="block-header"><h1 class="block-title">I am a musician, electrical engineer &amp; web developer</h1></div><div class="block-content"><p><strong>Please note that this website is in development and is often broken!</strong></p><p><a href="https://www.vagrantup.com/"></a><a href="mailto:bryan.guner@gmail.com"><img src="./Web-Dev-Hub_files/gmail.png" alt="gmail"></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/"><img src="./Web-Dev-Hub_files/linkedin.png" alt="linkedin"></a><a href="https://www.instagram.com/bgoonz/?hl=en"><img src="./Web-Dev-Hub_files/instagram-new.png" alt=""></a><a href="https://www.pinterest.com/bryanguner/_saved/"><img src="./Web-Dev-Hub_files/pinterest--v1.png" alt=""></a></p><p><a href="https://webpack.js.org/"></a><a href="https://www.adobe.com/products/xd.html"> </a></p><p><a href="https://app.netlify.com/sites/bgoonz-blog/deploys"><img src="./Web-Dev-Hub_files/badge-failed.svg" alt="NetlifyStatus"></a></p><p><a href="https://github.com/bgoonz/github-readme-activity-graph"><img src="./Web-Dev-Hub_files/graph" alt="Bryansgithubactivitygraph"></a></p><p><img src="./Web-Dev-Hub_files/api" alt="Jokes"></p><p><img src="./Web-Dev-Hub_files/-Python-05122A" alt="Python"><img src="./Web-Dev-Hub_files/-HTML-05122A" alt="HTML"><img src="./Web-Dev-Hub_files/-CSS-05122A" alt="CSS"><img src="./Web-Dev-Hub_files/-JavaScript-05122A" alt="JavaScript"><img src="./Web-Dev-Hub_files/-React-05122A" alt="React"><img src="./Web-Dev-Hub_files/-Node.js-05122A" alt="Node.js"></p><p><img src="./Web-Dev-Hub_files/-Visual Studio Code-05122A" alt="VisualStudioCode"><img src="./Web-Dev-Hub_files/-Docker-05122A" alt="Docker"><img src="./Web-Dev-Hub_files/-MongoDB-05122A" alt="MongoDB"><img src="./Web-Dev-Hub_files/-PostgreSQL-05122A" alt="PostgreSQL"></p><p><img src="./Web-Dev-Hub_files/-Git-05122A" alt="Git"><img src="./Web-Dev-Hub_files/-GitHub-05122A" alt="GitHub"><img src="./Web-Dev-Hub_files/-GitLab-05122A" alt="GitLab"></p><p><img src="./Web-Dev-Hub_files/-Markdown-05122A" alt="Markdown"></p></div><div class="block-buttons"><a href="https://sidebar-blog.netlify.app/contact/" target="_blank" rel="noopener " class="button button-secondary">Contact</a></div></div></section><section id="features" class="block block-grid outer"><div class="inner"><div class="block-content"><div class="grid grid-col-3"><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/bigo.jpg"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/ds-algo/big-o/">A Quick Guide To Big O</a></h3><div class="grid-item-content"><p>Memoization, Tabulation, and Sorting Algorithms by Example
Why is looking at runtime not a reliable method of calculating time
complexity?</p></div><div class="grid-item-buttons"><a class="button button-secondary" href="https://bgoonz-blog.netlify.app/docs/ds-algo/big-o/">View Post</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/python-language.jpg" alt="python"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/python/python-ds">Python Guide</a></h3><div class="grid-item-content"><p><em>Python has a built in help function that let's you see a description
of the source code without having to navigate to it… "-SickNasty …
Autor Unknown"  .</em></p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/python/python-ds" class="button button-secondary">View Posts</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/dtw-algo.jpg"></div><h3 class="grid-item-title line-left"><a href="https://github.com/bgoonz/Revamped-Automatic-Guitar-Effect-Triggering">Guitar Effects Triggering w DTW</a></h3><div class="grid-item-buttons"><a class="button button-secondary" href="https://bgoonz-blog.netlify.app/docs/tools">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/react.gif" alt="img of dtw"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/react/react2/">Beginner Guide React</a></h3><div class="grid-item-content"><p>As I learn to build web applications in React I will blog about it in
this series in an attempt to capture the questions that a complete
beginner might encounter that a more seasoned developer would take for
granted!</p></div><div class="grid-item-buttons"></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/pleasant-birch.png" alt="img of react"></div><h3 class="grid-item-title line-left"><a href="https://dev.to/bgoonz/scope-and-context-in-javascript-5cma">Scope &amp; Closure</a></h3><div class="grid-item-content"><p>Scope &amp; Context in JS</p><p>The <strong>scope</strong> of a program in JavaScript is the set of variables that are available for use within the program. </p></div><div class="grid-item-buttons"></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/dtw-slideshow.gif" alt="scope and closure"></div><h3 class="grid-item-title line-left">Web Audio Daw</h3><div class="grid-item-content"><p>PostgreSQL Cheat Sheet, Everything You Need to View Post With VSCode</p><ul><li>Extensions &amp; Resources, Super Simple Intro To HTML,  Understanding
Git... etc....</li></ul></div><div class="grid-item-buttons"></div></div></div></div></div></div></section><section id="interests" class="block block-grid outer has-header"><div class="inner"><div class="block-header inner-sm"><h2 class="block-title">Current Interests</h2><p class="block-subtitle">From github repositories to existential questions.</p></div><div class="block-content"><div class="grid grid-col-3"><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/algolia.png" alt="angolia"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/angolia">Angolia</a></h3><div class="grid-item-content"><h2 id="full-text-search">Full Text Search</h2><p><a href="https://www.algolia.com/">Full Text Search</a></p><h2 id=""></h2></div><div class="grid-item-buttons"></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/neural.PNG" alt="neural networks"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/neural%20networks">Convolutional Neural Networks</a></h3><div class="grid-item-content"><p>Artificial neural networks, usually simply called neural networks, are computing systems vaguely inspired by the biological <a href="https://github.com/tensorflow/tensorflow">neural networks</a><img src="./Web-Dev-Hub_files/neural(1).PNG" alt=""></p></div><div class="grid-item-buttons"></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/jamstack.png" alt="jamstack"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/jamstack">Jamstack</a></h3><div class="grid-item-content"><h5 id="why-jamstack-jamstack-is-the-new-standard-architecture-for-the">Why Jamstack Jamstack is the new standard architecture for the</h5><p>web. Using Git workflows and modern build tools, pre-rendered content
is served to a CDN and made dynamic through APIs and serverless
functions. Technologies in the stack include JavaScript frameworks,
Static Site Generators, Headless CMSs, and CDNs.</p></div><div class="grid-item-buttons"></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/eventloop.gif" alt="event loop"></div><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/">Asynchronous JavaScript</a></h3><div class="grid-item-content"><p>The term <strong>asynchronous</strong> refers to two or more objects or events <strong>not</strong> existing or happening at the same time (or multiple related things happening without waiting for the previous one to complete). In computing, the word "asynchronous" is used in two major contexts.</p></div><div class="grid-item-buttons"><a href="https://www.allaboutthejersey.com/" class="button button-secondary">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/njdev-219301cd.jpg" alt="nj-devils"></div><h3 class="grid-item-title line-left"><a href="https://www.allaboutthejersey.com/">NJ Devils</a></h3><div class="grid-item-content"><h1 id="new-jersey-devils-hockey-team">New Jersey Devils Hockey Team</h1><h3 id="hockey-in-general">(Hockey in general)</h3><h2 id="team-identity">Team identity</h2><p><a href="https://en.wikipedia.org/wiki/File:OldDevils.png"><img src="./Web-Dev-Hub_files/OldDevils.png" alt=""></a></p><p>The old green style jerseys used from 1982 to 1992The jerseys used from 1992 to 2017<a href="https://en.wikipedia.org/wiki/Sean_Avery">Sean Avery</a> of the <a href="https://en.wikipedia.org/wiki/New_York_Rangers">New York Rangers</a> attempts to distract Brodeur during the <a href="https://en.wikipedia.org/wiki/2008_Stanley_Cup_playoffs">2008 Stanley Cup playoffs</a>. The playoff series was the fifth to feature the <a href="https://en.wikipedia.org/wiki/Devils%E2%80%93Rangers_rivalry">Devils-Rangers rivalry</a>.</p></div><div class="grid-item-buttons"><a href="https://www.iter.org/" class="button button-secondary">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/iter.jpg" alt="ITER Reactor"></div><h3 class="grid-item-title line-left"><a href="https://www.iter.org/">ITER Fusion Reactor Experiment (Southern France)</a></h3><div class="grid-item-content"><h1 id="break-even-nuclear-fusion-candidate">Break Even Nuclear Fusion Candidate</h1><p>In December, researchers at the Joint European Torus (JET) started
conducting fusion experiments with tritium — a rare and radioactive
isotope of hydrogen. The facility is a one-tenth-volume mock-up of the
US$22-billion ITER project and has the same doughnut-shaped 'tokamak'
design — the world's most developed approach to fusion energy. It is
the first time since 1997 that researchers have done experiments in a
tokamak with any significant amount of tritium.</p></div><div class="grid-item-buttons"></div></div></div></div></div></div></section><section id="features-two-col" class="block block-grid outer has-header"><div class="inner"><div class="block-header inner-sm"><h2 class="block-title">Resume &amp; Portfolio</h2></div><div class="block-content"><div class="grid grid-col-2"><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/image-of-resume.png"></div><h3 class="grid-item-title line-left"><a href="https://github.com/bgoonz/resume-cv-portfolio-samples/raw/master/2021-resume/bryan-guner-resume-2021.pdf">Resume</a></h3><div class="grid-item-buttons"><a href="https://1drv.ms/b/s!AkGiZ9n9CRDSpLsZsnPtiN7p77vq6A" class="button button-secondary">View In One Drive</a><a href="https://bgoonz-blog.netlify.app/#">Web Version</a><a href="https://github.com/bgoonz/bgoonz/raw/master/bryan_guner_resume_2021_V9.pdf" class="button button-secondary">Download PDF</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><div class="grid-item-image"><img src="./Web-Dev-Hub_files/portfolio.jpg" alt="portfolio of websites"></div><h3 class="grid-item-title line-left">Showcase</h3><div class="grid-item-content"><p><img src="./Web-Dev-Hub_files/lambda-demo1.gif" alt="My Projects">My Projects!</p></div><div class="grid-item-buttons"><a class="button button-secondary" href="https://bgoonz-blog.netlify.app/showcase">Learn More</a></div></div></div></div></div></div></section><section id="Mini Projects" class="block block-text outer"><div class="outter"><div class="inner"><div><div class="block-header"><h2 class="block-title">Blog-Archive-And-Mini-Projects</h2></div><div class="block-buttons"></div></div></div></div></section><section id="new content" class="block block-text outer"><div class="outter"><div class="inner grid-swap"><div class="grid-item block-image"><img src="./Web-Dev-Hub_files/cool annimation.gif" alt="animated gif"></div><div><div class="block-header"><h2 class="block-title">Latest &amp; Greatest</h2></div><div class="outer"><h2 id="web-dev-utilitiy-tools">Web Dev Utilitiy Tools</h2><iframe class="block-content" width="100%  width=" height="1000px!important" src="./Web-Dev-Hub_files/saved_resource(1).html"></iframe><iframe sandbox="allow-scripts" src="./Web-Dev-Hub_files/saved_resource(2).html" class="block-content" width="100%  width=" height="1000px!important" style="resize: both; overflow: scroll;"></iframe></div><div class="block-buttons"></div></div></div></div></section><section id="tools" class="block block-text outer"><div class="outter"><div class="inner"><div><div class="block-header"><h2 class="block-title">Tools Showcase</h2></div><div class="outer"><iframe class="block-content" width="100%  width=" height="1000px!important" src="./Web-Dev-Hub_files/saved_resource(3).html"></iframe><iframe class="block-content" width="100%  width=" height="1000px!important" src="./Web-Dev-Hub_files/saved_resource(4).html"></iframe></div><div class="block-buttons"></div></div></div></div></section><section id="Web Audio DAW" class="block block-text outer"><div class="outter"><div class="inner"><div class="grid-item block-image"><img src="./Web-Dev-Hub_files/goals.jpg" alt="medium"></div><div><div class="block-header"><h2 class="block-title">Web Audio DA</h2></div><div class="block-buttons"><a href="https://mihirbegmusiclab.netlify.app/" target="_blank" rel="noopener " class="button">Go To Web Audio Daw</a></div></div></div></div></section><section id="navigate from the home page" class="block block-grid outer has-header"><div class="inner"><div class="block-header inner-sm"><h2 class="block-title">Quick Links</h2><p class="block-subtitle">quick links home</p></div><div class="block-content"><div class="grid grid-col-2"><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/about/">About</a></h3><div class="grid-item-content"><p>Web-Dev-Hub is my personal blogand documentation site</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/about/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/articles/">Articles</a></h3><div class="grid-item-content"><p>my web development articles</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/articles/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/audio/">Audio</a></h3><div class="grid-item-content"><p>Audio Projects and tools / web audio daw</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/audio/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/career/">Career</a></h3><div class="grid-item-content"><p>Reference materials and descriptions of fundamental concepts as well as visua</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/career/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/community/">Community</a></h3><div class="grid-item-content"><p>We'd love it if you participate in the Libris community. Find out how to get connected.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/community/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/content/">Content</a></h3><div class="grid-item-content"><p>In this section you'll learn how to add syntax highlighting, examples, callouts and much more.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/content/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/css/">CSS </a></h3><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/css/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/ds-algo/">Data Structures</a></h3><div class="grid-item-content"><p>In this section you'll learn how to add syntax highlighting, examples, callouts and much more.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/ds-algo/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/docs/">Docs</a></h3><div class="grid-item-content"><p>Documentation</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/docs/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/faq/">FAQ</a></h3><div class="grid-item-content"><p>In this section you'll find commonly asked questions regarding the Libris theme. If you have questions, don't hesitate to ask us directly.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/faq/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a></a></h3><div class="grid-item-buttons"><a>Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/interact/">Interact</a></h3><div class="grid-item-content"><p>Interactive examples and projects</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/interact/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/javascript/">Javascript</a></h3><div class="grid-item-content"><p>Javascript articles  and docs</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/javascript/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/js-tips/">JS-Quick-Tips</a></h3><div class="grid-item-content"><p>Javascript articles  and docs</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/js-tips/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a></a></h3><div class="grid-item-buttons"><a>Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/leetcode/">Leetcode</a></h3><div class="grid-item-content"><p>feel free to try the examples</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/leetcode/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/overflow/">Overflow</a></h3><div class="grid-item-content"><p>feel free to try the examples</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/overflow/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/projects/">Projects</a></h3><div class="grid-item-content"><p>We'd love it if you participate in the Web-Dev-Hubcommunity. Find out how to get connected.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/projects/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/python/">Python</a></h3><div class="grid-item-content"><p>Python</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/python/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/quick-ref/">QuickRef</a></h3><div class="grid-item-content"><p>In this section you'll find basic information about Web-Dev-Hub and how to use it.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/quick-ref/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/react/">React</a></h3><div class="grid-item-content"><p>To make it easy to write documentation in plain Markdown, most React are styled using Markdown elements with few additional CSS classes.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/react/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/reference/">Reference</a></h3><div class="grid-item-content"><p>helpful reference guides</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/reference/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/tools/">Tools</a></h3><div class="grid-item-content"><p>See some interesting tools developed by the Web-Dev-Hubcommunity to help automate parts of your workflow.</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/tools/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/tips/">Tips</a></h3><div class="grid-item-content"><p>lorem-ipsum</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/tips/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/tutorials/">Tutorials</a></h3><div class="grid-item-content"><p>Walkthroughs of various development activities and skills</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/tutorials/">Learn More</a></div></div></div><div class="grid-item"><div class="grid-item-inside"><h3 class="grid-item-title line-left"><a href="https://bgoonz-blog.netlify.app/docs/typescript/">typescript</a></h3><div class="grid-item-content"><p>Walkthroughs of various development activities and skills</p></div><div class="grid-item-buttons"><a href="https://bgoonz-blog.netlify.app/docs/typescript/">Learn More</a></div></div></div></div></div></div></section><section id="contact" class="block block-cta outer"><div class="inner"><div class="has-gradient"><div class="grid grid-middle grid-center"><div class="grid-item block-header"><h2 class="block-title">Contact</h2><p class="block-subtitle">get in touch! +1 (551) - 254 - 5505</p></div><div class="grid-item block-buttons"><a class="button" href="https://bgoonz-blog.netlify.app/docs/faq/contact">Contact</a></div></div></div></div></section><div class="gcse-search"></div> </main><footer id="colophon" class="site-footer outer"><div><table cellpadding="0" cellspacing="0" border="0"><tbody><tr><td style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"><table width="95%" cellpadding="0" cellspacing="0" border="0" style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"><tbody><tr><td align="left" style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"><a target="_blank" href="https://search.freefind.com/siteindex.html?si=14588965">index</a></td><td align="center" style="font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt;"><a target="_blank" href="https://search.freefind.com/find.html?si=14588965&amp;m=0&amp;p=0">sitemap</a></td></tr></tbody></table><form action="https://search.freefind.com/find.html" method="get" accept-charset="utf-8" target="_self" style="margin: 1px auto auto;"><input type="hidden" name="si" value="14588965"><input type="hidden" name="pid" value="r"><input type="hidden" name="n" value="0"><input type="hidden" name="_charset_" value="true"><input type="hidden" name="bcd" value="÷"><input type="text" name="query" size="15"><input type="submit"></form></td></tr><tr><td style="text-align: center; font-family: Arial, Helvetica, sans-serif; padding-top: 2px;"></td></tr></tbody></table></div><div class="inner"><div id="search" class="inner"></div><div class="site-footer-inside"><p class="site-info"><span class="copyright">@bgoonz on almost every platform</span><a href="https://random-static-html-deploys.netlify.app/blm.html" class="button">BLM</a></p><div class="social-links"><a href="https://twitter.com/bgooonz" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.954 4.569a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.691 8.094 4.066 6.13 1.64 3.161a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.061a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.937 4.937 0 004.604 3.417 9.868 9.868 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63a9.936 9.936 0 002.46-2.548l-.047-.02z"></path></svg><span class="screen-reader-text">Twitter</span></a><a href="https://www.linkedin.com/in/bryan-guner-046199128/" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg><span class="screen-reader-text">LinkedIn</span></a><a href="https://github.com/bgoonz" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg><span class="screen-reader-text">GitHub</span></a><a href="https://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.495 6.205a3.007 3.007 0 00-2.088-2.088c-1.87-.501-9.396-.501-9.396-.501s-7.507-.01-9.396.501A3.007 3.007 0 00.527 6.205a31.247 31.247 0 00-.522 5.805 31.247 31.247 0 00.522 5.783 3.007 3.007 0 002.088 2.088c1.868.502 9.396.502 9.396.502s7.506 0 9.396-.502a3.007 3.007 0 002.088-2.088 31.247 31.247 0 00.5-5.783 31.247 31.247 0 00-.5-5.805zM9.609 15.601V8.408l6.264 3.602z"></path></svg><span class="screen-reader-text">Youtube</span></a><a href="https://www.instagram.com/bgoonz/?hl=en" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.905.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.935 3.35.63 4.14C.333 4.905.131 5.775.072 7.053.012 8.333 0 8.74 0 12s.015 3.667.072 4.947c.06 1.277.261 2.148.558 2.913a5.885 5.885 0 001.384 2.126A5.868 5.868 0 004.14 23.37c.766.296 1.636.499 2.913.558C8.333 23.988 8.74 24 12 24s3.667-.015 4.947-.072c1.277-.06 2.148-.262 2.913-.558a5.898 5.898 0 002.126-1.384 5.86 5.86 0 001.384-2.126c.296-.765.499-1.636.558-2.913.06-1.28.072-1.687.072-4.947s-.015-3.667-.072-4.947c-.06-1.277-.262-2.149-.558-2.913a5.89 5.89 0 00-1.384-2.126A5.847 5.847 0 0019.86.63c-.765-.297-1.636-.499-2.913-.558C15.667.012 15.26 0 12 0zm0 2.16c3.203 0 3.585.016 4.85.071 1.17.055 1.805.249 2.227.415.562.217.96.477 1.382.896.419.42.679.819.896 1.381.164.422.36 1.057.413 2.227.057 1.266.07 1.646.07 4.85s-.015 3.585-.074 4.85c-.061 1.17-.256 1.805-.421 2.227a3.81 3.81 0 01-.899 1.382 3.744 3.744 0 01-1.38.896c-.42.164-1.065.36-2.235.413-1.274.057-1.649.07-4.859.07-3.211 0-3.586-.015-4.859-.074-1.171-.061-1.816-.256-2.236-.421a3.716 3.716 0 01-1.379-.899 3.644 3.644 0 01-.9-1.38c-.165-.42-.359-1.065-.42-2.235-.045-1.26-.061-1.649-.061-4.844 0-3.196.016-3.586.061-4.861.061-1.17.255-1.814.42-2.234.21-.57.479-.96.9-1.381.419-.419.81-.689 1.379-.898.42-.166 1.051-.361 2.221-.421 1.275-.045 1.65-.06 4.859-.06l.045.03zm0 3.678a6.162 6.162 0 100 12.324 6.162 6.162 0 100-12.324zM12 16c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4zm7.846-10.405a1.441 1.441 0 01-2.88 0 1.44 1.44 0 012.88 0z"></path></svg><span class="screen-reader-text">Instagram</span></a><a href="https://dev.to/bgoonz" class="button button-icon"><svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M7.42 10.05c-.18-.16-.46-.23-.84-.23H6l.02 2.44.04 2.45.56-.02c.41 0 .63-.07.83-.26.24-.24.26-.36.26-2.2 0-1.91-.02-1.96-.29-2.18zM0 4.94v14.12h24V4.94H0zM8.56 15.3c-.44.58-1.06.77-2.53.77H4.71V8.53h1.4c1.67 0 2.16.18 2.6.9.27.43.29.6.32 2.57.05 2.23-.02 2.73-.47 3.3zm5.09-5.47h-2.47v1.77h1.52v1.28l-.72.04-.75.03v1.77l1.22.03 1.2.04v1.28h-1.6c-1.53 0-1.6-.01-1.87-.3l-.3-.28v-3.16c0-3.02.01-3.18.25-3.48.23-.31.25-.31 1.88-.31h1.64v1.3zm4.68 5.45c-.17.43-.64.79-1 .79-.18 0-.45-.15-.67-.39-.32-.32-.45-.63-.82-2.08l-.9-3.39-.45-1.67h.76c.4 0 .75.02.75.05 0 .06 1.16 4.54 1.26 4.83.04.15.32-.7.73-2.3l.66-2.52.74-.04c.4-.02.73 0 .73.04 0 .14-1.67 6.38-1.8 6.68z"></path></svg><span class="screen-reader-text">dev.to</span></a></div></div></div></footer></div></div><div id="gatsby-announcer" aria-live="assertive" aria-atomic="true" style="position: absolute; top: 0px; width: 1px; height: 1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;"></div></div> <script src="./Web-Dev-Hub_files/79e951f3b3c426f682e46bc779beccbf0251f296.js.download"></script><script id="gatsby-script-loader">/*<![CDATA[*/window.pagePath="/";/*]]>*/</script><script id="gatsby-chunk-mapping">/*<![CDATA[*/window.___chunkMapping={"polyfill":["/polyfill-8b9b53494d2f60ac5195.js"],"app":["/app-42801d3897f319a9f947.js"],"component---src-pages-404-js":["/component---src-pages-404-js-9f885780431ba88cca5c.js"],"component---src-templates-advanced-js":["/component---src-templates-advanced-js-5111245125b80efd0859.js"],"component---src-templates-blog-js":["/component---src-templates-blog-js-3fd4dcf59a47fe68e73a.js"],"component---src-templates-docs-js":["/component---src-templates-docs-js-aae6d3ffae0d0d5d89e1.js"],"component---src-templates-page-js":["/component---src-templates-page-js-abd6cbf2f4ae6b2c952c.js"],"component---src-templates-post-js":["/component---src-templates-post-js-13d73fae44d0334c48fd.js"]};/*]]>*/</script><script nomodule="" src="./Web-Dev-Hub_files/polyfill-8b9b53494d2f60ac5195.js.download"></script><script async="" src="./Web-Dev-Hub_files/4f0f99d8d373336c526a927b2bbc811c9c19eacf.js.download"></script> <input type="button" style="position: fixed;top: 10px;right: 10px;width:80px;color:white;font-weight:bold;background-color:rgba(0, 0, 0, 0.856); border-radius:15px;" value="Go Back" onclick="history.back(-1)">
      <!--?php
        $url = htmlspecialchars($_SERVER['HTTP_REFERER']);
        echo "<a href='$url'--><a href="https://bgoonzblog20master.gatsbyjs.io/"><img src="./Web-Dev-Hub_files/qr.php" style="position: fixed;bottom: 100px;right:20px;"></a><a href="https://pdfcrowd.com/url_to_pdf/?" onclick="if(!this.p)href+=&#39;&amp;url=&#39;+encodeURIComponent(location.href);this.p=1">
   Save to PDF
</a><div></div><div></div><div id="at-image-sharing-tool" aria-labelledby="at-image-sharing-tool-label" role="region" class="at-image-sharing-tool at-orientation-horizontal addthis-smartlayers addthis-animated at-image-sharing-tool-size-big fadeOut" style="top: 694px; left: 885px;"><div class="at-image-sharing-tool-label at4-hide">AddThis Sharing</div><div class="at-image-sharing-tool-btns at-custom-shape"><a role="button" tabindex="0" title="Pinterest" class="at-share-btn at-svc-pinterest_share"><span class="at-icon-wrapper" style="background-color: rgb(255, 255, 255); border-radius: 50%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-pinterest_share-1" title="Pinterest" alt="Pinterest" class="at-icon at-icon-pinterest_share" style="fill: rgb(34, 34, 34); width: 24px; height: 24px;"><title id="at-svg-pinterest_share-1">Pinterest</title><g><path d="M7 13.252c0 1.81.772 4.45 2.895 5.045.074.014.178.04.252.04.49 0 .772-1.27.772-1.63 0-.428-1.174-1.34-1.174-3.123 0-3.705 3.028-6.33 6.947-6.33 3.37 0 5.863 1.782 5.863 5.058 0 2.446-1.054 7.035-4.468 7.035-1.232 0-2.286-.83-2.286-2.018 0-1.742 1.307-3.43 1.307-5.225 0-1.092-.67-1.977-1.916-1.977-1.692 0-2.732 1.77-2.732 3.165 0 .774.104 1.63.476 2.336-.683 2.736-2.08 6.814-2.08 9.633 0 .87.135 1.728.224 2.6l.134.137.207-.07c2.494-3.178 2.405-3.8 3.533-7.96.61 1.077 2.182 1.658 3.43 1.658 5.254 0 7.614-4.77 7.614-9.067C26 7.987 21.755 5 17.094 5 12.017 5 7 8.15 7 13.252z" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" title="Facebook" class="at-share-btn at-svc-facebook"><span class="at-icon-wrapper" style="background-color: rgb(255, 255, 255); border-radius: 50%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-facebook-2" title="Facebook" alt="Facebook" class="at-icon at-icon-facebook" style="fill: rgb(34, 34, 34); width: 24px; height: 24px;"><title id="at-svg-facebook-2">Facebook</title><g><path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"></path></g></svg></span></a><a role="button" tabindex="0" title="Email" class="at-share-btn at-svc-email"><span class="at-icon-wrapper" style="background-color: rgb(255, 255, 255); border-radius: 50%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-email-3" title="Email" alt="Email" class="at-icon at-icon-email" style="fill: rgb(34, 34, 34); width: 24px; height: 24px;"><title id="at-svg-email-3">Email</title><g><g fill-rule="evenodd"></g><path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"></path><path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"></path></g></svg></span></a><a role="button" tabindex="0" title="Copy Link" class="at-share-btn at-svc-link"><span class="at-icon-wrapper" style="background-color: rgb(255, 255, 255); border-radius: 50%;"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-link-4" title="Copy Link" alt="Copy Link" class="at-icon at-icon-link" style="fill: rgb(34, 34, 34); width: 24px; height: 24px;"><title id="at-svg-link-4">Copy Link</title><g><path d="M23.476 20.663c0-.324-.114-.6-.34-.825l-2.524-2.524a1.124 1.124 0 0 0-.826-.34c-.34 0-.63.13-.873.388.024.024.1.1.23.225s.217.212.26.26c.046.05.106.126.183.23a.976.976 0 0 1 .2.644c0 .325-.113.6-.34.827-.226.226-.5.34-.825.34-.12 0-.23-.015-.332-.043a.976.976 0 0 1-.31-.158 2.89 2.89 0 0 1-.23-.182 7.506 7.506 0 0 1-.26-.26l-.226-.23c-.267.25-.4.545-.4.885 0 .322.113.597.34.824l2.5 2.512c.218.218.493.328.825.328.323 0 .598-.106.825-.316l1.784-1.772a1.11 1.11 0 0 0 .34-.813zm-8.532-8.556c0-.323-.113-.598-.34-.825l-2.5-2.512a1.124 1.124 0 0 0-.825-.34c-.316 0-.59.11-.826.328L8.67 10.53a1.11 1.11 0 0 0-.34.813c0 .323.113.598.34.825l2.524 2.524c.22.22.494.328.825.328.34 0 .63-.126.873-.376-.024-.025-.1-.1-.23-.225a7.506 7.506 0 0 1-.26-.262 2.89 2.89 0 0 1-.183-.23.976.976 0 0 1-.2-.644c0-.323.113-.598.34-.825.226-.227.5-.34.824-.34a.976.976 0 0 1 .643.2c.106.077.183.137.23.182.05.044.137.13.262.26s.2.207.224.23c.267-.25.4-.545.4-.885zm10.862 8.556c0 .97-.344 1.792-1.032 2.464L22.99 24.9c-.67.67-1.492 1.006-2.463 1.006-.98 0-1.805-.344-2.476-1.032l-2.5-2.512c-.67-.67-1.006-1.493-1.006-2.463 0-.997.356-1.842 1.068-2.538l-1.068-1.068c-.696.712-1.538 1.068-2.525 1.068-.97 0-1.797-.34-2.476-1.02L7.02 13.82C6.34 13.138 6 12.314 6 11.343c0-.97.344-1.792 1.032-2.464l1.784-1.773c.67-.67 1.492-1.007 2.463-1.007.978 0 1.803.344 2.475 1.032l2.5 2.512c.67.67 1.007 1.492 1.007 2.463 0 .995-.356 1.84-1.068 2.537l1.068 1.068c.696-.712 1.537-1.068 2.524-1.068.97 0 1.797.34 2.476 1.02l2.524 2.523c.68.68 1.02 1.505 1.02 2.476z" fill-rule="evenodd"></path></g></svg></span></a></div></div><div class="at-expanding-share-button-desktop at-expanding-share-button addthis-smartlayers addthis-animated slideInLeft" id="at-expanding-share-button" aria-labelledby="at-expanding-share-button-label" role="region" data-emotion="basic" data-position="bottom-left"><label id="at-expanding-share-button-label" class="at4-hide">AddThis Sharing</label><ul class="at-expanding-share-button-services-list"><li><a class="at-share-btn at-svc-facebook" data-name="Facebook" title="Share to Facebook" tabindex="6" role="button" href="https://bgoonz-blog.netlify.app/#"><span class="at-icon-wrapper" style="background-color: rgb(59, 89, 152);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-facebook-5" title="Facebook" alt="Facebook" class="at-icon at-icon-facebook"><title id="at-svg-facebook-5">Facebook</title><g><path d="M22 5.16c-.406-.054-1.806-.16-3.43-.16-3.4 0-5.733 1.825-5.733 5.17v2.882H9v3.913h3.837V27h4.604V16.965h3.823l.587-3.913h-4.41v-2.5c0-1.123.347-1.903 2.198-1.903H22V5.16z" fill-rule="evenodd"></path></g></svg></span></a></li><li><a class="at-share-btn at-svc-twitter" data-name="Twitter" title="Share to Twitter" tabindex="5" role="button" href="https://bgoonz-blog.netlify.app/#"><span class="at-icon-wrapper" style="background-color: rgb(29, 161, 242);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-twitter-6" title="Twitter" alt="Twitter" class="at-icon at-icon-twitter"><title id="at-svg-twitter-6">Twitter</title><g><path d="M27.996 10.116c-.81.36-1.68.602-2.592.71a4.526 4.526 0 0 0 1.984-2.496 9.037 9.037 0 0 1-2.866 1.095 4.513 4.513 0 0 0-7.69 4.116 12.81 12.81 0 0 1-9.3-4.715 4.49 4.49 0 0 0-.612 2.27 4.51 4.51 0 0 0 2.008 3.755 4.495 4.495 0 0 1-2.044-.564v.057a4.515 4.515 0 0 0 3.62 4.425 4.52 4.52 0 0 1-2.04.077 4.517 4.517 0 0 0 4.217 3.134 9.055 9.055 0 0 1-5.604 1.93A9.18 9.18 0 0 1 6 23.85a12.773 12.773 0 0 0 6.918 2.027c8.3 0 12.84-6.876 12.84-12.84 0-.195-.005-.39-.014-.583a9.172 9.172 0 0 0 2.252-2.336" fill-rule="evenodd"></path></g></svg></span></a></li><li><a class="at-share-btn at-svc-print" data-name="Print" title="Share to Print" tabindex="4" role="button" href="https://bgoonz-blog.netlify.app/#"><span class="at-icon-wrapper" style="background-color: rgb(115, 138, 141);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-print-7" title="Print" alt="Print" class="at-icon at-icon-print"><title id="at-svg-print-7">Print</title><g><path d="M24.67 10.62h-2.86V7.49H10.82v3.12H7.95c-.5 0-.9.4-.9.9v7.66h3.77v1.31L15 24.66h6.81v-5.44h3.77v-7.7c-.01-.5-.41-.9-.91-.9zM11.88 8.56h8.86v2.06h-8.86V8.56zm10.98 9.18h-1.05v-2.1h-1.06v7.96H16.4c-1.58 0-.82-3.74-.82-3.74s-3.65.89-3.69-.78v-3.43h-1.06v2.06H9.77v-3.58h13.09v3.61zm.75-4.91c-.4 0-.72-.32-.72-.72s.32-.72.72-.72c.4 0 .72.32.72.72s-.32.72-.72.72zm-4.12 2.96h-6.1v1.06h6.1v-1.06zm-6.11 3.15h6.1v-1.06h-6.1v1.06z"></path></g></svg></span></a></li><li><a class="at-share-btn at-svc-email" data-name="Email" title="Share to Email" tabindex="3" role="button" href="https://bgoonz-blog.netlify.app/#"><span class="at-icon-wrapper" style="background-color: rgb(132, 132, 132);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-email-8" title="Email" alt="Email" class="at-icon at-icon-email"><title id="at-svg-email-8">Email</title><g><g fill-rule="evenodd"></g><path d="M27 22.757c0 1.24-.988 2.243-2.19 2.243H7.19C5.98 25 5 23.994 5 22.757V13.67c0-.556.39-.773.855-.496l8.78 5.238c.782.467 1.95.467 2.73 0l8.78-5.238c.472-.28.855-.063.855.495v9.087z"></path><path d="M27 9.243C27 8.006 26.02 7 24.81 7H7.19C5.988 7 5 8.004 5 9.243v.465c0 .554.385 1.232.857 1.514l9.61 5.733c.267.16.8.16 1.067 0l9.61-5.733c.473-.283.856-.96.856-1.514v-.465z"></path></g></svg></span></a></li><li><a class="at-share-btn at-svc-pinterest_share" data-name="Pinterest" title="Share to Pinterest" tabindex="2" role="button" href="https://bgoonz-blog.netlify.app/#"><span class="at-icon-wrapper" style="background-color: rgb(203, 32, 39);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-pinterest_share-9" title="Pinterest" alt="Pinterest" class="at-icon at-icon-pinterest_share"><title id="at-svg-pinterest_share-9">Pinterest</title><g><path d="M7 13.252c0 1.81.772 4.45 2.895 5.045.074.014.178.04.252.04.49 0 .772-1.27.772-1.63 0-.428-1.174-1.34-1.174-3.123 0-3.705 3.028-6.33 6.947-6.33 3.37 0 5.863 1.782 5.863 5.058 0 2.446-1.054 7.035-4.468 7.035-1.232 0-2.286-.83-2.286-2.018 0-1.742 1.307-3.43 1.307-5.225 0-1.092-.67-1.977-1.916-1.977-1.692 0-2.732 1.77-2.732 3.165 0 .774.104 1.63.476 2.336-.683 2.736-2.08 6.814-2.08 9.633 0 .87.135 1.728.224 2.6l.134.137.207-.07c2.494-3.178 2.405-3.8 3.533-7.96.61 1.077 2.182 1.658 3.43 1.658 5.254 0 7.614-4.77 7.614-9.067C26 7.987 21.755 5 17.094 5 12.017 5 7 8.15 7 13.252z" fill-rule="evenodd"></path></g></svg></span></a></li></ul><div class="at-expanding-share-button-toggle"><a href="https://bgoonz-blog.netlify.app/#" role="button" title="Toggle Sharing Icons" tabindex="0" data-name="More" class="at-expanding-share-button-toggle-btn"><div class="at-expanding-share-button-toggle-bg"><div class="at-expanding-share-button-click-flash" style="transition-duration: 300ms;"></div><span style="background-color: rgb(255, 101, 80);"></span></div></a></div></div><div class="at4-follow-outer addthis-smartlayers"><div role="region" aria-labelledby="at4-follow-label" id="at4-follow" class="at4-follow at4-follow-24 ats-dark addthis-animated slideInRight"><div id="at4-follow-label">Follow</div><div class="at4-follow-inner"><div id="at4-fcc" class="at4-follow-close-control"><div title="Hide" class="at4-arrow at-right">Hide</div></div><div class="at4-follow-container addthis_24x24_style"><span class="at-follow-label">Connect</span><a svc="github" svcid="bgoonz" href="https://github.com/bgoonz" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on GitHub</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(23, 21, 21);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-github-10" class="at-icon at-icon-github"><title id="at-svg-github-10">GitHub</title><g><path d="M20.388 27s-.234-.337-.234-.562v-3.95c0-1.212-.325-2.1-.974-2.66.712-.075 1.352-.188 1.92-.337a7.65 7.65 0 0 0 1.76-.73 5.234 5.234 0 0 0 1.517-1.245c.406-.493.736-1.15.992-1.966.255-.82.383-1.76.383-2.82 0-1.51-.493-2.796-1.48-3.857.463-1.137.413-2.41-.15-3.82-.35-.113-.854-.044-1.516.205-.662.25-1.236.525-1.723.824l-.71.45a13.29 13.29 0 0 0-3.597-.487 13.29 13.29 0 0 0-3.595.487c-.2-.138-.465-.306-.796-.506-.33-.2-.852-.44-1.564-.72-.712-.282-1.248-.366-1.61-.254-.55 1.41-.593 2.684-.13 3.82C7.893 9.935 7.4 11.22 7.4 12.73c0 1.06.127 1.998.383 2.81.256.81.584 1.466.983 1.966.4.5.902.917 1.508 1.254a7.65 7.65 0 0 0 1.76.73c.568.15 1.208.263 1.92.338-.5.45-.806 1.092-.918 1.93a3.714 3.714 0 0 1-.843.28 5.3 5.3 0 0 1-1.067.093c-.412 0-.82-.133-1.227-.402-.405-.268-.75-.658-1.038-1.17a3.02 3.02 0 0 0-.908-.974c-.37-.25-.678-.4-.927-.45l-.375-.055c-.262 0-.443.027-.543.083-.1.056-.132.128-.095.215.038.088.094.175.17.262.074.088.155.163.242.225l.13.094c.276.124.548.36.816.71.268.35.465.668.59.955l.187.43c.162.476.437.86.824 1.153.387.293.805.48 1.255.562.448.08.882.124 1.3.13a5.51 5.51 0 0 0 1.04-.065l.43-.075c0 .475.004 1.03.01 1.667l.01 1.01c0 .226-.244.563-.244.563h7.612z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="linkedin" svcid="bryan-guner" href="http://www.linkedin.com/in/bryan-guner" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on LinkedIn</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(0, 119, 181);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-linkedin-11" class="at-icon at-icon-linkedin"><title id="at-svg-linkedin-11">LinkedIn</title><g><path d="M26 25.963h-4.185v-6.55c0-1.56-.027-3.57-2.175-3.57-2.18 0-2.51 1.7-2.51 3.46v6.66h-4.182V12.495h4.012v1.84h.058c.558-1.058 1.924-2.174 3.96-2.174 4.24 0 5.022 2.79 5.022 6.417v7.386zM8.23 10.655a2.426 2.426 0 0 1 0-4.855 2.427 2.427 0 0 1 0 4.855zm-2.098 1.84h4.19v13.468h-4.19V12.495z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="medium" svcid="bryanguner" href="https://medium.com/bryanguner" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on Medium</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(39, 39, 39);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-medium-12" class="at-icon at-icon-medium"><title id="at-svg-medium-12">Medium</title><g><g fill-rule="evenodd"></g><path d="M25.893 10.182c.06.03.098.09.098.158v13.424c0 .34-.248.494-.553.342l-6.104-3.052 6.572-10.68a.15.15 0 0 0-.06-.212l.048.02z"></path><path d="M15.003 13.984l4.233-6.878a.23.23 0 0 1 .293-.083l6.327 3.164a.15.15 0 0 1 .06.213l-6.56 10.66-4.354-7.076z" opacity=".8"></path><path d="M12.688 17.75l6.66 3.33-6.617-10.752a.288.288 0 0 0-.116-.107l-.036-.008a.15.15 0 0 1 .082.133v7.36l.028.045z" opacity=".6"></path><path d="M12.66 23.787c0 .34-.25.494-.553.342L6.37 21.26a.733.733 0 0 1-.37-.597V7.336c0-.227.166-.33.37-.228l6.208 3.104a.15.15 0 0 1 .082.133v13.442" opacity=".4"></path></g></svg></span></div></span></a><a svc="instagram" svcid="bgoonz" href="http://instagram.com/bgoonz" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on Instagram</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(224, 53, 102);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-instagram-13" class="at-icon at-icon-instagram"><title id="at-svg-instagram-13">Instagram</title><g><path d="M16 5c-2.987 0-3.362.013-4.535.066-1.17.054-1.97.24-2.67.512a5.392 5.392 0 0 0-1.95 1.268 5.392 5.392 0 0 0-1.267 1.95c-.272.698-.458 1.498-.512 2.67C5.013 12.637 5 13.012 5 16s.013 3.362.066 4.535c.054 1.17.24 1.97.512 2.67.28.724.657 1.337 1.268 1.95a5.392 5.392 0 0 0 1.95 1.268c.698.27 1.498.457 2.67.51 1.172.054 1.547.067 4.534.067s3.362-.013 4.535-.066c1.17-.054 1.97-.24 2.67-.51a5.392 5.392 0 0 0 1.95-1.27 5.392 5.392 0 0 0 1.268-1.95c.27-.698.457-1.498.51-2.67.054-1.172.067-1.547.067-4.534s-.013-3.362-.066-4.535c-.054-1.17-.24-1.97-.51-2.67a5.392 5.392 0 0 0-1.27-1.95 5.392 5.392 0 0 0-1.95-1.267c-.698-.272-1.498-.458-2.67-.512C19.363 5.013 18.988 5 16 5zm0 1.982c2.937 0 3.285.01 4.445.064 1.072.05 1.655.228 2.042.38.514.198.88.437 1.265.822.385.385.624.75.823 1.265.15.387.33.97.38 2.042.052 1.16.063 1.508.063 4.445 0 2.937-.01 3.285-.064 4.445-.05 1.072-.228 1.655-.38 2.042-.198.514-.437.88-.822 1.265-.385.385-.75.624-1.265.823-.387.15-.97.33-2.042.38-1.16.052-1.508.063-4.445.063-2.937 0-3.285-.01-4.445-.064-1.072-.05-1.655-.228-2.042-.38-.514-.198-.88-.437-1.265-.822a3.408 3.408 0 0 1-.823-1.265c-.15-.387-.33-.97-.38-2.042-.052-1.16-.063-1.508-.063-4.445 0-2.937.01-3.285.064-4.445.05-1.072.228-1.655.38-2.042.198-.514.437-.88.822-1.265.385-.385.75-.624 1.265-.823.387-.15.97-.33 2.042-.38 1.16-.052 1.508-.063 4.445-.063zm0 12.685a3.667 3.667 0 1 1 0-7.334 3.667 3.667 0 0 1 0 7.334zm0-9.316a5.65 5.65 0 1 0 0 11.3 5.65 5.65 0 0 0 0-11.3zm7.192-.222a1.32 1.32 0 1 1-2.64 0 1.32 1.32 0 0 1 2.64 0" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="jsfiddle" svcid="bgoonz" href="https://jsfiddle.net/user/bgoonz" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on JSFiddle</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(68, 120, 166);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-jsfiddle-14" class="at-icon at-icon-jsfiddle"><title id="at-svg-jsfiddle-14">JSFiddle</title><g><path d="M24.336 15.832a4.29 4.29 0 0 1 1.928 1.563c.49.713.736 1.506.736 2.38 0 1.174-.423 2.178-1.268 3.013-.845.834-1.865 1.25-3.06 1.25a2 2 0 0 1-.125-.004 1.984 1.984 0 0 0-.112-.006H9.36c-1.216-.07-2.247-.52-3.092-1.348C5.423 21.853 5 20.85 5 19.667c0-.788.197-1.515.59-2.18a4.392 4.392 0 0 1 1.58-1.58 2.978 2.978 0 0 1-.13-.88c0-.824.295-1.526.882-2.106.587-.58 1.3-.87 2.138-.87.68 0 1.296.208 1.847.624a6.467 6.467 0 0 1 2.39-2.664A6.393 6.393 0 0 1 17.805 9a6.48 6.48 0 0 1 3.287.865 6.45 6.45 0 0 1 2.38 2.347 6.244 6.244 0 0 1 .87 3.427 5.08 5.08 0 0 0-.006.192zm-14.31 2.857c0 .873.302 1.564.904 2.073.6.508 1.346.762 2.234.762.98 0 1.84-.354 2.578-1.063a22.93 22.93 0 0 0-.51-.607c-.226-.26-.38-.442-.467-.543-.48.466-.996.7-1.547.7-.394 0-.73-.12-1.005-.36-.275-.24-.413-.554-.413-.94 0-.38.138-.692.413-.936.276-.243.604-.365.983-.365.315 0 .618.076.908.227.29.15.55.347.784.59.233.244.466.513.698.806.233.294.48.587.742.88.26.295.537.563.827.807a3.5 3.5 0 0 0 1.042.59c.404.15.84.226 1.305.226.866 0 1.6-.256 2.197-.768s.896-1.194.896-2.046c0-.867-.3-1.554-.903-2.063-.6-.51-1.342-.764-2.223-.764-1.024 0-1.887.348-2.59 1.042l.318.366c.11.13.234.272.37.43.136.157.24.28.312.365.473-.46.98-.69 1.525-.69.373 0 .702.12.99.356.285.236.428.537.428.902 0 .408-.132.736-.397.983-.265.248-.602.37-1.01.37-.308 0-.603-.074-.886-.224a3.043 3.043 0 0 1-.774-.59 12.592 12.592 0 0 1-.703-.807 23.244 23.244 0 0 0-.747-.88 7.667 7.667 0 0 0-.832-.807 3.61 3.61 0 0 0-1.037-.59 3.567 3.567 0 0 0-1.273-.227c-.874 0-1.615.253-2.224.758-.608.505-.913 1.183-.913 2.035z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="youtube" svcid="Bryan Guner" href="http://www.youtube.com/user/Bryan%20Guner?sub_confirmation=1" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on YouTube</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(205, 32, 31);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-youtube-15" class="at-icon at-icon-youtube"><title id="at-svg-youtube-15">YouTube</title><g><path d="M13.73 18.974V12.57l5.945 3.212-5.944 3.192zm12.18-9.778c-.837-.908-1.775-.912-2.205-.965C20.625 8 16.007 8 16.007 8c-.01 0-4.628 0-7.708.23-.43.054-1.368.058-2.205.966-.66.692-.875 2.263-.875 2.263S5 13.303 5 15.15v1.728c0 1.845.22 3.69.22 3.69s.215 1.57.875 2.262c.837.908 1.936.88 2.426.975 1.76.175 7.482.23 7.482.15 0 .08 4.624.072 7.703-.16.43-.052 1.368-.057 2.205-.965.66-.69.875-2.262.875-2.262s.22-1.845.22-3.69v-1.73c0-1.844-.22-3.69-.22-3.69s-.215-1.57-.875-2.262z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="dribbble" svcid="bgoonz4242" href="https://dribbble.com/bgoonz4242" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on Dribbble</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(234, 76, 137);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-dribbble-16" class="at-icon at-icon-dribbble"><title id="at-svg-dribbble-16">Dribbble</title><g><path d="M19.667 24.65c-.4-2.3-1.07-4.678-2.006-7.132h-.027l-.03.015c-.152.057-.357.136-.615.236-.258.1-.74.333-1.446.7-.707.368-1.36.76-1.963 1.175-.602.416-1.228.962-1.877 1.64-.65.678-1.14 1.385-1.475 2.12l-.215-.158c1.757 1.433 3.753 2.15 5.987 2.15 1.26 0 2.483-.25 3.667-.746zm-2.65-8.693c-.2-.468-.454-.998-.76-1.59-2.97.888-6.182 1.332-9.64 1.332-.008.066-.013.166-.013.3 0 1.184.21 2.313.63 3.387a9.405 9.405 0 0 0 1.776 2.886 12.008 12.008 0 0 1 1.77-2.384c.7-.74 1.38-1.336 2.04-1.785.66-.448 1.282-.835 1.87-1.16.587-.324 1.062-.554 1.425-.687l.53-.186.186-.05a1.13 1.13 0 0 0 .187-.065zm-1.533-3.036c-1.145-2.033-2.31-3.838-3.494-5.413a9.27 9.27 0 0 0-3.352 2.664 9.282 9.282 0 0 0-1.833 3.896c2.883 0 5.777-.382 8.68-1.145zm9.797 4.57c-2.004-.573-3.957-.712-5.857-.416a40.35 40.35 0 0 1 1.834 6.718 9.386 9.386 0 0 0 2.65-2.715 9.263 9.263 0 0 0 1.374-3.587zM13.75 6.876c-.008 0-.018.005-.027.015.01-.01.02-.014.028-.014zm8.452 2.077c-1.767-1.566-3.834-2.35-6.202-2.35-.726 0-1.466.092-2.22.273 1.25 1.624 2.425 3.447 3.523 5.472.66-.25 1.28-.537 1.862-.867.583-.328 1.044-.622 1.383-.88a9.2 9.2 0 0 0 .938-.816c.286-.287.465-.48.537-.58.07-.1.13-.184.18-.25zm3.194 6.947c-.03-2.216-.74-4.173-2.134-5.873l-.015.015c-.086.114-.176.23-.272.35-.095.12-.303.332-.623.638s-.66.594-1.017.866c-.358.273-.835.583-1.432.93-.597.35-1.225.658-1.883.925.238.507.448.96.63 1.362.02.057.05.14.093.25.043.11.08.19.107.237.344-.05.7-.082 1.067-.1a20.325 20.325 0 0 1 2.04-.008 23.584 23.584 0 0 1 2.415.23c.205.032.38.06.523.085.143.024.262.045.358.064l.143.03zM27 16c0 1.996-.492 3.836-1.475 5.52a10.95 10.95 0 0 1-4.004 4.005C19.837 26.508 17.997 27 16 27c-1.996 0-3.836-.492-5.52-1.475a10.95 10.95 0 0 1-4.005-4.004C5.492 19.837 5 17.997 5 16c0-1.996.492-3.836 1.475-5.52a10.95 10.95 0 0 1 4.004-4.005C12.163 5.492 14.003 5 16 5c1.996 0 3.836.492 5.52 1.475a10.95 10.95 0 0 1 4.005 4.004C26.508 12.163 27 14.003 27 16z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="bitbucket" svcid="bgoonz" href="https://bitbucket.org/bgoonz" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on BitBucket</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(33, 80, 129);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-bitbucket-17" class="at-icon at-icon-bitbucket"><title id="at-svg-bitbucket-17">BitBucket</title><g><path d="M17.572 15.49c.076.567-.163 1.022-.717 1.364-.554.342-1.08.37-1.583.08a1.31 1.31 0 0 1-.76-.782 1.565 1.565 0 0 1-.007-1.107c.133-.37.38-.63.74-.783a1.73 1.73 0 0 1 1.028-.162c.346.054.648.213.91.48.26.264.39.568.39.91zm1.576-.283c-.132-.963-.667-1.7-1.604-2.214-.937-.513-1.87-.572-2.797-.176a3.116 3.116 0 0 0-1.427 1.195 2.892 2.892 0 0 0-.49 1.748c.038.82.404 1.517 1.1 2.093.696.576 1.48.828 2.35.756.862-.073 1.58-.45 2.158-1.135.578-.684.815-1.44.71-2.268zm3.394-7.317c-.19-.243-.454-.444-.795-.6-.34-.16-.615-.258-.824-.298-.208-.04-.544-.097-1.008-.17-2.755-.422-5.433-.413-8.037.028-.407.063-.72.117-.937.162a3.27 3.27 0 0 0-.78.297c-.303.152-.54.346-.71.58.284.252.644.456 1.08.614.435.157.783.256 1.043.297.26.04.675.093 1.243.156 2.158.26 4.278.266 6.36.014.597-.072 1.02-.126 1.272-.162.25-.036.594-.133 1.03-.29.434-.158.79-.367 1.064-.628zm.81 13.972c-.076.234-.15.578-.22 1.033-.072.454-.138.832-.2 1.134a2.848 2.848 0 0 1-.404.944c-.208.328-.483.583-.824.763-.814.432-1.71.753-2.69.965-.98.21-1.936.31-2.87.297a20.347 20.347 0 0 1-2.86-.25c-.435-.073-.82-.154-1.157-.244-.336-.09-.698-.21-1.086-.364a4.085 4.085 0 0 1-1.036-.588 3.057 3.057 0 0 1-.738-.83c-.237-.864-.507-2.178-.81-3.942l.086-.216.255-.12c2.11 1.33 4.508 1.997 7.192 1.997 2.683 0 5.085-.666 7.205-1.998.2.054.313.157.34.31.03.153.006.356-.07.608-.076.252-.114.418-.114.5zM25.92 8.89c-.247 1.502-.772 4.45-1.577 8.84-.047.27-.175.523-.383.757a2.87 2.87 0 0 1-.618.54 9.13 9.13 0 0 1-.774.42c-2.385 1.133-5.272 1.53-8.66 1.187-2.35-.243-4.213-.87-5.596-1.877a1.618 1.618 0 0 1-.603-.83 3.82 3.82 0 0 1-.128-.46 11.29 11.29 0 0 1-.085-.533 6.588 6.588 0 0 0-.078-.473 533.1 533.1 0 0 1-.774-4.205A103.01 103.01 0 0 1 6 8.133c.028-.234.11-.453.248-.655.138-.203.287-.37.448-.506.16-.135.374-.27.64-.405.264-.135.48-.237.652-.304.17-.068.397-.15.68-.25 1.185-.414 2.666-.702 4.446-.864 3.587-.334 6.787-.11 9.598.674 1.468.414 2.485.963 3.053 1.647.152.18.23.41.234.69.004.28-.022.522-.08.73z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="youtube" svcid="UC9-rYyUMsnEBK8G8fCyrXXA" href="http://www.youtube.com/channel/UC9-rYyUMsnEBK8G8fCyrXXA?sub_confirmation=1" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on YouTube</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(205, 32, 31);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-youtube-18" class="at-icon at-icon-youtube"><title id="at-svg-youtube-18">YouTube</title><g><path d="M13.73 18.974V12.57l5.945 3.212-5.944 3.192zm12.18-9.778c-.837-.908-1.775-.912-2.205-.965C20.625 8 16.007 8 16.007 8c-.01 0-4.628 0-7.708.23-.43.054-1.368.058-2.205.966-.66.692-.875 2.263-.875 2.263S5 13.303 5 15.15v1.728c0 1.845.22 3.69.22 3.69s.215 1.57.875 2.262c.837.908 1.936.88 2.426.975 1.76.175 7.482.23 7.482.15 0 .08 4.624.072 7.703-.16.43-.052 1.368-.057 2.205-.965.66-.69.875-2.262.875-2.262s.22-1.845.22-3.69v-1.73c0-1.844-.22-3.69-.22-3.69s-.215-1.57-.875-2.262z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="stack_overflow" svcid="bryan-guner" href="http://stackoverflow.com/users/bryan-guner" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on Stack Overflow</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(239, 130, 54);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-stack_overflow-19" class="at-icon at-icon-stack_overflow"><title id="at-svg-stack_overflow-19">Stack Overflow</title><g><path d="M23.038 19.143h2.008V27H7v-7.857h2.008v5.893h14.03v-5.893zm-11.82-.54l.413-1.928 9.827 2.026-.414 1.916-9.826-2.013zm1.29-4.592l.842-1.79 9.098 4.16-.84 1.78-9.1-4.15zm2.524-4.37l1.28-1.51 7.705 6.3-1.28 1.51-7.705-6.3zM20.014 5L26 12.87l-1.606 1.178-5.986-7.87L20.014 5zm-9.01 18.06v-1.953h10.04v1.952h-10.04z" fill-rule="evenodd"></path></g></svg></span></div></span></a><a svc="wordpress" svcid="web-dev-hub" href="https://bgoonz-blog.netlify.app/web-dev-hub" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on WordPress</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(88, 88, 88);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-wordpress-20" class="at-icon at-icon-wordpress"><title id="at-svg-wordpress-20">WordPress</title><g><path d="M4.12 15.99c0 4.7 2.73 8.77 6.7 10.69L5.15 11.16c-.66 1.48-1.03 3.11-1.03 4.83zm19.9-.6c0-1.47-.53-2.49-.98-3.28-.6-.98-1.17-1.81-1.17-2.79 0-1.09.83-2.11 2-2.11.05 0 .102.01.15.01A11.852 11.852 0 0 0 16 4.11c-4.15 0-7.81 2.13-9.93 5.36.28.01.54.01.76.01 1.25 0 3.17-.15 3.17-.15.64-.03.72.9.07.98 0 0-.64.07-1.36.11l4.33 12.87 2.6-7.8-1.85-5.07c-.64-.04-1.25-.11-1.25-.11-.64-.04-.56-1.02.08-.98 0 0 1.96.15 3.13.15 1.24 0 3.17-.15 3.17-.15.64-.03.72.9.07.98 0 0-.64.07-1.36.11l4.3 12.77 1.19-3.96c.6-1.54.9-2.82.9-3.84zm-7.81 1.64l-3.57 10.36a11.967 11.967 0 0 0 7.3-.19c-.03-.05-.06-.1-.08-.16l-3.65-10.01zm10.22-6.74c.05.38.08.78.08 1.22 0 1.2-.23 2.56-.9 4.26l-3.63 10.49c3.53-2.06 5.91-5.89 5.91-10.27-.01-2.06-.54-4.01-1.46-5.7z"></path><g></g><path d="M12.55 11.31s.6.08 1.25.11l1.68 4.6.17-.52-1.85-5.07c-.3-.02-.58-.04-.81-.07-.22-.02-.36-.02-.36-.02-.65-.05-.72.93-.08.97zM9.05 11.4c.57-.04 1.03-.09 1.03-.09.64-.08.56-1.02-.07-.98 0 0-.21.02-.52.04-.23.02-.49.03-.77.05l.33.98zM22.43 25.96l3.18-9.19c.68-1.69.9-3.05.9-4.25 0-.15-.02-.28-.03-.43-.06 1.06-.3 2.25-.88 3.68l-3.63 10.49c.16-.09.3-.2.46-.3zM27.85 16.48c.01-.16.03-.32.03-.48 0-2.07-.53-4.01-1.45-5.7.05.36.07.75.08 1.17.79 1.5 1.26 3.2 1.34 5.01zM16.21 17.03l-3.57 10.36c.1.03.21.05.32.08l3.25-9.44 3.39 9.27c.12-.04.24-.07.35-.11a.79.79 0 0 1-.08-.16l-3.66-10zM18.92 10.33s-.21.02-.52.04c-.22.02-.49.04-.77.06l.33.98c.568-.04 1.03-.09 1.03-.09.65-.09.57-1.03-.07-.99zM4.12 15.99c0 .2.01.4.02.6.05-1.57.4-3.07 1.01-4.43l5.22 14.29.45.24-5.67-15.53c-.66 1.48-1.03 3.11-1.03 4.83zM16 5.11c2.63 0 5.06.86 7.02 2.31.25-.12.53-.2.85-.2.05 0 .102.01.15.01A11.813 11.813 0 0 0 16 4.11c-4.15 0-7.81 2.13-9.93 5.36.27.01.52.01.74.01C8.99 6.82 12.29 5.11 16 5.11zM23.04 13.12c.4.7.85 1.61.94 2.83.02-.19.04-.39.04-.56 0-1.47-.53-2.49-.98-3.28-.5-.81-.95-1.52-1.1-2.3-.04.17-.07.34-.07.51.01.99.57 1.82 1.17 2.8z"></path></g></svg></span></div></span></a><a svc="spotify" svcid="bgoonz" href="http://open.spotify.com/bgoonz" target="_blank" class="at-follow-btn at-circular-element"><span class=""><div><span class="at4-visually-hidden">Follow on Spotify</span></div><div><span class="at-icon-wrapper" style="background-color: rgb(35, 207, 95);"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 32" version="1.1" role="img" aria-labelledby="at-svg-spotify-21" class="at-icon at-icon-spotify"><title id="at-svg-spotify-21">Spotify</title><g><path d="M21.142 20.497c0-.305-.143-.55-.43-.73-1.843-1.098-3.977-1.647-6.402-1.647-1.27 0-2.64.162-4.11.487-.402.086-.602.334-.602.745a.7.7 0 0 0 .193.494c.13.138.3.207.51.207.047 0 .224-.038.53-.114 1.26-.26 2.42-.388 3.48-.388 2.158 0 4.053.492 5.686 1.475.182.105.34.158.473.158.18 0 .338-.065.47-.193.135-.13.202-.294.202-.495zm1.375-3.08c0-.38-.167-.672-.5-.873-2.264-1.346-4.88-2.02-7.85-2.02-1.46 0-2.908.2-4.34.602-.46.124-.688.43-.688.917 0 .24.083.442.25.61a.83.83 0 0 0 .61.25c.066 0 .242-.04.53-.115a13.707 13.707 0 0 1 3.594-.473c2.664 0 4.994.592 6.99 1.776.228.125.41.187.544.187a.83.83 0 0 0 .608-.25.83.83 0 0 0 .25-.61zm1.547-3.55c0-.45-.19-.784-.573-1.004-1.202-.697-2.6-1.224-4.196-1.582a22.354 22.354 0 0 0-4.912-.537c-1.948 0-3.686.225-5.214.674-.22.067-.403.188-.55.365-.15.177-.223.408-.223.695 0 .296.097.544.293.744.196.202.442.302.738.302.105 0 .296-.038.573-.114 1.27-.354 2.734-.53 4.396-.53 1.518 0 2.996.162 4.433.487 1.436.324 2.646.778 3.63 1.36.2.115.39.172.573.172.276 0 .518-.098.723-.293a.976.976 0 0 0 .308-.738zM27 16c0 1.996-.492 3.836-1.475 5.52a10.95 10.95 0 0 1-4.004 4.005C19.837 26.508 17.997 27 16 27c-1.996 0-3.836-.492-5.52-1.475a10.95 10.95 0 0 1-4.005-4.004C5.492 19.837 5 17.997 5 16c0-1.996.492-3.836 1.475-5.52a10.95 10.95 0 0 1 4.004-4.005C12.163 5.492 14.003 5 16 5c1.996 0 3.836.492 5.52 1.475a10.95 10.95 0 0 1 4.005 4.004C26.508 12.163 27 14.003 27 16z" fill-rule="evenodd"></path></g></svg></span></div></span></a></div></div></div><div id="at4-foc" class="at-follow-open-control ats-dark at4-hide" style="padding-right: 22px;"><div title="Show" class="at4-arrow at-left">Show</div></div></div><div id="at4-thankyou" class="at4-thankyou at4-thankyou-background at4-hide ats-transparent at4-thankyou-desktop addthis-smartlayers addthis-animated fadeIn at4-show" role="dialog" aria-labelledby="at-thankyou-label"><div class="at4lb-inner"><button class="at4x" title="Close">Close</button><a id="at4-palogo"><div><a class="at-branding-logo" href="https://www.addthis.com/website-tools/overview?utm_source=AddThis%20Tools&amp;utm_medium=image" title="Powered by AddThis" target="_blank"><div class="at-branding-icon"></div><span class="at-branding-addthis">AddThis</span></a></div></a><div class="at4-thankyou-inner"><div id="at-thankyou-label" class="thankyou-title"></div><div class="thankyou-description"></div><div class="at4-thankyou-layer"></div></div></div></div><div class="at4-recommended-outer-container addthis-smartlayers"><div class="at4-recommended-outer at4-recommended-right"><div role="region" aria-labelledby="at-recommended-label" id="at4-recommended" class="at4-recommended-class at4-recommended at-right ats-dark at4-recommended-recommended addthis-animated at4-show"><div class="at-h3 at-recommended-label ">Read More</div><div class="at4-recommended-container at4-recommended-horizontal"><div class="at4-recommended-item at4-recommended-div-item"><div class="at4-recommended-item-img"><a href="https://v1.addthis.com/live/redirect/?url=http%3A%2F%2Fbgoonz-blog.netlify.app%2Fdocs%2Ftools%23at_pco%3Dsmlre-1.0%26at_si%3D62feec6faabf4da4%26at_ab%3Dper-2%26at_pos%3D0%26at_tot%3D8&amp;uid=62fe9f8d4c1c4191&amp;pub=ra-60c2b471a965f596&amp;rev=v8.28.8-wp&amp;per=undefined&amp;pco=smlre-1.0" title="Tools"><img class="at-tli" src="./Web-Dev-Hub_files/tex.png" alt="Tools" data-secure="true" style="width: 443px; height: 200px; left: -122px;"></a></div><div class="at4-recommended-item-caption"><div class="at-h4"><a class="at-recommendedTitle" href="https://v1.addthis.com/live/redirect/?url=http%3A%2F%2Fbgoonz-blog.netlify.app%2Fdocs%2Ftools%23at_pco%3Dsmlre-1.0%26at_si%3D62feec6faabf4da4%26at_ab%3Dper-2%26at_pos%3D0%26at_tot%3D8&amp;uid=62fe9f8d4c1c4191&amp;pub=ra-60c2b471a965f596&amp;rev=v8.28.8-wp&amp;per=undefined&amp;pco=smlre-1.0" title="Tools">Tools</a></div><small>bgoonz-blog.netlify.app</small></div></div></div><div class="at4-recommended-container at4-recommended-horizontal"></div><div class="at4-recommended-container at4-recommended-horizontal"></div><div class="at-logo at4-recommended-horizontal-logo"><div class="at4-logo-container"><div><a class="at-branding-logo" href="https://www.addthis.com/website-tools/overview?utm_source=AddThis%20Tools&amp;utm_medium=image&amp;utm_campaign=Recommended%20content%20logo" title="Powered by AddThis" target="_blank"><div class="at-branding-icon"></div><span class="at-branding-addthis">AddThis</span></a></div></div></div></div></div></div><div id="sb-search" class="sb-dark-auto" style="--sb-wrapper-desktop-left:20px; --sb-wrapper-desktop-right: unset; --sb-wrapper-desktop-bottom:20px; --sb-wrapper-desktop-top: unset; --sb-primary-color:#032956; --sb-dark-primary-color:#5b7491;"><link href="./Web-Dev-Hub_files/css(3)" rel="stylesheet" type="text/css"><style type="text/css">/*!
 * Acml -  v1.0.0 ()
 * Copyright 2016-2022 Maiquel Ludwig
 * Licensed under  ()
 */@keyframes animatebottom{0%{bottom:-30px}to{bottom:0}}@keyframes animatezoom{0%{transform:scale(.5)}to{transform:scale(1)}}@font-face{font-family:font-sb;src:url(https://api.searchbar.org/fonts/sb.eot?39450784);src:url(https://api.searchbar.org/fonts/sb.eot?39450784#iefix) format('embedded-opentype'),url(https://api.searchbar.org/fonts/sb.woff?39450784) format('woff'),url(https://api.searchbar.org/fonts/?39450784) format('truetype'),url(https://api.searchbar.org/fonts/sb.svg?39450784#font-sb) format('svg');font-weight:400;font-style:normal}#sb-search .sb-hiden{display:none!important}#sb-search{--sb-mobile-break-point:768px;--sb-z-index:9999999;--sb-primary-color:#007CFF;--sb-dark-primary-color:#5eb2fe;--sb-background-color:rgba(238,238,238,0.82);--sb-dark-background-color:rgba(20,20,20,0.8);--sb-desktop-hero-top:200px;--sb-mobile-hero-top:200px;--sb-wrapper-desktop-left:20px;--sb-wrapper-desktop-right:unset;--sb-wrapper-desktop-top:unset;--sb-wrapper-desktop-bottom:calc(50% - 20px);--sb-wrapper-mobile-left:16px;--sb-wrapper-mobile-right:unset;--sb-wrapper-mobile-top:unset;--sb-wrapper-mobile-bottom:16px;--sb-call-to-action-left:calc(var(--sb-wrapper-desktop-left) + 70px);--sb-call-to-action-right:calc(var(--sb-wrapper-desktop-right) + 70px);--sb-call-to-action-top:calc(var(--sb-wrapper-desktop-top) + 6px);--sb-call-to-action-bottom:calc(var(--sb-wrapper-desktop-bottom) + 6px);position:absolute;top:0;width:100%;z-index:var(--sb-z-index)}#sb-search a,#sb-search button,#sb-search div,#sb-search em,#sb-search h1,#sb-search h2,#sb-search h3,#sb-search h4,#sb-search h5,#sb-search input,#sb-search p,#sb-search span{all:initial;font-family:Roboto,Helvetica,Arial}#sb-search div,#sb-search h1,#sb-search h2,#sb-search h3,#sb-search h4,#sb-search h5,#sb-search p{display:block}#sb-search div,#sb-search em,#sb-search h1,#sb-search h2,#sb-search h3,#sb-search h4,#sb-search h5,#sb-search p,#sb-search span{font-size:inherit;font-weight:inherit;text-transform:inherit;color:inherit}#sb-search a,#sb-search a *{cursor:pointer;user-select:none}#sb-search *{box-sizing:border-box!important}#sb-search a{padding:0;margin:0;text-decoration:none;color:#585858}#sb-search p{padding:6px;margin:0}#sb-search iframe{width:100%;height:2000px;position:absolute;border:0}#sb-search input{outline:0;color:var(--sb-primary-color);background-color:transparent;-webkit-appearance:none}#sb-search svg{vertical-align:unset}#sb-search input[type=search]::-ms-clear,#sb-search input[type=search]::-ms-reveal,#sb-search input[type=search]::-webkit-search-cancel-button,#sb-search input[type=search]::-webkit-search-decoration,#sb-search input[type=search]::-webkit-search-results-button,#sb-search input[type=search]::-webkit-search-results-decoration{display:none;width:0;height:0;-webkit-appearance:none}#sb-search ::placeholder{color:#8a8a8a;opacity:1}#sb-search .sb-animate-bottom{animation:animatebottom .4s}#sb-search .sb-animate-zoom{animation:animatezoom .4s}.sb-box-shadow{box-shadow:0 4px 12px rgba(0,0,0,.1)}.sb-blur{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}.sb-darkmode .sb-content{background-color:var(--sb-dark-background-color)}.sb-darkmode .sb-content .sb-search,.sb-darkmode .sb-content.sb-hero .sb-search{background-color:rgba(0,0,0,.7)}.sb-darkmode .sb-content .sb-search .sb-input .sb-back-icon:hover{background-color:rgba(255,255,255,.1)}.sb-darkmode .sb-content .sb-results .sb-divider,.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc p{color:#d4d4d4}.sb-darkmode .sb-content .sb-results .sb-divider .sb-line{background-color:#d4d4d42e}.sb-darkmode .sb-content .sb-results .sb-brand a,.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3{color:#e8e8e8}.sb-darkmode #sb-call-to-action .sb-action,.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3 em,.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item .sb-text-container em,.sb-darkmode input{color:var(--sb-dark-primary-color)}.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc .sb-pagelink{border:solid 1px #5eb2fe24;background-color:#5eb2fe38;color:var(--sb-dark-primary-color)}.sb-darkmode .sb-content .sb-results .sb-results-block .sb-item:hover{background-color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.1)}#sb-search .sb-icon svg,.sb-darkmode .sb-content .sb-results .sb-brand img,.sb-darkmode .sb-icon.sb-back-icon svg{filter:hue-rotate(190deg) invert(1) contrast(3)}.sb-darkmode .sb-icon{color:#fff;line-height:26px;margin:0}.sb-darkmode .sb-search-icon.float{border:6px rgba(0,0,0,.25) solid}.sb-darkmode input{outline:0;background-color:transparent;-webkit-appearance:none}.sb-darkmode ::placeholder{color:#b5b5b5;opacity:1}.sb-darkmode #sb-call-to-action{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),rgba(0,124,255,.5);color:#f1f0f0}@-moz-document url-prefix(){#sb-search.sb-dark-force .sb-content,.sb-darkmode .sb-content{background-color:#2f2f2f}#sb-search.sb-dark-force .sb-content .sb-search,#sb-search.sb-dark-force .sb-content.sb-hero .sb-search,.sb-darkmode .sb-content .sb-search,.sb-darkmode .sb-content.sb-hero .sb-search{background-color:#000}#sb-search .sb-content{background-color:#eee}#sb-search .sb-content .sb-search{background-color:#fff}#sb-search .sb-content.sb-hero{background-color:#cacaca}}@media only screen and (min-width:768px){.sb-darkmode ::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,.8)}.sb-darkmode ::-webkit-scrollbar-thumb:hover{background-color:rgba(150,150,150,.8)}}.sb-squaremode .sb-content{border-radius:10px}.sb-squaremode .sb-content .sb-search,.sb-squaremode .sb-search-icon.float{border-radius:8px}.sb-squaremode #sb-call-to-action,.sb-squaremode .sb-content .sb-results .sb-results-block.sb-card .sb-item,.sb-squaremode .sb-content .sb-search .sb-input .sb-back-icon,.sb-squaremode .sb-content .sb-search .sb-input .sb-search-icon,.sb-squaremode .sb-search-icon{border-radius:6px}.sb-squaremode .sb-content .sb-results .sb-results-block .sb-item,.sb-squaremode .sb-content .sb-results .sb-results-block.sb-card .sb-item .sb-image-container,.sb-squaremode .sb-content .sb-results .sb-results-block.sb-list .sb-results-items a .sb-image-container img{border-radius:4px}.sb-squaremode ::-webkit-scrollbar-thumb{border-radius:0;-webkit-border-radius:0}#sb-search #sb-wrapper{left:var(--sb-wrapper-desktop-left);right:var(--sb-wrapper-desktop-right);top:var(--sb-wrapper-desktop-top);bottom:var(--sb-wrapper-desktop-bottom)}#sb-search #sb-wrapperHero{top:var(--sb-desktop-hero-top)}#sb-search #sb-call-to-action{left:var(--sb-call-to-action-left);right:var(--sb-call-to-action-right);top:var(--sb-call-to-action-top);bottom:var(--sb-call-to-action-bottom);position:fixed;display:flex;background-color:var(--sb-background-color);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);height:46px;border-radius:30px;box-shadow:0 4px 12px rgba(0,0,0,.1);align-items:center;padding:0 20px;font-size:10pt}@media only screen and (max-width:768px){#sb-search #sb-wrapper{left:var(--sb-wrapper-mobile-left);right:var(--sb-wrapper-mobile-right);top:var(--sb-wrapper-mobile-top);bottom:var(--sb-wrapper-mobile-bottom)}#sb-search #sb-wrapperHero{top:var(--sb-mobile-hero-top)}}#sb-search input.sb-search-field[type=search]::-webkit-search-cancel-button,#sb-search input.sb-search-field[type=search]::-webkit-search-decoration,#sb-search input.sb-search-field[type=search]::-webkit-search-results-button,#sb-search input.sb-search-field[type=search]::-webkit-search-results-decoration{display:none}#sb-search.sb-open .sb-modal{display:flex}#sb-search.sb-open #sb-wrapper,#sb-search.sb-open #sb-wrapperHero{display:none}#sb-search.sb-open.sb-hero .sb-modal{position:absolute}#sb-search.sb-open.sb-hero .sb-modal .sb-content{position:absolute;top:0}#sb-search .sb-modal{width:100%;height:100%;display:none;place-content:center;align-items:center;position:fixed}#sb-search .sb-content,#sb-search .sb-content .sb-search,#sb-search .sb-content.sb-hero{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px)}#sb-search .sb-content{background-color:var(--sb-background-color);display:block;text-align:left;margin-bottom:0;overflow:hidden;max-height:510px;top:60px;border-radius:48px;width:660px;position:absolute}#sb-search .sb-content.sb-hero{top:300px;max-width:660px;border-radius:48px;height:auto;position:absolute;left:calc(50% - 330px);background-color:rgba(202,202,202,.2)}#sb-search .sb-content.sb-hero .sb-search{padding:0 0 0 16px;background-color:#fff}#sb-search .sb-content .sb-search{background-color:rgba(255,255,255,.7);border-radius:116px;width:auto;height:62px;margin:16px;display:flex;position:relative;z-index:1}#sb-search .sb-content .sb-search .sb-input{align-items:center;display:flex;height:100%;width:100%;border-radius:100%;padding:0 8px}#sb-search .sb-content .sb-search .sb-input .sb-back-icon{margin-right:4px;border-radius:100%;transition:background-color .2s ease-in;line-height:26px}#sb-search .sb-content .sb-search .sb-input .sb-back-icon:hover{background-color:rgba(0,0,0,.1)}#sb-search .sb-content .sb-results{display:block;max-height:510px;position:relative;width:100%;margin:-94px 0 0;padding:92px 18px 0;overflow:overlay}#sb-search .sb-content .sb-results .sb-results-block .sb-results-items{display:flex;flex-flow:row wrap}#sb-search .sb-content .sb-results .sb-results-block .sb-item{border-radius:8px;padding:4px;margin:6px;background-color:transparent;border:1px solid transparent}#sb-search .sb-content .sb-results .sb-results-block .sb-item:hover{transition:all .4s ease-in-out;background-color:rgba(255,255,255,.45);border:1px solid rgba(255,255,255,.4)}#sb-search .sb-content .sb-results .sb-results-block .sb-item:last-child{margin-bottom:24px}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container{width:100%}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3 em,#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container em{color:var(--sb-primary-color)}#sb-search .sb-content .sb-results .sb-brand a,#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title{display:flex;align-items:center}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc p,#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3{color:#585858;font-style:normal;font-weight:700;font-size:14px;line-height:18px;padding:0 6px;text-overflow:ellipsis;margin:2px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc p{color:#7d7d7d;font-weight:400;font-size:12px;line-height:15px;min-height:26px;width:100%;margin:0;-webkit-line-clamp:4}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc .sb-pagelink{display:inline-block;color:var(--sb-primary-color);font-size:12px;margin-left:6px;position:relative;padding:2px 4px;border:solid 1px rgba(0,0,255,.03);background-color:rgba(0,0,255,.09);border-radius:4px;text-overflow:ellipsis!important;white-space:nowrap;max-width:calc(100% - 20px);overflow:auto}#sb-search .sb-content .sb-results .sb-results-block .sb-item .sb-image-container img{margin-bottom:2px;object-fit:cover}#sb-search .sb-content .sb-results .sb-results-block.sb-suggestions .sb-results-items{flex-direction:column}#sb-search .sb-content .sb-results .sb-results-block.sb-suggestions .sb-results-items .sb-item{max-width:100%}#sb-search .sb-content .sb-results .sb-results-block.sb-suggestions .sb-results-items .sb-item .sb-text-container .sb-desc{margin-top:4px}#sb-search .sb-content .sb-results .sb-results-block.sb-card .sb-item{flex-basis:calc(33% - 12px);min-width:calc(33% - 10px);padding:4px 4px 8px;border-radius:16px;height:max-content;cursor:pointer}#sb-search .sb-content .sb-results .sb-results-block.sb-card .sb-item .sb-image-container{border-radius:12px;width:100%;height:160px;background-color:rgba(181,172,177,.23);margin-bottom:8px}#sb-search .sb-content .sb-results .sb-results-block.sb-card .sb-item .sb-image-container img{width:inherit;height:inherit;border-radius:inherit}#sb-search .sb-content .sb-results .sb-results-block.sb-list{border-radius:8px;display:flex;background-color:transparent;border:1px solid transparent}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-title h3{-webkit-line-clamp:1!important}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-desc p{-webkit-line-clamp:3!important}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-results-items{flex-direction:column;width:100%}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-results-items a{display:flex;flex-direction:row-reverse}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-results-items a .sb-image-container{height:72px;display:contents}#sb-search .sb-content .sb-results .sb-results-block.sb-list .sb-results-items a .sb-image-container img{width:72px;height:72px;margin-left:12px;margin-bottom:0;border-radius:6px;flex:none}#sb-search .sb-content .sb-results .sb-divider{color:#585858;font-style:normal;font-weight:700;font-size:14px;line-height:20px;display:flex;align-items:center;white-space:nowrap;margin-top:24px;margin-left:10px;margin-right:8px}#sb-search .sb-content .sb-results .sb-divider p{margin-right:8px;white-space:nowrap}#sb-search .sb-content .sb-results .sb-divider .sb-line{height:1px;width:100%;background-color:rgba(0,0,0,.15);margin-top:4px;margin-right:10px}#sb-search .sb-content .sb-results .sb-brand{padding:16px 0;display:flex;width:100%;position:relative;justify-content:center}#sb-search .sb-content .sb-results .sb-brand span{font-size:13px;white-space:nowrap}#sb-search .sb-content .sb-results .sb-brand img{width:160px;margin-left:10px}#sb-search .sb-search-field{border:0;height:100%;width:100%;font-size:18px;display:block;padding-bottom:2px}#sb-search .sb-icon{font-size:26px;padding:10px;cursor:pointer;width:46px;height:46px}#sb-search .sb-icon.sb-back-icon svg{margin-top:2px;filter:none}#sb-search .sb-search-icon{border:0;align-items:center;border-radius:50%;background-color:var(--sb-primary-color);color:#fff;cursor:pointer;display:flex}#sb-search .sb-search-icon.float{position:fixed;display:flex;border:6px #fff solid;box-shadow:0 4px 12px rgba(0,0,0,.1);margin-right:0}#sb-search #sb-call-to-action .sb-action{color:var(--sb-primary-color);cursor:pointer;margin-left:4px}@media (prefers-color-scheme:dark){#sb-search.sb-dark-auto .sb-content{background-color:var(--sb-dark-background-color)}#sb-search.sb-dark-auto .sb-content .sb-search,#sb-search.sb-dark-auto .sb-content.sb-hero .sb-search{background-color:rgba(0,0,0,.7)}#sb-search.sb-dark-auto .sb-content .sb-search .sb-input .sb-back-icon:hover{background-color:rgba(255,255,255,.1)}#sb-search.sb-dark-auto .sb-content .sb-results .sb-divider,#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc p{color:#d4d4d4}#sb-search.sb-dark-auto .sb-content .sb-results .sb-divider .sb-line{background-color:#d4d4d42e}#sb-search.sb-dark-auto .sb-content .sb-results .sb-brand a,#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3{color:#e8e8e8}#sb-search.sb-dark-auto #sb-call-to-action .sb-action,#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3 em,#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container em,#sb-search.sb-dark-auto input{color:var(--sb-dark-primary-color)}#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc .sb-pagelink{border:solid 1px #5eb2fe24;background-color:#5eb2fe38;color:var(--sb-dark-primary-color)}#sb-search.sb-dark-auto .sb-content .sb-results .sb-results-block .sb-item:hover{background-color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.1)}#sb-search.sb-dark-auto .sb-content .sb-results .sb-brand img,#sb-search.sb-dark-auto .sb-icon.sb-back-icon svg{filter:hue-rotate(190deg) invert(1) contrast(3)}#sb-search.sb-dark-auto .sb-icon{color:#fff;line-height:26px;margin:0}#sb-search.sb-dark-auto .sb-search-icon.float{border:6px rgba(0,0,0,.25) solid}#sb-search.sb-dark-auto input{outline:0;background-color:transparent;-webkit-appearance:none}#sb-search.sb-dark-auto ::placeholder{color:#b5b5b5;opacity:1}#sb-search.sb-dark-auto #sb-call-to-action{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),rgba(0,124,255,.5);color:#f1f0f0}@-moz-document url-prefix(){#sb-search.sb-dark-auto .sb-content{background-color:#2f2f2f}#sb-search.sb-dark-auto .sb-content .sb-search,#sb-search.sb-dark-auto .sb-content.sb-hero .sb-search{background-color:#000}}}@media (prefers-color-scheme:dark) and only screen and (min-width:768px){#sb-search.sb-dark-auto ::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,.8)}#sb-search.sb-dark-auto ::-webkit-scrollbar-thumb:hover{background-color:rgba(150,150,150,.8)}}#sb-search.sb-dark-force .sb-content{background-color:var(--sb-dark-background-color)}#sb-search.sb-dark-force .sb-content .sb-search,#sb-search.sb-dark-force .sb-content.sb-hero .sb-search{background-color:rgba(0,0,0,.7)}#sb-search.sb-dark-force .sb-content .sb-search .sb-input .sb-back-icon:hover{background-color:rgba(255,255,255,.1)}#sb-search.sb-dark-force .sb-content .sb-results .sb-divider,#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc p{color:#d4d4d4}#sb-search.sb-dark-force .sb-content .sb-results .sb-divider .sb-line{background-color:#d4d4d42e}#sb-search.sb-dark-force .sb-content .sb-results .sb-brand a,#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3{color:#e8e8e8}#sb-search.sb-dark-force #sb-call-to-action .sb-action,#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-title h3 em,#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item .sb-text-container em,#sb-search.sb-dark-force input{color:var(--sb-dark-primary-color)}#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item .sb-text-container .sb-desc .sb-pagelink{border:solid 1px #5eb2fe24;background-color:#5eb2fe38;color:var(--sb-dark-primary-color)}#sb-search.sb-dark-force .sb-content .sb-results .sb-results-block .sb-item:hover{background-color:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.1)}#sb-search.sb-dark-force .sb-content .sb-results .sb-brand img,#sb-search.sb-dark-force .sb-icon.sb-back-icon svg{filter:hue-rotate(190deg) invert(1) contrast(3)}#sb-search.sb-dark-force .sb-icon{color:#fff;line-height:26px;margin:0}#sb-search.sb-dark-force .sb-search-icon.float{border:6px rgba(0,0,0,.25) solid}#sb-search.sb-dark-force input{outline:0;background-color:transparent;-webkit-appearance:none}#sb-search.sb-dark-force ::placeholder{color:#b5b5b5;opacity:1}#sb-search.sb-dark-force #sb-call-to-action{background:linear-gradient(0deg,rgba(0,0,0,.5),rgba(0,0,0,.5)),rgba(0,124,255,.5);color:#f1f0f0}@media only screen and (min-width:768px){#sb-search.sb-dark-force ::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,.8)}#sb-search.sb-dark-force ::-webkit-scrollbar-thumb:hover{background-color:rgba(150,150,150,.8)}}#sb-search.sb-squaremode .sb-content{border-radius:10px}#sb-search.sb-squaremode .sb-content .sb-search,#sb-search.sb-squaremode .sb-search-icon.float{border-radius:8px}#sb-search.sb-squaremode #sb-call-to-action,#sb-search.sb-squaremode .sb-content .sb-results .sb-results-block.sb-card .sb-item,#sb-search.sb-squaremode .sb-content .sb-search .sb-input .sb-back-icon,#sb-search.sb-squaremode .sb-content .sb-search .sb-input .sb-search-icon,#sb-search.sb-squaremode .sb-search-icon{border-radius:6px}#sb-search.sb-squaremode .sb-content .sb-results .sb-results-block .sb-item,#sb-search.sb-squaremode .sb-content .sb-results .sb-results-block.sb-card .sb-item .sb-image-container,#sb-search.sb-squaremode .sb-content .sb-results .sb-results-block.sb-list .sb-results-items a .sb-image-container img{border-radius:4px}#sb-search.sb-squaremode ::-webkit-scrollbar-thumb{border-radius:0;-webkit-border-radius:0}@media only screen and (max-width:768px){#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-card .sb-item{flex-basis:calc(50% - 16px);min-width:calc(50% - 16px)}#sb-search.sb-hero .sb-modal{position:fixed!important;top:0!important}#sb-search .sb-modal{min-height:100%;align-items:baseline;height:100%;position:fixed;top:0;left:0}#sb-search .sb-modal .sb-content{margin-top:0;width:100%;border-radius:0;min-height:100%;height:100%;top:unset;max-height:unset}#sb-search .sb-modal .sb-content .sb-results{max-height:100%;height:100%;position:absolute;top:0;padding:92px 10px 10px;margin:0}#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-card .sb-title h3{-webkit-line-clamp:2!important}#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-card .sb-desc p{-webkit-line-clamp:4!important}#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-list .sb-title h3{-webkit-line-clamp:1!important;font-size:16px;line-height:22px}#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-list .sb-desc p{-webkit-line-clamp:3!important;font-size:14px;line-height:17px}#sb-search .sb-modal .sb-content .sb-results .sb-results-block .sb-item{margin:8px}#sb-search .sb-modal .sb-content .sb-results .sb-divider{margin-top:22px}#sb-search .sb-modal .sb-content .sb-results .sb-divider:first-child{padding-top:78px}#sb-search .sb-animate-bottom{animation:none}#sb-search .sb-search-icon.float{position:fixed;bottom:16px;left:16px}#sb-search #sb-call-to-action{display:none}}@media only screen and (max-width:620px){#sb-search .sb-content.sb-hero{left:0;width:calc(100% - 40px);margin:0 20px}}@media only screen and (max-width:420px){#sb-search .sb-modal .sb-content .sb-results .sb-results-block.sb-card .sb-item{flex-basis:100%}}@media only screen and (min-width:768px){#sb-search ::-webkit-scrollbar{width:18px;height:18px}#sb-search ::-webkit-scrollbar-track{margin-top:90px;margin-bottom:30px}#sb-search ::-webkit-scrollbar-thumb{height:6px;border:4px solid transparent;background-clip:padding-box;-webkit-border-radius:100px;border-radius:100px;background-color:rgba(180,180,180,.8);-webkit-box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05);box-shadow:inset -1px -1px 0 rgba(0,0,0,.05),inset 1px 1px 0 rgba(0,0,0,.05)}#sb-search ::-webkit-scrollbar-button{width:0;height:0;display:none}#sb-search ::-webkit-scrollbar-corner{background-color:transparent}#sb-search ::-webkit-scrollbar-thumb:hover{background-color:rgba(117,117,117,.8)}}</style><div class="sb-modal sb-animate-bottom" id="sb-modal"><div class="sb-content"><div class="sb-search"><div class="sb-input"><i class="sb-icon sb-back-icon icon-ic_back"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11.2071 6.70711C11.5976 6.31658 11.5976 5.68342 11.2071 5.29289C10.8166 4.90237 10.1834 4.90237 9.79289 5.29289L4.29289 10.7929C3.90237 11.1834 3.90237 11.8166 4.29289 12.2071L9.79289 17.7071C10.1834 18.0976 10.8166 18.0976 11.2071 17.7071C11.5976 17.3166 11.5976 16.6834 11.2071 16.2929L7.41421 12.5H19C19.5523 12.5 20 12.0523 20 11.5C20 10.9477 19.5523 10.5 19 10.5H7.41421L11.2071 6.70711Z" fill="black"></path></svg> </i><input class="sb-search-field" id="sb-search-field" name="Search" placeholder="Search blog" type="search" autocomplete="off"><div class="sb-search-icon"><i class="sb-icon icon-ic_search"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 16C13.7614 16 16 13.7614 16 11C16 8.23858 13.7614 6 11 6C8.23858 6 6 8.23858 6 11C6 13.7614 8.23858 16 11 16ZM3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.6671 18.4901 14.215 17.6178 15.4964L21.5607 19.4393C22.1464 20.0251 22.1464 20.9749 21.5607 21.5607C20.9749 22.1464 20.0251 22.1464 19.4393 21.5607L15.4964 17.6178C14.215 18.4901 12.6671 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="black"></path></svg></i></div></div></div><div class="sb-results"><div class="sb-results-block sb-pages sb-card"><div class="sb-results-items"></div></div><div class="sb-brand sb-hiden"><a href="https://www.searchbar.org/"><span>Powered by</span><img alt="" src="./Web-Dev-Hub_files/logo.svg"></a></div></div></div></div><div class="sb-search-icon float sb-animate-zoom" id="sb-wrapper" style="display: none;"><i class="sb-icon icon-ic_search"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 16C13.7614 16 16 13.7614 16 11C16 8.23858 13.7614 6 11 6C8.23858 6 6 8.23858 6 11C6 13.7614 8.23858 16 11 16ZM3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.6671 18.4901 14.215 17.6178 15.4964L21.5607 19.4393C22.1464 20.0251 22.1464 20.9749 21.5607 21.5607C20.9749 22.1464 20.0251 22.1464 19.4393 21.5607L15.4964 17.6178C14.215 18.4901 12.6671 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="black"></path></svg></i></div><div class="sb-content sb-hero sb-hiden" id="sb-wrapperHero" style="display: none;"><div class="sb-search"><div class="sb-input"><input class="sb-search-field" name="Search" placeholder="Search blog" type="search" autocomplete="off"><div class="sb-search-icon"><i class="sb-icon icon-ic_search"><svg width="26" height="26" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M11 16C13.7614 16 16 13.7614 16 11C16 8.23858 13.7614 6 11 6C8.23858 6 6 8.23858 6 11C6 13.7614 8.23858 16 11 16ZM3 11C3 6.58172 6.58172 3 11 3C15.4183 3 19 6.58172 19 11C19 12.6671 18.4901 14.215 17.6178 15.4964L21.5607 19.4393C22.1464 20.0251 22.1464 20.9749 21.5607 21.5607C20.9749 22.1464 20.0251 22.1464 19.4393 21.5607L15.4964 17.6178C14.215 18.4901 12.6671 19 11 19C6.58172 19 3 15.4183 3 11Z" fill="black"></path></svg></i></div></div></div></div></div></body></html>