-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path404.html
145 lines (140 loc) · 91.5 KB
/
404.html
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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html><html lang="en"><head>
<meta charset="utf-8">
<title>Vloger</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="manifest" href="manifest.webmanifest">
<meta name="theme-color" content="#fff">
<link rel="stylesheet" href="styles.848b1098459dd97abd40.css"><link id="client-theme" rel="stylesheet" href="vs.css"><style ng-transition="serverApp">.dark-mode-icon[_ngcontent-sc96]{margin-left:1vw}.top-margin[_ngcontent-sc96]{margin-top:64px}.toolbar[_ngcontent-sc96]{position:fixed;top:0;z-index:1}.transparent[_ngcontent-sc96]{background-color:transparent;color:#fff}.light[_ngcontent-sc96]{background-color:#fff;color:#000}.dark[_ngcontent-sc96], .light[_ngcontent-sc96]{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.dark[_ngcontent-sc96]{background-color:#303030;color:#fff}a[_ngcontent-sc96]{color:inherit;text-decoration:none}.logo[_ngcontent-sc96]{height:50px}footer[_ngcontent-sc96]{margin-top:2vh;background-color:#999;height:20vh}.fade-in-top[_ngcontent-sc96]{-webkit-animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1) both;animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1) both}@-webkit-keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (min-width:0px) and (max-width:599.99px){.logo[_ngcontent-sc96]{height:30px;display:block;margin:0 auto}}</style><style type="text/css">
/*
@angular/flex-layout - workaround for possible browser quirk with mediaQuery listeners
see http://bit.ly/2sd4HMP
*/
@media screen and (min-width: 0px) and (max-width: 599.9px) {.fx-query-test{ }}
</style><style type="text/css">
/*
@angular/flex-layout - workaround for possible browser quirk with mediaQuery listeners
see http://bit.ly/2sd4HMP
*/
@media screen and (min-width: 600px), screen and (min-width: 960px), screen and (min-width: 1280px), screen and (min-width: 1920px), screen and (min-width: 1920px) and (max-width: 4999.9px), screen and (max-width: 1919.9px), screen and (min-width: 1280px) and (max-width: 1919.9px), screen and (max-width: 1279.9px), screen and (min-width: 960px) and (max-width: 1279.9px), screen and (max-width: 959.9px), screen and (min-width: 600px) and (max-width: 959.9px), screen and (max-width: 599.9px), print {.fx-query-test{ }}
</style><style ng-transition="serverApp">.mat-drawer-container{position:relative;z-index:1;box-sizing:border-box;-webkit-overflow-scrolling:touch;display:block;overflow:hidden}.mat-drawer-container[fullscreen]{top:0;left:0;right:0;bottom:0;position:absolute}.mat-drawer-container[fullscreen].mat-drawer-container-has-open{overflow:hidden}.mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side{z-index:3}.mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop,.mat-drawer-container.ng-animate-disabled .mat-drawer-content,.ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop,.ng-animate-disabled .mat-drawer-container .mat-drawer-content{transition:none}.mat-drawer-backdrop{top:0;left:0;right:0;bottom:0;position:absolute;display:block;z-index:3;visibility:hidden}.mat-drawer-backdrop.mat-drawer-shown{visibility:visible}.mat-drawer-transition .mat-drawer-backdrop{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:background-color,visibility}.cdk-high-contrast-active .mat-drawer-backdrop{opacity:.5}.mat-drawer-content{position:relative;z-index:1;display:block;height:100%;overflow:auto}.mat-drawer-transition .mat-drawer-content{transition-duration:400ms;transition-timing-function:cubic-bezier(0.25, 0.8, 0.25, 1);transition-property:transform,margin-left,margin-right}.mat-drawer{position:relative;z-index:4;display:block;position:absolute;top:0;bottom:0;z-index:3;outline:0;box-sizing:border-box;overflow-y:auto;transform:translate3d(-100%, 0, 0)}.cdk-high-contrast-active .mat-drawer,.cdk-high-contrast-active [dir=rtl] .mat-drawer.mat-drawer-end{border-right:solid 1px currentColor}.cdk-high-contrast-active [dir=rtl] .mat-drawer,.cdk-high-contrast-active .mat-drawer.mat-drawer-end{border-left:solid 1px currentColor;border-right:none}.mat-drawer.mat-drawer-side{z-index:2}.mat-drawer.mat-drawer-end{right:0;transform:translate3d(100%, 0, 0)}[dir=rtl] .mat-drawer{transform:translate3d(100%, 0, 0)}[dir=rtl] .mat-drawer.mat-drawer-end{left:0;right:auto;transform:translate3d(-100%, 0, 0)}.mat-drawer-inner-container{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.mat-sidenav-fixed{position:fixed}
</style><style ng-transition="serverApp">.cdk-high-contrast-active .mat-toolbar{outline:solid 1px}.mat-toolbar-row,.mat-toolbar-single-row{display:flex;box-sizing:border-box;padding:0 16px;width:100%;flex-direction:row;align-items:center;white-space:nowrap}.mat-toolbar-multiple-rows{display:flex;box-sizing:border-box;flex-direction:column;width:100%}
</style><style ng-transition="serverApp">.mat-button .mat-button-focus-overlay,.mat-icon-button .mat-button-focus-overlay{opacity:0}.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:.04}@media(hover: none){.mat-button:hover .mat-button-focus-overlay,.mat-stroked-button:hover .mat-button-focus-overlay{opacity:0}}.mat-button,.mat-icon-button,.mat-stroked-button,.mat-flat-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-button[disabled],.mat-icon-button[disabled],.mat-stroked-button[disabled],.mat-flat-button[disabled]{cursor:default}.mat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-button.cdk-program-focused .mat-button-focus-overlay,.mat-icon-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-icon-button.cdk-program-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay,.mat-flat-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-flat-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-button::-moz-focus-inner,.mat-icon-button::-moz-focus-inner,.mat-stroked-button::-moz-focus-inner,.mat-flat-button::-moz-focus-inner{border:0}.mat-raised-button{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1)}.mat-raised-button::-moz-focus-inner{border:0}.mat-raised-button[disabled]{cursor:default}.mat-raised-button.cdk-keyboard-focused .mat-button-focus-overlay,.mat-raised-button.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-raised-button::-moz-focus-inner{border:0}._mat-animation-noopable.mat-raised-button{transition:none;animation:none}.mat-stroked-button{border:1px solid currentColor;padding:0 15px;line-height:34px}.mat-stroked-button .mat-button-ripple.mat-ripple,.mat-stroked-button .mat-button-focus-overlay{top:-1px;left:-1px;right:-1px;bottom:-1px}.mat-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:56px;height:56px;padding:0;flex-shrink:0}.mat-fab::-moz-focus-inner{border:0}.mat-fab[disabled]{cursor:default}.mat-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-fab{transition:none;animation:none}.mat-fab .mat-button-wrapper{padding:16px 0;display:inline-block;line-height:24px}.mat-mini-fab{box-sizing:border-box;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:transparent;display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;text-align:center;margin:0;min-width:64px;line-height:36px;padding:0 16px;border-radius:4px;overflow:visible;transform:translate3d(0, 0, 0);transition:background 400ms cubic-bezier(0.25, 0.8, 0.25, 1),box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);min-width:0;border-radius:50%;width:40px;height:40px;padding:0;flex-shrink:0}.mat-mini-fab::-moz-focus-inner{border:0}.mat-mini-fab[disabled]{cursor:default}.mat-mini-fab.cdk-keyboard-focused .mat-button-focus-overlay,.mat-mini-fab.cdk-program-focused .mat-button-focus-overlay{opacity:.12}.mat-mini-fab::-moz-focus-inner{border:0}._mat-animation-noopable.mat-mini-fab{transition:none;animation:none}.mat-mini-fab .mat-button-wrapper{padding:8px 0;display:inline-block;line-height:24px}.mat-icon-button{padding:0;min-width:0;width:40px;height:40px;flex-shrink:0;line-height:40px;border-radius:50%}.mat-icon-button i,.mat-icon-button .mat-icon{line-height:24px}.mat-button-ripple.mat-ripple,.mat-button-focus-overlay{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none;border-radius:inherit}.mat-button-ripple.mat-ripple:not(:empty){transform:translateZ(0)}.mat-button-focus-overlay{opacity:0;transition:opacity 200ms cubic-bezier(0.35, 0, 0.25, 1),background-color 200ms cubic-bezier(0.35, 0, 0.25, 1)}._mat-animation-noopable .mat-button-focus-overlay{transition:none}.cdk-high-contrast-active .mat-button-focus-overlay{background-color:#fff}.cdk-high-contrast-black-on-white .mat-button-focus-overlay{background-color:#000}.mat-button-ripple-round{border-radius:50%;z-index:1}.mat-button .mat-button-wrapper>*,.mat-flat-button .mat-button-wrapper>*,.mat-stroked-button .mat-button-wrapper>*,.mat-raised-button .mat-button-wrapper>*,.mat-icon-button .mat-button-wrapper>*,.mat-fab .mat-button-wrapper>*,.mat-mini-fab .mat-button-wrapper>*{vertical-align:middle}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{display:block;font-size:inherit;width:2.5em;height:2.5em}.cdk-high-contrast-active .mat-button,.cdk-high-contrast-active .mat-flat-button,.cdk-high-contrast-active .mat-raised-button,.cdk-high-contrast-active .mat-icon-button,.cdk-high-contrast-active .mat-fab,.cdk-high-contrast-active .mat-mini-fab{outline:solid 1px}
</style><style ng-transition="serverApp">.mat-icon{background-repeat:no-repeat;display:inline-block;fill:currentColor;height:24px;width:24px}.mat-icon.mat-icon-inline{font-size:inherit;height:inherit;line-height:inherit;width:inherit}[dir=rtl] .mat-icon-rtl-mirror{transform:scale(-1, 1)}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon{display:block}.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button .mat-icon,.mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button .mat-icon{margin:auto}
</style><style ng-transition="serverApp">.mat-slide-toggle{display:inline-block;height:24px;max-width:100%;line-height:24px;white-space:nowrap;outline:none;-webkit-tap-highlight-color:transparent}.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(16px, 0, 0)}[dir=rtl] .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb-container{transform:translate3d(-16px, 0, 0)}.mat-slide-toggle.mat-disabled{opacity:.38}.mat-slide-toggle.mat-disabled .mat-slide-toggle-label,.mat-slide-toggle.mat-disabled .mat-slide-toggle-thumb-container{cursor:default}.mat-slide-toggle-label{display:flex;flex:1;flex-direction:row;align-items:center;height:inherit;cursor:pointer}.mat-slide-toggle-content{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mat-slide-toggle-label-before .mat-slide-toggle-label{order:1}.mat-slide-toggle-label-before .mat-slide-toggle-bar{order:2}[dir=rtl] .mat-slide-toggle-label-before .mat-slide-toggle-bar,.mat-slide-toggle-bar{margin-right:8px;margin-left:0}[dir=rtl] .mat-slide-toggle-bar,.mat-slide-toggle-label-before .mat-slide-toggle-bar{margin-left:8px;margin-right:0}.mat-slide-toggle-bar-no-side-margin{margin-left:0;margin-right:0}.mat-slide-toggle-thumb-container{position:absolute;z-index:1;width:20px;height:20px;top:-3px;left:0;transform:translate3d(0, 0, 0);transition:all 80ms linear;transition-property:transform}._mat-animation-noopable .mat-slide-toggle-thumb-container{transition:none}[dir=rtl] .mat-slide-toggle-thumb-container{left:auto;right:0}.mat-slide-toggle-thumb{height:20px;width:20px;border-radius:50%}.mat-slide-toggle-bar{position:relative;width:36px;height:14px;flex-shrink:0;border-radius:8px}.mat-slide-toggle-input{bottom:0;left:10px}[dir=rtl] .mat-slide-toggle-input{left:auto;right:10px}.mat-slide-toggle-bar,.mat-slide-toggle-thumb{transition:all 80ms linear;transition-property:background-color;transition-delay:50ms}._mat-animation-noopable .mat-slide-toggle-bar,._mat-animation-noopable .mat-slide-toggle-thumb{transition:none}.mat-slide-toggle .mat-slide-toggle-ripple{position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);height:40px;width:40px;z-index:1;pointer-events:none}.mat-slide-toggle .mat-slide-toggle-ripple .mat-ripple-element:not(.mat-slide-toggle-persistent-ripple){opacity:.12}.mat-slide-toggle-persistent-ripple{width:100%;height:100%;transform:none}.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:.04}.mat-slide-toggle:not(.mat-disabled).cdk-keyboard-focused .mat-slide-toggle-persistent-ripple{opacity:.12}.mat-slide-toggle-persistent-ripple,.mat-slide-toggle.mat-disabled .mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{opacity:0}@media(hover: none){.mat-slide-toggle-bar:hover .mat-slide-toggle-persistent-ripple{display:none}}.cdk-high-contrast-active .mat-slide-toggle-thumb,.cdk-high-contrast-active .mat-slide-toggle-bar{border:1px solid}.cdk-high-contrast-active .mat-slide-toggle.cdk-keyboard-focused .mat-slide-toggle-bar{outline:2px dotted;outline-offset:5px}
</style><style ng-transition="serverApp">.posts[_ngcontent-sc144]{padding-top:72px}.profile[_ngcontent-sc144]{border-radius:50%;width:15%;margin-bottom:2vh}.small-cards[_ngcontent-sc144]{margin-top:2vh}.tint-image[_ngcontent-sc144]{background:linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),url(/assets/img/alessandro-pacilio-x-8qGCHJMGQ-unsplash.jpg);background-size:cover;min-height:80vh;background-repeat:no-repeat}.first-post-img[_ngcontent-sc144]{height:40vh;-o-object-fit:cover;object-fit:cover}.scale-in-center[_ngcontent-sc144]{-webkit-animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both;animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.slide-in-top[_ngcontent-sc144]{-webkit-animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both;animation:slide-in-top .6s cubic-bezier(.25,.46,.45,.94) both}@-webkit-keyframes slide-in-top{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{transform:translateY(-50%);opacity:0}to{transform:translateY(0);opacity:1}}@media screen and (min-width:0px) and (max-width:599.99px){.mat-display-4[_ngcontent-sc144]{font-size:40px}.mat-display-2[_ngcontent-sc144]{font-size:30px}.posts[_ngcontent-sc144]{padding-top:2vh}.small-cards[_ngcontent-sc144]{margin-top:1vh}}</style><style ng-transition="serverApp">
.ngx-pagination {
margin-left: 0;
margin-bottom: 1rem; }
.ngx-pagination::before, .ngx-pagination::after {
content: ' ';
display: table; }
.ngx-pagination::after {
clear: both; }
.ngx-pagination li {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
margin-right: 0.0625rem;
border-radius: 0; }
.ngx-pagination li {
display: inline-block; }
.ngx-pagination a,
.ngx-pagination button {
color: #0a0a0a;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0; }
.ngx-pagination a:hover,
.ngx-pagination button:hover {
background: #e6e6e6; }
.ngx-pagination .current {
padding: 0.1875rem 0.625rem;
background: #2199e8;
color: #fefefe;
cursor: default; }
.ngx-pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: default; }
.ngx-pagination .disabled:hover {
background: transparent; }
.ngx-pagination a, .ngx-pagination button {
cursor: pointer; }
.ngx-pagination .pagination-previous a::before,
.ngx-pagination .pagination-previous.disabled::before {
content: '«';
display: inline-block;
margin-right: 0.5rem; }
.ngx-pagination .pagination-next a::after,
.ngx-pagination .pagination-next.disabled::after {
content: '»';
display: inline-block;
margin-left: 0.5rem; }
.ngx-pagination .show-for-sr {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0); }
.ngx-pagination .small-screen {
display: none; }
@media screen and (max-width: 601px) {
.ngx-pagination.responsive .small-screen {
display: inline-block; }
.ngx-pagination.responsive li:not(.small-screen):not(.pagination-previous):not(.pagination-next) {
display: none; }
}
</style><style ng-transition="serverApp">.mat-card{transition:box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);display:block;position:relative;padding:16px;border-radius:4px}._mat-animation-noopable.mat-card{transition:none;animation:none}.mat-card .mat-divider-horizontal{position:absolute;left:0;width:100%}[dir=rtl] .mat-card .mat-divider-horizontal{left:auto;right:0}.mat-card .mat-divider-horizontal.mat-divider-inset{position:static;margin:0}[dir=rtl] .mat-card .mat-divider-horizontal.mat-divider-inset{margin-right:0}.cdk-high-contrast-active .mat-card{outline:solid 1px}.mat-card-actions,.mat-card-subtitle,.mat-card-content{display:block;margin-bottom:16px}.mat-card-title{display:block;margin-bottom:8px}.mat-card-actions{margin-left:-8px;margin-right:-8px;padding:8px 0}.mat-card-actions-align-end{display:flex;justify-content:flex-end}.mat-card-image{width:calc(100% + 32px);margin:0 -16px 16px -16px}.mat-card-footer{display:block;margin:0 -16px -16px -16px}.mat-card-actions .mat-button,.mat-card-actions .mat-raised-button,.mat-card-actions .mat-stroked-button{margin:0 8px}.mat-card-header{display:flex;flex-direction:row}.mat-card-header .mat-card-title{margin-bottom:12px}.mat-card-header-text{margin:0 16px}.mat-card-avatar{height:40px;width:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.mat-card-title-group{display:flex;justify-content:space-between}.mat-card-sm-image{width:80px;height:80px}.mat-card-md-image{width:112px;height:112px}.mat-card-lg-image{width:152px;height:152px}.mat-card-xl-image{width:240px;height:240px;margin:-8px}.mat-card-title-group>.mat-card-xl-image{margin:-8px 0 8px}@media(max-width: 599px){.mat-card-title-group{margin:0}.mat-card-xl-image{margin-left:0;margin-right:0}}.mat-card>:first-child,.mat-card-content>:first-child{margin-top:0}.mat-card>:last-child:not(.mat-card-footer),.mat-card-content>:last-child:not(.mat-card-footer){margin-bottom:0}.mat-card-image:first-child{margin-top:-16px;border-top-left-radius:inherit;border-top-right-radius:inherit}.mat-card>.mat-card-actions:last-child{margin-bottom:-8px;padding-bottom:0}.mat-card-actions .mat-button:first-child,.mat-card-actions .mat-raised-button:first-child,.mat-card-actions .mat-stroked-button:first-child{margin-left:0;margin-right:0}.mat-card-title:not(:first-child),.mat-card-subtitle:not(:first-child){margin-top:-4px}.mat-card-header .mat-card-subtitle:not(:first-child){margin-top:-8px}.mat-card>.mat-card-xl-image:first-child{margin-top:-8px}.mat-card>.mat-card-xl-image:last-child{margin-bottom:-8px}
</style><style class="flex-layout-ssr">@media all {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-3 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;display:none;}.flex-layout-4 {display:none;}.flex-layout-5 {display:none;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-7 {-webkit-flex-direction:column;box-sizing:border-box;display:flex;flex-direction:column;}.flex-layout-8 {margin-bottom:2vh;-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;margin-right:1vw;}.flex-layout-12 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-15 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-18 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-21 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-24 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-27 {-webkit-flex-direction:row;box-sizing:border-box;display:flex;flex-direction:row;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 600px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 960px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 1280px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 1920px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 1920px) and (max-width: 4999.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (max-width: 1919.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 1280px) and (max-width: 1919.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (max-width: 1279.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 960px) and (max-width: 1279.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (max-width: 959.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:initial;}.flex-layout-3 {display:initial;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 600px) and (max-width: 959.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:none;}.flex-layout-3 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (max-width: 599.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:none;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:none;}.flex-layout-3 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-right:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:49%;}.flex-layout-17 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-20 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-23 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-26 {-webkit-flex:1 1 32%;box-sizing:border-box;flex:1 1 32%;max-width:32%;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}@media screen and (min-width: 0px) and (max-width: 599.9px) {.flex-layout-0 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:flex-start;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:flex-start;}.flex-layout-1 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-4 {display:initial;}.flex-layout-2 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-5 {display:none;}.flex-layout-3 {display:none;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:15%;}.flex-layout-6 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:column;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}.flex-layout-8 {margin-bottom:2vh;-webkit-flex-direction:column;box-sizing:border-box;display:flex;flex-direction:column;}.flex-layout-9 {margin-bottom:2vh;-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:space-between;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;}.flex-layout-10 {-webkit-align-content:center;-webkit-align-items:center;-webkit-flex-direction:row;-webkit-justify-content:center;align-content:center;align-items:center;box-sizing:border-box;display:flex;flex-direction:row;justify-content:center;}.flex-layout-11 {margin-bottom:1vw;-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-height:100%;}.flex-layout-14 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-height:100%;}.flex-layout-17 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:100%;-webkit-flex-direction:column;display:flex;flex-direction:column;}.flex-layout-20 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:100%;-webkit-flex-direction:column;display:flex;flex-direction:column;}.flex-layout-23 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:100%;-webkit-flex-direction:column;display:flex;flex-direction:column;}.flex-layout-26 {-webkit-flex:1 1 100%;box-sizing:border-box;flex:1 1 100%;max-width:100%;-webkit-flex-direction:column;display:flex;flex-direction:column;}.flex-layout-13 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-16 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-19 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-22 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-25 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}.flex-layout-28 {-webkit-flex:1 1 0%;box-sizing:border-box;flex:1 1 0%;}}</style></head>
<body class="mat-typography">
<app-root _nghost-sc96="" ng-version="10.0.3"><div _ngcontent-sc96="" class=""><mat-sidenav-container _ngcontent-sc96="" class="mat-drawer-container mat-sidenav-container"><div class="mat-drawer-backdrop ng-star-inserted"></div><!----><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav _ngcontent-sc96="" tabindex="-1" class="mat-drawer mat-sidenav ng-tns-c39-0 ng-trigger ng-trigger-transform mat-drawer-over ng-star-inserted" style="box-shadow:none;visibility:hidden;"><div class="mat-drawer-inner-container ng-tns-c39-0">Start</div></mat-sidenav><div class="cdk-visually-hidden cdk-focus-trap-anchor" aria-hidden="true"></div><mat-sidenav-content _ngcontent-sc96="" class="mat-drawer-content mat-sidenav-content" style="margin-left:;margin-right:;"><mat-toolbar _ngcontent-sc96="" fxlayoutalign="start center" class="mat-toolbar toolbar mat-toolbar-single-row flex-layout-0 transparent"><span _ngcontent-sc96="" fxshow.gt-xs="" fxhide="" fxflex="15" class="flex-layout-1"></span><button _ngcontent-sc96="" fxshow.xs="" fxhide="" mat-icon-button="" class="mat-focus-indicator mat-icon-button mat-button-base _mat-animation-noopable flex-layout-4"><span class="mat-button-wrapper"><mat-icon _ngcontent-sc96="" role="img" svgicon="app:menu" class="mat-icon notranslate mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 24 24" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M0 0h24v24H0z" fill="none"></path>
<path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></path>
</svg></mat-icon></span><div matripple="" class="mat-ripple mat-button-ripple mat-button-ripple-round"></div><div class="mat-button-focus-overlay"></div></button><a _ngcontent-sc96="" href="/"><img _ngcontent-sc96="" src="assets/img/logo.png" class="logo"></a><span _ngcontent-sc96="" fxflex="" class="flex-layout-2"></span><div _ngcontent-sc96="" fxshow.gt-xs="" fxhide="" class="flex-layout-5"><button _ngcontent-sc96="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable" tabindex="0"><span class="mat-button-wrapper">Profile</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><a _ngcontent-sc96="" mat-button="" target=" _blank" href="https://www.facebook.com/hrandika" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper">Facebook</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></a><a _ngcontent-sc96="" mat-button="" target=" _blank" href="https://github.com/hrandika" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper">Github</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></a><a _ngcontent-sc96="" mat-button="" target=" _blank" href="https://twitter.com/hrandika" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper">Twitter</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></a><a _ngcontent-sc96="" mat-button="" target=" _blank" href="https://www.youtube.com/channel/UCeCg8euhEu9z_-ZbeyCo22A?view_as=subscriber" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable" tabindex="0" aria-disabled="false"><span class="mat-button-wrapper">Youtube</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></a></div><mat-slide-toggle _ngcontent-sc96="" class="mat-slide-toggle mat-accent _mat-animation-noopable" id="mat-slide-toggle-1" tabindex="-1"><label class="mat-slide-toggle-label" for="mat-slide-toggle-1-input"><div class="mat-slide-toggle-bar mat-slide-toggle-bar-no-side-margin"><input type="checkbox" role="switch" class="mat-slide-toggle-input cdk-visually-hidden" id="mat-slide-toggle-1-input" tabindex="0" aria-checked="false"><div class="mat-slide-toggle-thumb-container"><div class="mat-slide-toggle-thumb"></div><div mat-ripple="" class="mat-ripple mat-slide-toggle-ripple mat-focus-indicator"><div class="mat-ripple-element mat-slide-toggle-persistent-ripple"></div></div></div></div><span class="mat-slide-toggle-content"><span style="display: none;"> </span><mat-icon _ngcontent-sc96="" role="img" svgicon="app:dark" class="mat-icon notranslate dark-mode-icon mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 24 24" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M12,18C11.11,18 10.26,17.8 9.5,17.45C11.56,16.5 13,14.42 13,12C13,9.58 11.56,7.5 9.5,6.55C10.26,6.2 11.11,6 12,6A6,6 0 0,1 18,12A6,6 0 0,1 12,18M20,8.69V4H15.31L12,0.69L8.69,4H4V8.69L0.69,12L4,15.31V20H8.69L12,23.31L15.31,20H20V15.31L23.31,12L20,8.69Z"></path>
</svg></mat-icon></span></label></mat-slide-toggle><span _ngcontent-sc96="" fxshow.gt-xs="" fxhide="" fxflex="15" class="flex-layout-3"></span></mat-toolbar><router-outlet _ngcontent-sc96=""></router-outlet><app-home _nghost-sc144="" class="ng-star-inserted"><div _ngcontent-sc144="" class="tint-image"><div _ngcontent-sc144="" fxlayoutalign="center center" fxlayout="column" style="width: 100%; height: 80vh;" class="flex-layout-6"><h1 _ngcontent-sc144="" class="mat-display-4 white">Technology as a service</h1><h2 _ngcontent-sc144="" class="mat-display-2 white"> Sharing our knowledge </h2></div></div><div _ngcontent-sc144="" fxlayout="column" fxlayoutgap="2vh" class="posts page flex-layout-7"><div _ngcontent-sc144="" fxlayout="row" fxlayout.xs="column" fxlayoutgap="1vw" class="flex-layout-8"><mat-card _ngcontent-sc144="" fxflex.xs="100" fxflex="49" class="mat-card mat-focus-indicator scale-in-center _mat-animation-noopable ng-star-inserted flex-layout-11"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img//nathan-gonthier-BboZKgHg0Yw-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 24 24" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<path d="M0 0h24v24H0V0z" fill="none"></path>
<path d="M22 10l-6-6H4c-1.1 0-2 .9-2 2v12.01c0 1.1.9 1.99 2 1.99l16-.01c1.1 0 2-.89 2-1.99v-8zm-7-4.5l5.5 5.5H15V5.5z"></path>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">Introduction To Parallel Computing</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Parallel Computing</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> Computers have capabilities of executing instructions simultaneously.What are the basic behind it? </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-12"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-13"></span><!----><!----></mat-card-actions><!----></mat-card><mat-card _ngcontent-sc144="" fxflex.xs="100" fxflex="49" class="mat-card mat-focus-indicator scale-in-center _mat-animation-noopable ng-star-inserted flex-layout-14"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img//bradford-nicolas-gWfmINd9-yY-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 767.8 768" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<style>.st0{fill:#77bc1f} </style>
<path class="st0" d="M698.3 40c-10.8 25.8-24.5 50.3-41 72.8C585.1 40.6 487.1 0 385 0 173.8 0 0 174 0 385.5 0 491 43.2 592 119.6 664.8l14.2 12.6c69.4 58.5 157.3 90.7 248 90.7 200.8 0 369.6-157.4 383.9-358 10.5-98.2-18.3-222.4-67.4-370.1zm-524 627c-6.2 7.7-15.7 12.2-25.6 12.2-18.1 0-32.9-14.9-32.9-33s14.9-33 32.9-33c7.5 0 14.9 2.6 20.7 7.4 14.1 11.4 16.3 32.3 4.9 46.4zm522.4-115.4c-95 126.7-297.9 84-428 90.1 0 0-23.1 1.4-46.3 5.2 0 0 8.7-3.7 20-8 91.3-31.8 134.5-38 190-66.5 104.5-53.2 207.8-169.6 229.3-290.7C621.9 398.2 501.3 498.3 391.4 539c-75.3 27.8-211.3 54.8-211.3 54.8l-5.5-2.9C82 545.8 79.2 345.1 247.5 280.3c73.7-28.4 144.2-12.8 223.8-31.8 85-20.2 183.3-84 223.3-167.2 44.8 133.1 98.7 341.5 2.1 470.3z"></path>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">Embedded Keycloak</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Spring Boot</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> You can always run keycloak on separate server. But some projects are small and you do not need to share the instance.Just run keycloak along Spring boot app. </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-15"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-16"></span><!----><!----></mat-card-actions><!----></mat-card><!----></div><div _ngcontent-sc144="" fxlayout="row wrap" fxlayoutalign="space-between center" class="flex-layout-9"><span _ngcontent-sc144="" fxflex.xs="100" fxflex="32" fxlayout.xs="column" class="slide-in-top ng-star-inserted flex-layout-17"><mat-card _ngcontent-sc144="" class="mat-card mat-focus-indicator small-cards _mat-animation-noopable"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img//krzysztof-hepner-C1JTOq_uTpY-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 256 301" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<path d="M78.3890161,0.858476242 C76.9846593,0.871877584 75.5269206,1.21067383 74.1988355,1.94683705 C69.9813154,4.28464966 68.4344792,9.70448752 70.7705059,13.9187887 L80.2936432,31.1148585 C57.3501835,45.3109605 42.146676,69.5583356 42.146676,97.23264 C42.146676,97.3488107 42.1463538,97.5233203 42.146676,97.6951925 C42.1467894,97.7558421 42.1461099,97.7904107 42.146676,97.8584397 C42.1467112,97.9488816 42.146676,98.0809536 42.146676,98.1033235 L42.146676,102.37513 C37.7401995,97.3051619 31.2627337,94.103607 24.0255064,94.103607 C10.766574,94.103607 0,104.870185 0,118.129121 L0,192.137501 C0,205.396437 10.766574,216.163015 24.0255064,216.163015 C31.2627337,216.163015 37.7401995,212.96146 42.146676,207.891492 L42.146676,218.258109 C42.146676,232.234601 53.5833566,243.671281 67.5598484,243.671281 L74.0083724,243.671281 L74.0083724,276.594135 C74.0083724,289.853131 84.774955,300.619649 98.0338856,300.619649 C111.292821,300.619649 122.0594,289.853131 122.0594,276.594135 L122.0594,243.671281 L133.215081,243.671281 L133.215081,276.594135 C133.215081,289.853131 143.981659,300.619649 157.240595,300.619649 C170.499522,300.619649 181.266118,289.853131 181.266118,276.594135 L181.266118,243.671281 L187.714637,243.671281 C201.691129,243.671281 213.127809,232.234601 213.127809,218.258109 L213.127809,207.891492 C217.534299,212.96146 224.011752,216.163015 231.248984,216.163015 C244.507919,216.163015 255.274498,205.396437 255.274498,192.137501 L255.274498,118.129121 C255.274498,104.870185 244.507919,94.103607 231.248984,94.103607 C224.011752,94.103607 217.534299,97.3051619 213.127809,102.37513 L213.127809,98.1849514 L213.127809,98.1033407 C213.128367,97.9723769 213.127955,97.8421262 213.127809,97.8584655 C213.129527,97.5976548 213.127809,97.3898395 213.127809,97.2326572 C213.127809,69.5631979 197.890397,45.339215 174.95363,31.1420821 L184.503985,13.918763 C186.840011,9.70446174 185.293178,4.28462389 181.075655,1.94681128 C179.747565,1.21064805 178.289834,0.871868993 176.885477,0.85845047 C173.770979,0.828641074 170.714038,2.4700306 169.103704,5.37514094 L159.118011,23.4146964 C149.353914,19.811505 138.730068,17.8368515 127.637245,17.8368515 C116.555726,17.8368515 105.912363,19.7912913 96.1564693,23.3874813 L86.1707769,5.37514094 C84.5604527,2.47002201 81.503506,0.828709799 78.3890161,0.85845047 L78.3890161,0.858476242 Z" fill="#FFFFFF"></path>
<path d="M24.0260725,100.361664 C14.1317,100.361664 6.25861893,108.234747 6.25861893,118.129121 L6.25861893,192.137501 C6.25861893,202.031875 14.1317,209.904958 24.0260725,209.904958 C33.9204441,209.904958 41.7935257,202.031875 41.7935257,192.137501 L41.7935257,118.129121 C41.7935257,108.234747 33.9204441,100.361664 24.0260725,100.361664 L24.0260725,100.361664 Z M231.249551,100.361664 C221.355176,100.361664 213.482094,108.234747 213.482094,118.129121 L213.482094,192.137501 C213.482094,202.031875 221.355176,209.904958 231.249551,209.904958 C241.143925,209.904958 249.016999,202.031875 249.016999,192.137501 L249.016999,118.129121 C249.016999,108.234747 241.143925,100.361664 231.249551,100.361664 L231.249551,100.361664 Z" fill="#A4C639"></path>
<path d="M98.0338856,184.818075 C88.1395114,184.818075 80.2664341,192.691157 80.2664341,202.585531 L80.2664341,276.593963 C80.2664341,286.488363 88.1395114,294.361308 98.0338856,294.361308 C107.92826,294.361308 115.801342,286.488363 115.801342,276.593963 L115.801342,202.585531 C115.801342,192.691157 107.92826,184.818075 98.0338856,184.818075 L98.0338856,184.818075 Z M157.240595,184.818075 C147.346221,184.818075 139.473138,192.691157 139.473138,202.585531 L139.473138,276.593963 C139.473138,286.488363 147.346221,294.361308 157.240595,294.361308 C167.134969,294.361308 175.008043,286.488363 175.008043,276.593963 L175.008043,202.585531 C175.008043,192.691157 167.134969,184.818075 157.240595,184.818075 L157.240595,184.818075 Z" fill="#A4C639"></path>
<path d="M78.4434341,7.11654228 C78.0234231,7.12083758 77.6320498,7.22919946 77.2462398,7.44304537 C75.9792855,8.14533584 75.5626532,9.60121987 76.2667168,10.8713836 L88.782836,33.4820338 C64.7023936,46.0117562 48.4373365,69.8232526 48.4047377,97.1510121 L206.869751,97.1510121 C206.837193,69.8232526 190.572096,46.0117562 166.491645,33.4820338 L179.007777,10.8713836 C179.711837,9.60121987 179.295201,8.14533584 178.02825,7.44304537 C177.642438,7.22919946 177.251067,7.1205455 176.831055,7.11654228 C175.931919,7.10786577 175.079646,7.55712 174.599912,8.42257181 L161.920533,31.2781058 C151.548297,26.6773219 139.914231,24.0949434 127.637245,24.0949434 C115.360249,24.0949434 103.726174,26.6773219 93.3539479,31.2781058 L80.6745686,8.42257181 C80.1948375,7.55712 79.3425576,7.10791732 78.4434341,7.11654228 L78.4434341,7.11654228 Z M48.4047377,103.40907 L48.4047377,218.258109 C48.4047377,228.870039 56.9479173,237.413214 67.5598484,237.413214 L187.714637,237.413214 C198.326576,237.413214 206.869751,228.870039 206.869751,218.258109 L206.869751,103.40907 L48.4047377,103.40907 L48.4047377,103.40907 Z" fill="#A4C639"></path>
<path d="M91.0681772,54.9226953 C87.4507168,54.9226953 84.4563973,57.9170105 84.4563973,61.5344795 C84.4563973,65.1519399 87.4507168,68.146255 91.0681772,68.146255 C94.6856376,68.146255 97.6799528,65.1519399 97.6799528,61.5344795 C97.6799528,57.9170105 94.6856376,54.9226953 91.0681772,54.9226953 L91.0681772,54.9226953 Z M164.205874,54.9226953 C160.588413,54.9226953 157.59409,57.9170105 157.59409,61.5344795 C157.59409,65.1519399 160.588413,68.146255 164.205874,68.146255 C167.823326,68.146255 170.817649,65.1519399 170.817649,61.5344795 C170.817649,57.9170105 167.823326,54.9226953 164.205874,54.9226953 L164.205874,54.9226953 Z" fill="#FFFFFF"></path>
</g>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">Android app security</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Android</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> Most of the applications contains sensitive user details. How can we keep them safe? AndroidX have some tips and ticks that you can use to improve. </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-18"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-19"></span><!----><!----></mat-card-actions><!----></mat-card></span><span _ngcontent-sc144="" fxflex.xs="100" fxflex="32" fxlayout.xs="column" class="slide-in-top ng-star-inserted flex-layout-20"><mat-card _ngcontent-sc144="" class="mat-card mat-focus-indicator small-cards _mat-animation-noopable"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img//hari-nandakumar-xG8Js-uvgg4-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 767.8 768" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<style>.st0{fill:#77bc1f} </style>
<path class="st0" d="M698.3 40c-10.8 25.8-24.5 50.3-41 72.8C585.1 40.6 487.1 0 385 0 173.8 0 0 174 0 385.5 0 491 43.2 592 119.6 664.8l14.2 12.6c69.4 58.5 157.3 90.7 248 90.7 200.8 0 369.6-157.4 383.9-358 10.5-98.2-18.3-222.4-67.4-370.1zm-524 627c-6.2 7.7-15.7 12.2-25.6 12.2-18.1 0-32.9-14.9-32.9-33s14.9-33 32.9-33c7.5 0 14.9 2.6 20.7 7.4 14.1 11.4 16.3 32.3 4.9 46.4zm522.4-115.4c-95 126.7-297.9 84-428 90.1 0 0-23.1 1.4-46.3 5.2 0 0 8.7-3.7 20-8 91.3-31.8 134.5-38 190-66.5 104.5-53.2 207.8-169.6 229.3-290.7C621.9 398.2 501.3 498.3 391.4 539c-75.3 27.8-211.3 54.8-211.3 54.8l-5.5-2.9C82 545.8 79.2 345.1 247.5 280.3c73.7-28.4 144.2-12.8 223.8-31.8 85-20.2 183.3-84 223.3-167.2 44.8 133.1 98.7 341.5 2.1 470.3z"></path>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">Spring Data JDBC with Postgresql</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Spring Boot</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> Access relational database with opinionated ORM.
Focus on Domain Driven Design with simple and limited features.
Let's setup PostgreSQL database and Spring HATEAOS. </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-21"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-22"></span><!----><!----></mat-card-actions><!----></mat-card></span><span _ngcontent-sc144="" fxflex.xs="100" fxflex="32" fxlayout.xs="column" class="slide-in-top ng-star-inserted flex-layout-23"><mat-card _ngcontent-sc144="" class="mat-card mat-focus-indicator small-cards _mat-animation-noopable"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img/robert-tudor-UZCKUqHzaps-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 256 301" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<path d="M78.3890161,0.858476242 C76.9846593,0.871877584 75.5269206,1.21067383 74.1988355,1.94683705 C69.9813154,4.28464966 68.4344792,9.70448752 70.7705059,13.9187887 L80.2936432,31.1148585 C57.3501835,45.3109605 42.146676,69.5583356 42.146676,97.23264 C42.146676,97.3488107 42.1463538,97.5233203 42.146676,97.6951925 C42.1467894,97.7558421 42.1461099,97.7904107 42.146676,97.8584397 C42.1467112,97.9488816 42.146676,98.0809536 42.146676,98.1033235 L42.146676,102.37513 C37.7401995,97.3051619 31.2627337,94.103607 24.0255064,94.103607 C10.766574,94.103607 0,104.870185 0,118.129121 L0,192.137501 C0,205.396437 10.766574,216.163015 24.0255064,216.163015 C31.2627337,216.163015 37.7401995,212.96146 42.146676,207.891492 L42.146676,218.258109 C42.146676,232.234601 53.5833566,243.671281 67.5598484,243.671281 L74.0083724,243.671281 L74.0083724,276.594135 C74.0083724,289.853131 84.774955,300.619649 98.0338856,300.619649 C111.292821,300.619649 122.0594,289.853131 122.0594,276.594135 L122.0594,243.671281 L133.215081,243.671281 L133.215081,276.594135 C133.215081,289.853131 143.981659,300.619649 157.240595,300.619649 C170.499522,300.619649 181.266118,289.853131 181.266118,276.594135 L181.266118,243.671281 L187.714637,243.671281 C201.691129,243.671281 213.127809,232.234601 213.127809,218.258109 L213.127809,207.891492 C217.534299,212.96146 224.011752,216.163015 231.248984,216.163015 C244.507919,216.163015 255.274498,205.396437 255.274498,192.137501 L255.274498,118.129121 C255.274498,104.870185 244.507919,94.103607 231.248984,94.103607 C224.011752,94.103607 217.534299,97.3051619 213.127809,102.37513 L213.127809,98.1849514 L213.127809,98.1033407 C213.128367,97.9723769 213.127955,97.8421262 213.127809,97.8584655 C213.129527,97.5976548 213.127809,97.3898395 213.127809,97.2326572 C213.127809,69.5631979 197.890397,45.339215 174.95363,31.1420821 L184.503985,13.918763 C186.840011,9.70446174 185.293178,4.28462389 181.075655,1.94681128 C179.747565,1.21064805 178.289834,0.871868993 176.885477,0.85845047 C173.770979,0.828641074 170.714038,2.4700306 169.103704,5.37514094 L159.118011,23.4146964 C149.353914,19.811505 138.730068,17.8368515 127.637245,17.8368515 C116.555726,17.8368515 105.912363,19.7912913 96.1564693,23.3874813 L86.1707769,5.37514094 C84.5604527,2.47002201 81.503506,0.828709799 78.3890161,0.85845047 L78.3890161,0.858476242 Z" fill="#FFFFFF"></path>
<path d="M24.0260725,100.361664 C14.1317,100.361664 6.25861893,108.234747 6.25861893,118.129121 L6.25861893,192.137501 C6.25861893,202.031875 14.1317,209.904958 24.0260725,209.904958 C33.9204441,209.904958 41.7935257,202.031875 41.7935257,192.137501 L41.7935257,118.129121 C41.7935257,108.234747 33.9204441,100.361664 24.0260725,100.361664 L24.0260725,100.361664 Z M231.249551,100.361664 C221.355176,100.361664 213.482094,108.234747 213.482094,118.129121 L213.482094,192.137501 C213.482094,202.031875 221.355176,209.904958 231.249551,209.904958 C241.143925,209.904958 249.016999,202.031875 249.016999,192.137501 L249.016999,118.129121 C249.016999,108.234747 241.143925,100.361664 231.249551,100.361664 L231.249551,100.361664 Z" fill="#A4C639"></path>
<path d="M98.0338856,184.818075 C88.1395114,184.818075 80.2664341,192.691157 80.2664341,202.585531 L80.2664341,276.593963 C80.2664341,286.488363 88.1395114,294.361308 98.0338856,294.361308 C107.92826,294.361308 115.801342,286.488363 115.801342,276.593963 L115.801342,202.585531 C115.801342,192.691157 107.92826,184.818075 98.0338856,184.818075 L98.0338856,184.818075 Z M157.240595,184.818075 C147.346221,184.818075 139.473138,192.691157 139.473138,202.585531 L139.473138,276.593963 C139.473138,286.488363 147.346221,294.361308 157.240595,294.361308 C167.134969,294.361308 175.008043,286.488363 175.008043,276.593963 L175.008043,202.585531 C175.008043,192.691157 167.134969,184.818075 157.240595,184.818075 L157.240595,184.818075 Z" fill="#A4C639"></path>
<path d="M78.4434341,7.11654228 C78.0234231,7.12083758 77.6320498,7.22919946 77.2462398,7.44304537 C75.9792855,8.14533584 75.5626532,9.60121987 76.2667168,10.8713836 L88.782836,33.4820338 C64.7023936,46.0117562 48.4373365,69.8232526 48.4047377,97.1510121 L206.869751,97.1510121 C206.837193,69.8232526 190.572096,46.0117562 166.491645,33.4820338 L179.007777,10.8713836 C179.711837,9.60121987 179.295201,8.14533584 178.02825,7.44304537 C177.642438,7.22919946 177.251067,7.1205455 176.831055,7.11654228 C175.931919,7.10786577 175.079646,7.55712 174.599912,8.42257181 L161.920533,31.2781058 C151.548297,26.6773219 139.914231,24.0949434 127.637245,24.0949434 C115.360249,24.0949434 103.726174,26.6773219 93.3539479,31.2781058 L80.6745686,8.42257181 C80.1948375,7.55712 79.3425576,7.10791732 78.4434341,7.11654228 L78.4434341,7.11654228 Z M48.4047377,103.40907 L48.4047377,218.258109 C48.4047377,228.870039 56.9479173,237.413214 67.5598484,237.413214 L187.714637,237.413214 C198.326576,237.413214 206.869751,228.870039 206.869751,218.258109 L206.869751,103.40907 L48.4047377,103.40907 L48.4047377,103.40907 Z" fill="#A4C639"></path>
<path d="M91.0681772,54.9226953 C87.4507168,54.9226953 84.4563973,57.9170105 84.4563973,61.5344795 C84.4563973,65.1519399 87.4507168,68.146255 91.0681772,68.146255 C94.6856376,68.146255 97.6799528,65.1519399 97.6799528,61.5344795 C97.6799528,57.9170105 94.6856376,54.9226953 91.0681772,54.9226953 L91.0681772,54.9226953 Z M164.205874,54.9226953 C160.588413,54.9226953 157.59409,57.9170105 157.59409,61.5344795 C157.59409,65.1519399 160.588413,68.146255 164.205874,68.146255 C167.823326,68.146255 170.817649,65.1519399 170.817649,61.5344795 C170.817649,57.9170105 167.823326,54.9226953 164.205874,54.9226953 L164.205874,54.9226953 Z" fill="#FFFFFF"></path>
</g>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">Test Driven Development (TDD)</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Android</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> With the release of Hilt dependency inject we will try to implement an architecture for Android applications withc is more testable. </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-24"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-25"></span><!----><!----></mat-card-actions><!----></mat-card></span><span _ngcontent-sc144="" fxflex.xs="100" fxflex="32" fxlayout.xs="column" class="slide-in-top ng-star-inserted flex-layout-26"><mat-card _ngcontent-sc144="" class="mat-card mat-focus-indicator small-cards _mat-animation-noopable"><img _ngcontent-sc144="" mat-card-image="" alt="Photo of somewhere" class="mat-card-image first-post-img ng-star-inserted" src="assets/img/max-ostrozhinskiy-18wn7B2y-SU-unsplash.jpg"><mat-card-header _ngcontent-sc144="" class="mat-card-header ng-star-inserted"><mat-icon _ngcontent-sc144="" role="img" mat-card-avatar="" class="mat-icon notranslate mat-card-avatar mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 512 512" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g id="_x32_1-angular">
<g>
<path d="M216.879,268.426h78.241L256,174.372L216.879,268.426L216.879,268.426z M256,26.001L42.635,102.395 l32.652,283.081L256,485.999l180.712-100.523l32.653-283.081L256,26.001z M389.688,376.957h-49.904l-26.9-67.153H199.321 l-26.903,67.153h-50.003L256,76.827L389.688,376.957z" style="fill:#DD0031;"></path>
</g>
</g>
<g id="Layer_1"></g>
</svg></mat-icon><div class="mat-card-header-text"><mat-card-title _ngcontent-sc144="" class="mat-card-title">State management with NGXS</mat-card-title><mat-card-subtitle _ngcontent-sc144="" class="mat-card-subtitle">Angular</mat-card-subtitle></div></mat-card-header><mat-card-content _ngcontent-sc144="" class="mat-card-content ng-star-inserted"><p _ngcontent-sc144=""> Very simple state management for Angular. Yes there is Ngrx but Ngxs seems easy and simple.There are plugins to help with things like storage,dev tolls and more </p></mat-card-content><mat-card-actions _ngcontent-sc144="" class="mat-card-actions ng-star-inserted flex-layout-27"><button _ngcontent-sc144="" mat-button="" class="mat-focus-indicator mat-button mat-button-base _mat-animation-noopable"><span class="mat-button-wrapper">Continue reading</span><div matripple="" class="mat-ripple mat-button-ripple"></div><div class="mat-button-focus-overlay"></div></button><span _ngcontent-sc144="" fxflex="" class="flex-layout-28"></span><a _ngcontent-sc144="" mat-icon-button="" target="_blank" mattooltip="Source code in Githuub" class="mat-focus-indicator mat-tooltip-trigger mat-icon-button mat-button-base _mat-animation-noopable ng-star-inserted" href="https://github.com/hrandika/ngxs-smaples" tabindex="0" aria-disabled="false" aria-describedby="cdk-describedby-message-0" cdk-describedby-host=""><span class="mat-button-wrapper"><mat-icon _ngcontent-sc144="" role="img" svgicon="app:github" class="mat-icon notranslate mat-icon-no-color" aria-hidden="true"><svg viewBox="0 0 256 250" fit="" height="100%" width="100%" preserveAspectRatio="xMidYMid meet" focusable="false">
<g>
<path d="M128.00106,0 C57.3172926,0 0,57.3066942 0,128.00106 C0,184.555281 36.6761997,232.535542 87.534937,249.460899 C93.9320223,250.645779 96.280588,246.684165 96.280588,243.303333 C96.280588,240.251045 96.1618878,230.167899 96.106777,219.472176 C60.4967585,227.215235 52.9826207,204.369712 52.9826207,204.369712 C47.1599584,189.574598 38.770408,185.640538 38.770408,185.640538 C27.1568785,177.696113 39.6458206,177.859325 39.6458206,177.859325 C52.4993419,178.762293 59.267365,191.04987 59.267365,191.04987 C70.6837675,210.618423 89.2115753,204.961093 96.5158685,201.690482 C97.6647155,193.417512 100.981959,187.77078 104.642583,184.574357 C76.211799,181.33766 46.324819,170.362144 46.324819,121.315702 C46.324819,107.340889 51.3250588,95.9223682 59.5132437,86.9583937 C58.1842268,83.7344152 53.8029229,70.715562 60.7532354,53.0843636 C60.7532354,53.0843636 71.5019501,49.6441813 95.9626412,66.2049595 C106.172967,63.368876 117.123047,61.9465949 128.00106,61.8978432 C138.879073,61.9465949 149.837632,63.368876 160.067033,66.2049595 C184.49805,49.6441813 195.231926,53.0843636 195.231926,53.0843636 C202.199197,70.715562 197.815773,83.7344152 196.486756,86.9583937 C204.694018,95.9223682 209.660343,107.340889 209.660343,121.315702 C209.660343,170.478725 179.716133,181.303747 151.213281,184.472614 C155.80443,188.444828 159.895342,196.234518 159.895342,208.176593 C159.895342,225.303317 159.746968,239.087361 159.746968,243.303333 C159.746968,246.709601 162.05102,250.70089 168.53925,249.443941 C219.370432,232.499507 256,184.536204 256,128.00106 C256,57.3066942 198.691187,0 128.00106,0 Z M47.9405593,182.340212 C47.6586465,182.976105 46.6581745,183.166873 45.7467277,182.730227 C44.8183235,182.312656 44.2968914,181.445722 44.5978808,180.80771 C44.8734344,180.152739 45.876026,179.97045 46.8023103,180.409216 C47.7328342,180.826786 48.2627451,181.702199 47.9405593,182.340212 Z M54.2367892,187.958254 C53.6263318,188.524199 52.4329723,188.261363 51.6232682,187.366874 C50.7860088,186.474504 50.6291553,185.281144 51.2480912,184.70672 C51.8776254,184.140775 53.0349512,184.405731 53.8743302,185.298101 C54.7115892,186.201069 54.8748019,187.38595 54.2367892,187.958254 Z M58.5562413,195.146347 C57.7719732,195.691096 56.4895886,195.180261 55.6968417,194.042013 C54.9125733,192.903764 54.9125733,191.538713 55.713799,190.991845 C56.5086651,190.444977 57.7719732,190.936735 58.5753181,192.066505 C59.3574669,193.22383 59.3574669,194.58888 58.5562413,195.146347 Z M65.8613592,203.471174 C65.1597571,204.244846 63.6654083,204.03712 62.5716717,202.981538 C61.4524999,201.94927 61.1409122,200.484596 61.8446341,199.710926 C62.5547146,198.935137 64.0575422,199.15346 65.1597571,200.200564 C66.2704506,201.230712 66.6095936,202.705984 65.8613592,203.471174 Z M75.3025151,206.281542 C74.9930474,207.284134 73.553809,207.739857 72.1039724,207.313809 C70.6562556,206.875043 69.7087748,205.700761 70.0012857,204.687571 C70.302275,203.678621 71.7478721,203.20382 73.2083069,203.659543 C74.6539041,204.09619 75.6035048,205.261994 75.3025151,206.281542 Z M86.046947,207.473627 C86.0829806,208.529209 84.8535871,209.404622 83.3316829,209.4237 C81.8013,209.457614 80.563428,208.603398 80.5464708,207.564772 C80.5464708,206.498591 81.7483088,205.631657 83.2786917,205.606221 C84.8005962,205.576546 86.046947,206.424403 86.046947,207.473627 Z M96.6021471,207.069023 C96.7844366,208.099171 95.7267341,209.156872 94.215428,209.438785 C92.7295577,209.710099 91.3539086,209.074206 91.1652603,208.052538 C90.9808515,206.996955 92.0576306,205.939253 93.5413813,205.66582 C95.054807,205.402984 96.4092596,206.021919 96.6021471,207.069023 Z"></path>
</g>
</svg></mat-icon></span><div matripple="" class="mat-ripple mat-button-ripple mat-button-ripple-round"></div><div class="mat-button-focus-overlay"></div></a><!----><!----><!----></mat-card-actions><!----></mat-card></span><!----></div><div _ngcontent-sc144="" fxlayoutalign="center center" class="flex-layout-10"><pagination-controls _ngcontent-sc144=""><pagination-template><ul role="navigation" class="ngx-pagination ng-star-inserted" aria-label="Pagination"><li class="pagination-previous disabled ng-star-inserted"><!----><span class="ng-star-inserted"> Previous <span class="show-for-sr">page</span></span><!----></li><!----><li class="small-screen"> 1 / 1 </li><li class="current ng-star-inserted"><!----><span class="show-for-sr ng-star-inserted">You're on page </span><span class="ng-star-inserted">1</span><!----><!----></li><!----><li class="pagination-next disabled ng-star-inserted"><!----><span class="ng-star-inserted"> Next <span class="show-for-sr">page</span></span><!----></li><!----></ul><!----></pagination-template></pagination-controls></div></div><!----></app-home><!----></mat-sidenav-content><!----></mat-sidenav-container></div></app-root>
<noscript>Please enable JavaScript to continue using this application.</noscript>
<script src="runtime-es2015.1c4f20e249e83250a68e.js" type="module"></script><script src="runtime-es5.1c4f20e249e83250a68e.js" nomodule="" defer=""></script><script src="polyfills-es5.70aea8e89d108787dedd.js" nomodule="" defer=""></script><script src="polyfills-es2015.8b8bcabb393a9756515a.js" type="module"></script><script src="scripts.98bf89eaa10daacc9447.js" defer=""></script><script src="main-es2015.61c36df2ecca21070f42.js" type="module"></script><script src="main-es5.61c36df2ecca21070f42.js" nomodule="" defer=""></script>
<div id="cdk-describedby-message-container" aria-hidden="true" style="display: none;"><div id="cdk-describedby-message-0">Source code in Githuub</div></div></body></html><!-- This page was prerendered with Angular Universal -->