/* https://pic.gksec.com/2020/12/18/4f87a81d52924/tony02.jpg */
body { background: url("https://pic.gksec.com/2020/12/18/816df1a4e092e/wallhaven-j5dkdq_2048x1367.png"); background-repeat: round; }

#top_nav { background: unset; position: relative; }
#top_nav::before { content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;backdrop-filter: blur(5px);background-color: rgba(255,255,255,0.3);border-radius: 5px; }
#top_nav a:link { color: #F9F9F9; }
#top_nav a:visited { color: #F9F9F9; }
#top_nav a:hover { color: #4394EF; }
#nav_left { padding: 0;font-size: 18px;font-weight: bold; }
#nav_left li { margin:0; margin-right:30px; }
.navbar-branding { display: none !important; }

#header { margin: 10px 30px; }
#blogTitle a { font-size: 30px;font-style: oblique;text-decoration: none;background-image:-webkit-linear-gradient(left,#D76172,#AE8F73);-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
/* #blogTitle a:visited { background-image:-webkit-linear-gradient(left,#D76172,#AE8F73);-webkit-background-clip:text;-webkit-text-fill-color:transparent; } */
#blogTitle a:hover { font-size: 36px;transition: font .2s ease;}
#navigator .blogStats { color: #F9F9F9; }
#navList { list-style: none;display: flex;flex-direction: row;align-items: center;padding: 0; }
#navList li { margin-right: 10px; }
#navList li a { text-decoration: none;color: #F9F9F9; }
#navList li  a:visited { color: #F9F9F9; }
#navList li  a:hover { color: #4394EF; }

#main { display: flex;flex-direction:row; }
#main a { text-decoration: none;color: #080808;font-style: oblique; }
#main a:visited { color: #080808; }
#main a:hover { color: #4394EF; }
#mainContent { padding: 10px;border-radius: 5px;position: relative; }
#mainContent::before { content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;backdrop-filter: blur(5px);background-color: rgba(255,255,255,0.3);border-radius: 5px; }
#sideBar { margin-left: 10px;padding: 10px;border-radius: 5px;position: relative; }
#sideBar::before { content:'';position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;backdrop-filter: blur(5px);background-color: rgba(255,255,255,0.3);border-radius: 5px; }

.dayTitle { font-size:14px; }
.dayTitle:before { content: ">>"; }
.postTitle { font-size:20px;margin-bottom:5px; }
.postCon { background-color: rgba(248,248,248,0.2);margin-bottom: 5px;padding: 4px; }
.postCon .c_b_p_desc:before { content: "";width: 30px;display: inline-block;}
.postDesc { text-align: right; }

#footer { margin-top:10px;color: #F9F9F9;text-align:center; }