/*
8"""8 8"""" 8"""8  8""""8 8""""8   8   8 8""""8 8""""
8   8 8     8   8  8    8 8    8   8   8 8    8 8
8e  8 8eeee 8eee8e 8e   8 8eeee8ee 8e  8 8e   8 8eeee
88  8 88    88   8 88   8 88     8 88  8 88   8 88
88  8 88    88   8 88   8 88     8 88  8 88   8 88
88  8 88eee 88   8 88eee8 88eeeee8 88ee8 88eee8 88eee

[WEB] https://www.nerdbude.com
[MAIL] post@nerdbude.com
[MASTODON] https://corteximplant.com/@0x17
[GIT] https://www.github.com/nerdbude
*/

@font-face {
		font-family: 'berkeley';
		src: url('/fonts/BerkeleyMono-Regular.woff2') format('woff2'),
		url('/fonts/BerkeleyMono-Regular.woff') format('woff');
		font-weight: normal;
		font-style: normal;
}

body {
  color: #F8F8F8;
  font-family: 'berkeley';
  font-size: 14px;
  font-weight: 100;
  background-color: #282A36;
  min-height: 100%;

}

header {
		width: 100%;
		top: 0;
		background-color: #282A36;
		height: auto;
		font-size: 14px;
		padding-bottom: 10px;
		margin-bottom: 10px;

}

footer {
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 10px;
		border-style: solid;
		border-color: #F8F8F2;
		border-width: 1px;
		background-color: #282A36;
		font-size: 14px;
		position: inherit;
		margin-bottom: 10px;
}

hr {
  color: #F8F8F2;
  display: block;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  width: 90%;
  border-style: solid;
  border-width: 1px;
}

h1 {font-size: 16px; padding: 0px; margin: 0px; color: #50FA7B; font-weight: 100; }
h2 {font-size: 14px; padding: 0px; margin: 0px; color: #F8F8F8; font-weight: 100; }
h3 {font-size: 14px; padding: 0px; margin: 0px; color: #FF79C6; font-weight: 100; }

span {
  padding: 0;
  margin: 0;
}

a {
  color: #50FA7B;
  font-size: 14px;
  transition-duration: 0.2s;
  padding-top: 3px;
  font-weight: 100;
}

a.front {
  text-decoration: none;
  color: #e4e4e4;
  font-size: 14px;
  transition-duration: 0.2s;
  font-weight: 100;
  padding-top: 3px;}

a:hover {
  text-decoration: underline;
  color: #1c1c1c;
  font-size: 14px;
  background-color: #50FA7B;
  font-weight: 100;
}

a.front:hover {
  color: #282A36;
  font-size: 14px;
  background-color: #50FA7B;
  font-weight: 100;
}

a:active {
  color: #0087ff;
  font-size: 14px;
  font-weight: 100;
}

a.front:active {
  color: #0087ff;
  font-size: 14px;
  font-weight: 100;
}

a.tag {
  text-decoration: none;
  color: #FF79C6;
  transition-duration: 0.2s;
  padding-top: 3px;
  font-size: 14px;
  font-weight: 100;
}

a.tag:hover {
  color: #282A36;
  background-color: #FF79C6;
  font-size: 14px;
  font-weight: 100;
}

a.tag:active {
  color: #FF79C6;
  font-size: 14px;
  font-weight: 100;
}

p {
  padding: 0;
  margin: 15px 15px 15px 15px;
  font-size: 14px;
  text-align: justify;
}

img {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
  justify-items: center;
  display: flex;
  width: 60%;
  

}

b {
  color: #FF79C6;
  background-color: #282A36;
  font-size: 14px;
}

strong {
  color: #FF79C6;
  background-color: #282A36;
  font-size: 14px;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

table {
  width: 100%;
  font-size: 14px;
}

tp {
  color: #8d8d8d;
}

st {
  color: #8d8d8d;
  font-size: 14px;
}

pre {
  padding: 0;
  margin: 0 0 0px 0;
}

ul {
  padding: 0;
}

#firstbox {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  font-size: 14px;
}

#secondbox {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  font-size: 14px;
}

#thirdbox {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  font-size: 14px;
}

#backbar {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  font-size: 14px;
}

#contentbox {
  width: 90%;
  margin: 0 auto;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 0px;
  font-size: 14px;
}

#titlebox {
  width: 40%;
  margin: 0 auto;
  align-content: center;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  font-size: 16px;
}

#footer {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  background-color: #282A36;
  font-size: 14px;
  position: inherit;
  bottom: 0;
  right: 0;
  margin-bottom: 10px;
}



