ma7dev/index.html

## index.html
<html>
<head>
<title>
</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="app__notification" style="display: block;">
	<div class="app__notification__title">
		<img class="app__notification__title--icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsSAAALEgHS3X78AAACDUlEQVR42n2RT0jTARTH32+/9dtsc38cFTaTlktcNhdD3WgmbsTSRm3qthq5DRyzwxxbDYok2r+igzPtD6Qs2jLnUDGi3KFLBJ26dOlQE+oWFB26SAaB31ILKst3eI/H4/Pe971HLMvS38YjPu1U1VIFJ9xQ2yoS/5Yx62GHSkmBjP+JN2HH/g49RGKxnjYzPssn92jEOfexiMR8CntdftTuM4HZDJLIZNQ9kcClF7NwZwuochZQ1xaFgM8oWIYh3r9oAceRxnZkbrc/AEVPBvLOEhqNHvx3CvOzjUqjJvNpB+qsNjTbPJDLpIeIYclubCBTfc1GsKXLQOlnyWPJmTy6w8MwBlxQtRrx+IJLiMn+kffnLRBwwkXisbw1wHHmBE1/ePBl6tMMRksLaLE+hK73HkZCXuCOG19TVnyOGrBNKlmXqz3cStfflZb6ijlcWywiX55HV7CAms7b8Dl8+JaxYOVyG8pBA7hKBYjjbyHn2NlTxlQWDbEhpF/mkHw+heNXJ7DLnkG9OYLX5w5gaUiNp6lmECN6S1VyKVnjsWXtwF2YUjH0L2TgnRxD+5VxKAfC4PUcxaOCGSg3YTZ78oc03ps1eUrVnmW1RodGy0G4b16EZ/wG2uM5dMTvQ5sOwReJYPqWD006/eo+FX9cr1IsocHB6CunM7xiCw6jty+EaCSK7dXVv36VX3XfARpj0V55tSokAAAAAElFTkSuQmCC">
		MSN Messenger
		<span class="app__notification__close">X</span></div>
	<div class="app__notification__inner">
		<div class="app__notification__local-menu">Options</div>
		<div class="app__notification__user">
			<img id="app__notification__user--photo" src="data:image/png;base64,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">
			<div class="app__notification__user--details"><span id="notification-username"><b>{name}</b></span><br>has just followed!</div>
		</div>
		<div class="app__notification__inner--logo">
			<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAASCAYAAADG3feYAAAACXBIWXMAAAsSAAALEgHS3X78AAAE9ElEQVR42t2We1BVVRTGv3A4YD6YML1GipkplY8Q0xzRAiW8Khe5yiPgHuSlMKGRplNpKtDgaCqRliQKisNDE1/4QEsSlWlMs8ExKdPGKTMQ5I4oKGj2tc45PpiYZvoLnfbMmnv23muv/VvfXvucC5J41O2hA7S2O38Rl2/chv3Sb6iuOoVTP/38ECGb6uHWoxtMJtN9c32yB1xcu2Op2RPVbwzG2TEuTJ7kw5b2hjz13bf4YNNBvL3lGAAH/LMVTO0PJnqyLmwg7ZP78Nx8lTfbW8HsFemAVzSQeZFYVEH4JfEebF6cF5g5kTVRnqwOGcTqgN5s+DCGbG/IvHVZgLMLBhX+zo5rzhJZApu4g+MmJYH5k3FtpZlX5nqzRvVk7aTePC9KNrc35N7iAl21l6bMgPXQn+yT9SPx+VEOST3Ik5+8R24L4NU1FtYv8mHtlGeZafVj072arL18GarNBjUtD+qKEqhzl0Cdk4bgT4/BsuxLWKaEwRIcAUv6bgStPg51YRbUiDCokRFQU3PxWmopRiw6iFEp+6GmFxqxtLmUHKjLd0GdvwrqrAUY/W4R4DMP6OyOSNkr5mgLkTOLzivncMHsYt4qsNZczQxg3TxfVtueY8XOVbx/u89VnTYq15xNBG4ifJYSARsIy0YiqIAYNpvwXQZM3SrjOTKeJys7AL3MgLVI+jLm/zExVZ4jDhCes6jHG5cBBBUSY1cSE7KB8B3EjP2ErZhOzm70X5zWASWhROFYjkveyksb4tiS7StKjmZzkUnQjj+AvFBVCbgOAGJ2EVECEpRJDAkmIgXQJpvElhBeNsKcRkRvE9tOjJxOhEtCsbJmfCrh1BXo7gGMnEG8MJHo1o9Qt4htFnDxG2yVZFYQ04qJBEmk53BqVyZwTzT8vrHRkpfC82XBZNXTZKUH/yh9guVfl7aCPHMS6OcHxO0hpkumfUYZSmgQ2ljAcqM/Ihb6/DRJxGO8AakB20TBsFxRc7HE8TFOxW2o+O6TeKXEy1HG+lfnAPF7jcRMz+tjQ8f0Q9KZd/jUiVj6x/dnfZEnedrMQC8H5mza3hrye2CYAMTuNlTrbAI6uoqyO4l42ch7prHJBHmFaPOaGh0UUWMwEbzW8En4Sn4loaQjxPBoTU3ogNrcM97G+qBMI6Z2Qk5deO/96ODdC1hnlv5jdHVyhEd3B3kewF0HDj/44lw4+4PUz2Lqx60F0Jr7Kw+U0I5Pa6HrDZ+QtdomQBdJxjRQSqUvMTDwrrJSDiFS268vFCCpwWixLj01ACAy34C0rtbiEW2bPhYenYjc4kO4VFPfSslfLwKWz6R+JGBAhrF4SLgElKOZJsp1dTcuSuQXUrMCOSpZaiwMSD4BveY85AL1HQM5che8eZiYuERsaSWiJF5wrgHUyQ3Sl5hyWiNm/huk3srKytr+wTh5rhpKyEYqCfuo+L9PRVGgTEiBklBKJWYrFedOUNy9oM8n7qcyMobK46Lk8LcEZh0RKnUZqiUoSg/VABzlMn0k/nupWDOoODpSedEMfW1oAeMzdkr9LYRvXArKy8vbWF1dXVvIltt3YL/eTHvTLdobrtNut8Pe2EJ7o/Sv36S9/grsDY3Q5xvv+lypxe5tm5FfUs78il8M21fB/A3rmb8xB0eOVxq+15qMeNduGOsbbuifOm3P5tt3/tNX76H/PfvfQP4Nv+iYCL22FbUAAAAASUVORK5CYII=">
		</div>
	</div>