/* ABOUT */

.aboutlabel		{
     background-color: #F8F8F2;
		 border-style: solid;
		 border-width: 1px;
		 border-color: #F8F8F2;
		 padding-left: 15px;
		 padding-right: 15px;
		 color: #1c1c1c;
     font-size: 14px;
	 }

#whitebox {
  margin: 0 auto;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  border-style: solid;
  border-color: #F8F8F2;
  border-width: 1px;
  font-size: 16px;
}

.adminpicture {
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}

th {
  text-align: left;
  font-weight: 100;
  padding-right: 15px;
  font-size: 14px;
}

th.desc {
  color: #dadada;
  font-size: 14px;
}
th.date {color: #dadada; font-size: 14px;}
th.time {color: #dadada; font-size: 14px;}
th.change {color: #e4e4e4; font-size: 14px;}
th.red {color: #ff005f; font-size: 14px;}
th.green {color: #50FA7B; font-size: 14px;}
th.yellow {color: #ffff5f; font-size: 14px;}
th.user {color: #0087ff; font-size: 14px;}

#content {
  margin-left: 10%;
  margin-right: 10%;
  font-size: 14px;
}

#pictures {
  margin-left: 10%;
  margin-right: 10%;
}

.label		{background-color: #50FA7B;
		 border-style: solid;
		 border-width: 1px;
		 border-color: #50FA7B;
		 padding-left: 15px;
		 padding-right: 15px;
		 color: #282A36;
     font-size: 14px;
	 }


time {color: #ff0087; font-size: 12px;}
time::before {color: #dadada; content:"└──┤ [last.modified:]──[ "; font-size: 12px; margin-left: 15px;}
time::after {color: #dadada; content:" ]──[ CC BY-NC-ND ]"; font-size: 12px;}

ultra {color: #ff0087; font-size: 12px;}
ultra::before {color: #dadada; content:"└──┤ [LINKS:]──[ "; font-size: 12px; margin-left: 15px;}
ultra::after {color: #dadada; content:" ]──[ ♥ ]"; font-size: 12px;}

tool {color: #50FA7B; font-size: 12px;}
tool::before {color: #dadada; content:"├── ["; font-size: 12px; margin-left: 15px;}
tool::after {color: #dadada; content:" ] "; font-size: 12px;}

toollang {color: #ff0087; font-size: 12px;}
toollang::before {color: #dadada; content:"── ["; font-size: 12px;}
toollang::after {color: #dadada; content:" ] ──── "; font-size: 12px;}

#cssyn {
  background: transparent;
  padding: 15px 0 15px 0px;
  margin: 0 0 2px 0;
  width: 100%;
  border-style: solid;
  border-color: #50FA7B;
  border-width: 1px;
  counter-reset: line;
  font-size: 14px;
  }

pre		{
  font-family: 'berkeley';
	padding-left: 15px;
  white-space: pre-line;
  font-size: 14px;
}

ln {
  font-family: 'berkeley';
  white-space:pre-wrap;
  font-size: 14px;
}

ln::before 	{content: counter(line, decimal-leading-zero);
		 background: #282A36;
		 color: #444444;
		 padding: 0 10px 0;
		 margin: 0 10px 0 0;
		 border-right: 1px solid #444444;
		 counter-increment: line;
		 -webkit-user-select: none;
     font-size: 14px;
	 	}

.label		{background-color: #50FA7B;
		 border-style: solid;
		 border-width: 1px;
		 border-color: #50FA7B;
		 padding-left: 15px;
		 padding-right: 15px;
		 color: #282A36;
     font-size: 14px;
	 }


.unixshell 	{color: #87afd7;}
.comment	{color: #8a8a8a;}
.url		{color: #00ffd7; font-style: italic; text-decoration: underline;}
.value		{color: #875fff;}
.header-file	{color: #50FA7B;}
.selector	{color: #ff5f5f;}
.subselector	{color: #ffff5f;}
.unit		{color: #ff5f87;}
.name   {color: #ff63b3;}

.tag            {color: #50FA7B;}
.important      {margin-left: -18px;}
.link		{color: #50FA7B; background: #282A36;}
.title          {display: inline-block; margin-bottom: 20px; margin-top: 20px;}
.subtitle       {display: inline-block; margin: 20px 0;}
.filter         {display:block; margin-bottom: 30px; margin-top: -20px;}
.description    {background: #282A36; padding: 10px 0 10px 10px; margin-top: 0px;}