</div>
    <script type="text/javascript" src="index.js"></script>
</body>
</html>

## style.css
*, *:before, *:after {
    box-sizing: border-box;
    overflow: hidden;
}
.app__notification {
    /* display: none; */
    position: absolute;
    z-index: 5;
    bottom: 0;
    right: 18px;
    width: 180px;
    padding: 1px;
    background: white;
    border: 1px solid #a6b4cf;
    border-right-color: #455690;
    border-bottom-color: #455690;
    box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #cfdef4;
    color: #12368d;
    font-family: sans-serif;
    font-size: 11px;
    animation: notification-pop-up 0.5s ease-in forwards;
}
.app__notification__close {
    cursor: pointer;
    background: #e6440d linear-gradient(160deg, rgba(255, 255, 255, 0.5), #e6440d);
    color: white;
    position: absolute;
    right: 0;
    font-weight: bolder;
    font-size: 9px;
    line-height: 1;
    border: 1px solid transparent;
    border-bottom-color: #c23d1b;
    border-right-color: #c64423;
    border-left-color: #e35f3e;
    border-top-color: #e66d50;
    margin: 3px 4px;
    padding: 2px 3px;
    font-family: monospace;
    border: 1px solid white;
    border-radius: 1px;
}
.app__notification__title {
    color: #12368d;
    line-height: 2;
    padding-left: 4px;
    padding-right: 4px;
    background: white linear-gradient(to bottom, #cfd7ec, white 40%, #cadaf3 90%);
}
.app__notification__title--icon {
    width: 13px;
    height: auto;
    position: relative;
    top: 2px;
}
.app__notification__inner {
    border: 1px solid #728eb8;
    border-bottom-color: #b9c9ef;
    border-right-color: #b9c9ef;
    background: white linear-gradient(to bottom, #cfddf4, white 17%, #d5e1f5, #ebf0fa);
}
.app__notification__inner--logo {
    margin-right: 3px;
    text-align: right;
}
.app__notification__inner--logo img {
    width: 41px;
    height: auto;
}
.app__notification__local-menu {
    text-align: right;
    padding: 2px 3px;
}
.app__notification__user {
    padding: 0 8px;
    margin-bottom: 5px;
}
#app__notification__user--photo {
    display: inline-block;
    width: 50px;
    height: auto;
    margin-right: 6px;
    border-radius: 10px;
    border: 1px solid #4e6ba0;
}
.app__notification__user--details {
    position: relative;
    top: -15px;
    display: inline-block;
}
	<html>
	<head>
	<title>
	</title>
	<link rel="stylesheet" type="text/css" href="style.css">
	</head>
	<body>
	<div class="app__notification" style="display: block;">
	<div class="app__notification__title">
	<img class="app__notification__title--icon" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsSAAALEgHS3X78AAACDUlEQVR42n2RT0jTARTH32+/9dtsc38cFTaTlktcNhdD3WgmbsTSRm3qthq5DRyzwxxbDYok2r+igzPtD6Qs2jLnUDGi3KFLBJ26dOlQE+oWFB26SAaB31ILKst3eI/H4/Pe971HLMvS38YjPu1U1VIFJ9xQ2yoS/5Yx62GHSkmBjP+JN2HH/g49RGKxnjYzPssn92jEOfexiMR8CntdftTuM4HZDJLIZNQ9kcClF7NwZwuochZQ1xaFgM8oWIYh3r9oAceRxnZkbrc/AEVPBvLOEhqNHvx3CvOzjUqjJvNpB+qsNjTbPJDLpIeIYclubCBTfc1GsKXLQOlnyWPJmTy6w8MwBlxQtRrx+IJLiMn+kffnLRBwwkXisbw1wHHmBE1/ePBl6tMMRksLaLE+hK73HkZCXuCOG19TVnyOGrBNKlmXqz3cStfflZb6ijlcWywiX55HV7CAms7b8Dl8+JaxYOVyG8pBA7hKBYjjbyHn2NlTxlQWDbEhpF/mkHw+heNXJ7DLnkG9OYLX5w5gaUiNp6lmECN6S1VyKVnjsWXtwF2YUjH0L2TgnRxD+5VxKAfC4PUcxaOCGSg3YTZ78oc03ps1eUrVnmW1RodGy0G4b16EZ/wG2uM5dMTvQ5sOwReJYPqWD006/eo+FX9cr1IsocHB6CunM7xiCw6jty+EaCSK7dXVv36VX3XfARpj0V55tSokAAAAAElFTkSuQmCC">
	MSN Messenger
	<span class="app__notification__close">X</span></div>
	<div class="app__notification__inner">
	<div class="app__notification__local-menu">Options</div>
	<div class="app__notification__user">
	<img id="app__notification__user--photo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsSAAALEgHS3X78AAAVIklEQVR42s2aB1xX59XHL7gSNWrUuBUFQQVFRUH2kCl7bxBZikyRPQSUvTeylwxBAXFGjdUMk1gTY5ImJpombU36JmnT1yamEYHv+4iaV9s0bd825j18zufey+X//M/v+Z3fOc9zL5L0E5isrKwkO05WkmSk+/7Axo0fN3bvJzF5ecVX/qMDyvz7Q/yrpqGl+x+MX+Z/ESyYv1DyC9omxebsjnQOcnzFPdj1o6jkyEgtXS1JTk7ue8CPfub/hT0MaLHcYimhMnFCUFbQUGBJEDYpVljGmmEYpIOOlwaWgRYExQdh7+yw7ueO+e+CcA/0ksIq4674VgbhW+6Bf5kzQRUe+OTZ45hgglGQBiusFFmotYSVOqoEh+5AXkH+sTF+NhsTtYys5BbgIUV3pmNd60fwYCQZJ3ZTNBDFvoM7ian1ITDbAbtYcwyCjVjrosOcjUrMW6NESGQE48eN+/lB3DMDM2Mp4VA+tpVbiT2dSu7LGdS8mkX9SxlUnE5iX2cYkeX+uO9xxSjMFlV3M1ZYmjBTVZW5CiroGZi+O06A+VlYefil8xfMl/xLE3Ksq0KIOpVB7qv5NF0po/f9arrfLaPxlUwKjyQQ2xCBV1Ygprt8WO/jjIKlDUsMLZBmKeASHIO5o9OEscl50uzI3Esp4UF74iTP1lTc2uJIeamYkvfr6PikjeO/aWfgej1tr5dSeCKLmJZkPPOiMdkdhppfEPK2vswxdOKpFYYsXG2M59bt58ePH//zsPLUhElSbGOpgVFZOAFH80i5WEPV9S56Ph3gxM1+Dt3opPFyIzmnyohozcY5LxXD2ATW+UezzCGU2Zv9eHaDD9JcXQIjMpg0ccKTBfBQG5bWVlJYYz6bSnay9XgBqa83UX6jjwM3T9D7uxO0ivOySx2knKgjqKUEm7xctGOzUPbfw2KnBGaZRjFdIwppnj2W7vEorVh5n+0nxcrDPN7iZCe5l6egWRqB95Ei4l9qJPe9w4KVo9R9MEjp2wPsO99P1OEDeNY2YJJZw8boKpS2lbPIqYSZpjlM1coQQNxxDCjCyydY5d64456UTmQeMLLZykyyy93NxpxwXDvyCT9ZS/yr7ex7o5fcS/2kvdRP5NGDbD3QjnV5M1ppjahEtrBsWyvznFp4xqyWCTrFSIv8cd25Hy/fEPUnCmRsMSjMxNZSskyLZHVqMBbVGXh1FRJwrIqw55vYdaKVkCPt+LS3YVvdikFOG+viD6C4s4dFvoeY7dTLFPN2JurWI8mF4xcn/sbYfNrYRMn8RIvKvwVyf8ac3dwk17Q45Ha6o58Vh2VZGnbNubi2l+DRUolzQ634XQMG2U2sT2xjRUQPSwIGmedxnJkOJ5li1s9E7RbGrUokMK5ONMafqbvPmf2c5Lsn4ewcV0vUdoegnRSJbnYCm/PTMMnNxCAzF83UEtbGCl3sbEQuoIeF3scEGyd51uYkU40HkVWrY4FONh2DV5g0YfyTB3GvstxjJjQjbYKinTmLvZxQCPZBZWcgauHhrIuKZWVkIgqhaSwNyGOJ137muXYxy7mf6fYDTDfv4xmjQ0hLU/CM62N7RKLxGNuyT7ohPiiRG9TVJd+keCaqr2Wpm71wB5Z5uiPnE8ACr1Dmuycw3zmNufZ5zLKt4RnLNp427WayUQ8ya2qZvzGD1oE3mTZ92pNn46/BKK9dK2k62DNBeTkLLDYz38qS2VscmWPpx2yzMGaZRDLTOI5pRnt5Wq+Ep3WqkFmVwRTFeEqb3mDLFtvJj473s9jD5hidkjzLxNsTmaULma6lzXP6VszUdWKanhfTdLxFvwjkqY27mbQ+AxmF3SxSjyav8QKbzWzmPTrO37Nx4v64B0DH/yQLzDGtyEoTJkyQ/PxCpwWFijSbuwTZBQrILN4geoQBMkvsxNETafFWpPkOrDTcQVH9wC1jY8sxJiZOnPR3hpYRAB4PWHbK1Mfu/8dt8tOTJa9IZyn9cFKOeawVOr7WqFmZs8LQgKU6hizTM2a5sRHKFlqsMVmPy1Yngrb7T5s4YcJjzH4f8CNBTn5mmmRvqCeV7nSWLpbEzYpzd5LkFJb94Of+ZRsb4MF3Ka9VlWJKEyODm4PxbPMj5vlksk7upuBoEEkd/uyocsIr3xrbZEuxsTJDzdmAhRryrDNXxcHXvU5jk+b3497r6uMfNNyFixZJe4M8pRtVuw2GmnZ8RLMn7DOGHHsu7fVFbsmCfw/EvUc6Y2DET2xhgRTbntftWhdMxPE48l/JouaVPGrO5wkg6WT3RpPYvp2gMm8c9jiweZcNmwK2sNbdnFla61isqYGTry96hvrSzGdnfP8d7rZm0q87M+VHWiJu07iVOy2+3K4N5tuabdxO0uZP21V5vSye5fLLHqTZvwDgXk7KPMhZFdU1UkBauBTRlXrFqc6HXefFzvBSEW1vF3DoShvecS1oOjRh6tmCR0wjOwoy8C/0xzbBA8NgT9Q8hVbszZmvp47s4oWoGhpj7+07ZO/qKKUFOkifVkY0f9ccwnddPtxp38FQdQBDla6M5ttwN9OCP4Su5i/x5uiqrsr561T8cRCP5KJboLsUVZu8N3YwldDD0UQeTyXvSjFN12o5drOZ6jOd6LkcRMflODrOh9GwbUfTvh7bsHI80uOw2O3Lpm2+KLu6i3JtzjxtQybLqzF9jRbZITaMtO7kL50JDPfEMtzszt1qV4YLnRkS6TmSJ+6nm3EnehN/ClpNlJiMfxrIw9WovIKCFJi9S4oe3EPCsRhar5VQdrmE1BeKqbneQO+nDfzij520vXQK06396Lr3YeTWh7FHtzgeRt36EJqudVjH70UvchsrPbxRtnYXO0Ursd7SJ8h0MzcLHBjuDOJuaxjf1W7lbrk7o/eCz7ThTt4W7hZaM5xlyt0YNb7xU6QnLmQMyHjZfwDkYVVYvX6NtC0zXAoZSCHtxXSOfdbA6T/1kH2xhKxLlTR92smRP/Tx4q0eTt44j0vEcbRdD2Dg0YOBSz/6Lh1s9uxAz/kQG+1asAitwiAkGkVHD54zcsBz8xauZ7kw0hfM3cYQkUZufFvpIliwZzTXBrLs77ORa81ohjHD0Wv51n8pVf4OY0B+dL35EITK2jVSel+ZgX+f6MRXyzj3x8O8/PURDn1+hIQLRRT9qp4Dnw9y9KvTnLvVx4U/nCI0bwAdp8MYuR8SaSYAuYijuDZ0OyTORboJMMbb9qMWmIy+vSXno62hOZRbnaF8U+MhZt6Jb/JtuZu/hZFCAWCfrWDCipFsoZEUAWTXer7xXUKFn9391Pp7jDxsNkqrlaW0njLjkL40yj+q59jtAc7eOsnpL85RIEQd9VI+lR8d5OB/neL016c4c+sIF/58gqLBQYxcRWq5HhLezeZ7gMTxvndh4NaFjmMHKltS2GlrzFeVfow0BDNc4S/04MjdPDHzOSL4XAuGcs0Z3WvJ8F4zAcic4SRDhsLXcNtnGXWBrg+A/AiIdRvVpOTucjePQ4lUfNzGma9PikDPcPD3L1D+zgnCTlUQe6maik/66fzyOCe/OS7uD3Ly8z4OvnMa56hWdAUYQzeRWs5dQicdGLq0i+tOwUrXGFsqOnnoLjfiYoITozX2DJeJGS9yFkw4MlxgzZ18U4YyzRhOM2dkrzGj6SaMxmkzEqLCHz2XsF9o7X5qyfwwkEmTJkmZ3ZWTtx5IJvu9Jjq/PsHAVy/Q8fF58i+fIGjwAL6D5SRerqPso0G6/3iKo38e4IQ49v1ugN6PDhHf3IOmcxuGQvT6oooZuvSgL9jQdmtnjW01K6wrULUqQ0nZjVgLHYaa/BitteW7ageGyq2E0M25U27BSL5gQYC4k6nLyB5dRkXF+i5AmU+9lOgv3vdA7LI/zIaGsYEU0JdHzLkiDnx6hPYvz1D563Okv3ycHT0HsW6oYOvxMpIvCSA3BoVGjnH4T/0MfHmark8GaXq/jaJzg9iGd6Pr1DGWYgauvaIA9LDKqgZ5m0KWOeWx3HYvK3XD0VfS4FcZnozWufBtlQlDJZqMFhkwXCyAFIjrQgGkUIuhlI0Mh6/nK89l3AzaSKSL/d9qZKzhCV+yVE7a0bT3pGdvCgXXe6kRQEqvnSbxF8fwbhdB5bdiUp2P/6lc4i81UHzjMM2/P0Hn58fp/GyAlhu9VL7ZTf6FHkL396Dl2iLYOIK+YGK9fS2K1qUsd8phmUM2y+wyUTZOYIWCCfWuulDrJaqV0ELxJiFsfUZyTEQDNOS2AHW3SEcwspGRMGV+az2L99K80Vi/tvBRAh4z312h0raDWUSdL6Hww36y3+5j1/PduDUcQC+jnpW78thSX4DfyXxiX60n71ovtb89RsvvjtLyyWFq3ztI0aVuMs62EHe4Dbv4drRFY9R1OTbGhqKDAOG4l6W2uciLDZfSlj2sXO9CgLoyt8p9GS4XmijUFkIXwecZCxeA8nQZFuuskUQNRsPluGY6h0/OncXQdMusRyvs94gUVihJMV01hx06kkl5o5n0y31EnOzHrqaeTSkNyPmLtAhLw7olE5+juUS/XEfW2z1UXD9C7UcD1H54iLK3usl+pZPEk62E9dYSVCsmYFszGxx7UbKpFmxks1QAWWafg6J9LssFM8t1AtFUVOW1FCH6cssxPdzJ1ROsGArXY3SfGkPJmgzHrOe/A2ZzyXMu3a0tqGnoy9+P/1Egwg22mEterbm49e8j7mIT4Sc6cKzrQGNPOUuDa3jKqoRVsRnYtCbj1Z9F5Pn9ZLzRRfGv+qh4r5eyd7rJe72DtHNt7BroILCzA7+Gclz2NaLqVM9ym0rkHQqQEwCWOqajaLdv7HylyW7kl2yi3m0TFIiSm6bPX7JE4GmbHvgK7iQrMhSqxDX7p7hes5Le1gzux/4DpTehInOeTW0SvkcK2XGsAtfmZrT21qAQXM90qzqmWMaI6zgsG5Nw68lm55kqkl9vJeetLgrf6hQLxw72vthFwql2Qnta8Wtqw7W2FPuyRvSjG1lmUYKyXREKIq0WO2YyT4BZZi90YraPxcq2hKvP5aa/CrfD1CFeDWJVGUlSYmS3IsNhSnxoPZ13Iybz9SUNWpoSHwfycC2lvHq1lNxaWmVQHIFXbyFurcVsztvPyvBy5jjXIqudzXz3SPRzojGticGxM4PA4+XEvlhP+ustZApA6RdaSDrbStSRZgK7q/Foqsa2vA2Lwv3YFDag4J6MnGWW0IlgxC6fRXYZyNumoWRbwOzlDvhYreL9RnNe85/FFdfn+MBejk9sFnDDaSYvuk7kYspsvr2ozmenV/HC+WYWyC9/mFL39hf3nydp6OlIOxty2ZQTilNzHhYlBayPL2eJbx0zLFqQ2ZTIiu0h6GSFYlgRjd2BdLYNlBJ5dj+JFxpIEZ5wtp6oYw3sOFyPT3sVTvU1WJc1Y5LTKLwB9ZTdPOsQxCL7fULoucgJVhaL88WOyTyrshlLq0V8+8V2br+7mevPr+XNQ6pc7VzD9S4lPj2ryp0P9QUbinx+xICe5jIee5/y8GLlujWSS3EiG7PDMS9JRzczC+XIEha7tzHNsJupBqmsEZ1UPT0AvZJYrJvT8O4tGkvBqOeriDldTdTxanb0VbO1qwr35mrsqurZkl+PcUYHunvr2ZCdzaztTsx092GRjZiYLfnImSUzz8eXqe66aFs9w58v2zF8zZC7vxX+mT53fi/E/ls9uKbH8Bta/ObMcq69EEjXoRZ+cJmuorZOskkPQy0pGMO8eNTSElHaXsZCl6NImo1IattRDvJBN8UX7cJoTGpTcTuQRcBAMTtFcwwTgEL6ygkQKeXVUoNzbTmW5WUY57agt7cBjeQGNPc0opwcxIwQsQfxc+IZJ2+e9XZm1m4rJkbqo+G5lPePmMDVjQxd3sCdN40YfkeDkXdWcueX6/nLKxq81buEt15rora1jcd6yENGVNXWS6m9dayO9EEtMQy5nTE841HAUxaNrPMbIKPnCsbxoYIlS3RLIjCqiMOxJQPvgzkE9BUQeLgY/+5ifNvKca2rENooF9qoxCC7Eq2MatQTm9gY24JGejGzI62YGm3AU1HaTInZzIxIc54ON2T5jlgiov35zdnVjL4hUumqIcNv3WNiI1xcz82jsznXY8+7V79g9WrNH3jo/QCVpZujTd+VS6TXN1Paf4HcwcvUvnCT1v538fbbqRJRlIHWnm2opPpjWpWMXWMabu378O7KxrcrF+82Ubrri3CoLMKysBzTzBr09hUIbewXemtAdVcLa6MPsDIpgenhJsyOMGVinD7j4nSYKoAsCIplhlYuPj7OvNOjzPBrWoxc1uTOayp8dWIev2hcwdV3PqC0tvdxNn7INDQ0561asUoyNbNcZ2FpKW9uYas06cGzp7nz5klpzTVYlSSyPj0Ii8oEnJoEGFHT3ZqEN2TiWJWHtSgUJrkF6O8rEj2olHVJ9ajGtAggDawJa2btrlbko6KZE7aZZ2JNmBhjwpQofRZ77GKJYS1p9W/w8gvNvNywjo875nKj+zn6qtV57dI52g6eYfqMGUo/CkLmR7aMD6vbc3PmSFl1FZd29YiKVJ+GRXU85hUx2O5PxrYqFevyLMwLcjDMyhIplc3GlBJU4ytR2dXIqvAGVoY0I7+tkyX+1czY6s7T/oZMjTJmXIg6mkm7OfXWf9HYdQxrGw+Vc2fO5pwTPe1kTy6/vPo+zb1nmDJlqor0z9i9Bw1jT9sfvLl97CHYI7OgrqMjn1RZfDuptZrdPWIvXpqKcX4SBplJ6CUloxWfIYLPZ2VkIYqhYqG4435jXRHcytrQbvQTnmdH5Xkc8/OZGWiEjL0aUW0tdB458301Wq6iJqUWtGt3HH2d8touJk+erPQPU+qftgfLmYf27LQZkpfPNr+33/r4zLk3P/q6/cX3RvNO/3Ika/A8FUd/QXGP2AIceYkDz1+h//wHnHv7C658MsSvv4Q/3BJV9TOoEPeDcqp47eNb2Dt5qN8T8IQJT/At74YNG6TM/HypsqRC2ptXIVubWj8jemudZrRnttvx/revBmS/+UFg2+cXw2s/HAhte+MD7+oXLjUev/pFUc+xmzraehe3mFl/cP7Ci63n3x8cqnv+4J8Pnn51xMjIcqwayT7IjIcZ8pO9kivp7pZ+z+jkc19+Pn6C0Na8+XOkpcvl7lO1Rl+aOWfuc+Mkpenqa/0WSdMUZkpz5WdLc+feE9rsvx5LTnHis1Ofm3Tv/5/0/q/x/A/G1Kt3IkLXpQAAAABJRU5ErkJggg==">
	<div class="app__notification__user--details"><span id="notification-username"><b>{name}</b></span><br>has just followed!</div>
	</div>
	<div class="app__notification__inner--logo">
	<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAASCAYAAADG3feYAAAACXBIWXMAAAsSAAALEgHS3X78AAAE9ElEQVR42t2We1BVVRTGv3A4YD6YML1GipkplY8Q0xzRAiW8Khe5yiPgHuSlMKGRplNpKtDgaCqRliQKisNDE1/4QEsSlWlMs8ExKdPGKTMQ5I4oKGj2tc45PpiYZvoLnfbMmnv23muv/VvfXvucC5J41O2hA7S2O38Rl2/chv3Sb6iuOoVTP/38ECGb6uHWoxtMJtN9c32yB1xcu2Op2RPVbwzG2TEuTJ7kw5b2hjz13bf4YNNBvL3lGAAH/LMVTO0PJnqyLmwg7ZP78Nx8lTfbW8HsFemAVzSQeZFYVEH4JfEebF6cF5g5kTVRnqwOGcTqgN5s+DCGbG/IvHVZgLMLBhX+zo5rzhJZApu4g+MmJYH5k3FtpZlX5nqzRvVk7aTePC9KNrc35N7iAl21l6bMgPXQn+yT9SPx+VEOST3Ik5+8R24L4NU1FtYv8mHtlGeZafVj072arL18GarNBjUtD+qKEqhzl0Cdk4bgT4/BsuxLWKaEwRIcAUv6bgStPg51YRbUiDCokRFQU3PxWmopRiw6iFEp+6GmFxqxtLmUHKjLd0GdvwrqrAUY/W4R4DMP6OyOSNkr5mgLkTOLzivncMHsYt4qsNZczQxg3TxfVtueY8XOVbx/u89VnTYq15xNBG4ifJYSARsIy0YiqIAYNpvwXQZM3SrjOTKeJys7AL3MgLVI+jLm/zExVZ4jDhCes6jHG5cBBBUSY1cSE7KB8B3EjP2ErZhOzm70X5zWASWhROFYjkveyksb4tiS7StKjmZzkUnQjj+AvFBVCbgOAGJ2EVECEpRJDAkmIgXQJpvElhBeNsKcRkRvE9tOjJxOhEtCsbJmfCrh1BXo7gGMnEG8MJHo1o9Qt4htFnDxG2yVZFYQ04qJBEmk53BqVyZwTzT8vrHRkpfC82XBZNXTZKUH/yh9guVfl7aCPHMS6OcHxO0hpkumfUYZSmgQ2ljAcqM/Ihb6/DRJxGO8AakB20TBsFxRc7HE8TFOxW2o+O6TeKXEy1HG+lfnAPF7jcRMz+tjQ8f0Q9KZd/jUiVj6x/dnfZEnedrMQC8H5mza3hrye2CYAMTuNlTrbAI6uoqyO4l42ch7prHJBHmFaPOaGh0UUWMwEbzW8En4Sn4loaQjxPBoTU3ogNrcM97G+qBMI6Z2Qk5deO/96ODdC1hnlv5jdHVyhEd3B3kewF0HDj/44lw4+4PUz2Lqx60F0Jr7Kw+U0I5Pa6HrDZ+QtdomQBdJxjRQSqUvMTDwrrJSDiFS268vFCCpwWixLj01ACAy34C0rtbiEW2bPhYenYjc4kO4VFPfSslfLwKWz6R+JGBAhrF4SLgElKOZJsp1dTcuSuQXUrMCOSpZaiwMSD4BveY85AL1HQM5che8eZiYuERsaSWiJF5wrgHUyQ3Sl5hyWiNm/huk3srKytr+wTh5rhpKyEYqCfuo+L9PRVGgTEiBklBKJWYrFedOUNy9oM8n7qcyMobK46Lk8LcEZh0RKnUZqiUoSg/VABzlMn0k/nupWDOoODpSedEMfW1oAeMzdkr9LYRvXArKy8vbWF1dXVvIltt3YL/eTHvTLdobrtNut8Pe2EJ7o/Sv36S9/grsDY3Q5xvv+lypxe5tm5FfUs78il8M21fB/A3rmb8xB0eOVxq+15qMeNduGOsbbuifOm3P5tt3/tNX76H/PfvfQP4Nv+iYCL22FbUAAAAASUVORK5CYII=">
	</div>
	</div>
	</div>
	<script type="text/javascript" src="index.js"></script>
	</body>
	</html>
	, :before, *:after {
	box-sizing: border-box;
	overflow: hidden;
	}
	.app__notification {
	/* display: none; */
	position: absolute;
	z-index: 5;
	bottom: 0;
	right: 18px;
	width: 180px;
	padding: 1px;
	background: white;
	border: 1px solid #a6b4cf;
	border-right-color: #455690;
	border-bottom-color: #455690;
	box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #cfdef4;
	color: #12368d;
	font-family: sans-serif;
	font-size: 11px;
	animation: notification-pop-up 0.5s ease-in forwards;
	}
	.app__notification__close {
	cursor: pointer;
	background: #e6440d linear-gradient(160deg, rgba(255, 255, 255, 0.5), #e6440d);
	color: white;
	position: absolute;
	right: 0;
	font-weight: bolder;
	font-size: 9px;
	line-height: 1;
	border: 1px solid transparent;
	border-bottom-color: #c23d1b;
	border-right-color: #c64423;
	border-left-color: #e35f3e;
	border-top-color: #e66d50;
	margin: 3px 4px;
	padding: 2px 3px;
	font-family: monospace;
	border: 1px solid white;
	border-radius: 1px;
	}
	.app__notification__title {
	color: #12368d;
	line-height: 2;
	padding-left: 4px;
	padding-right: 4px;
	background: white linear-gradient(to bottom, #cfd7ec, white 40%, #cadaf3 90%);
	}
	.app__notification__title--icon {
	width: 13px;
	height: auto;
	position: relative;
	top: 2px;
	}
	.app__notification__inner {
	border: 1px solid #728eb8;
	border-bottom-color: #b9c9ef;
	border-right-color: #b9c9ef;
	background: white linear-gradient(to bottom, #cfddf4, white 17%, #d5e1f5, #ebf0fa);
	}
	.app__notification__inner--logo {
	margin-right: 3px;
	text-align: right;
	}
	.app__notification__inner--logo img {
	width: 41px;
	height: auto;
	}
	.app__notification__local-menu {
	text-align: right;
	padding: 2px 3px;
	}
	.app__notification__user {
	padding: 0 8px;
	margin-bottom: 5px;
	}
	#app__notification__user--photo {
	display: inline-block;
	width: 50px;
	height: auto;
	margin-right: 6px;
	border-radius: 10px;
	border: 1px solid #4e6ba0;
	}
	.app__notification__user--details {
	position: relative;
	top: -15px;
	display: inline-block;
	}