h1 {
    font-size: 50px;
    text-align: center;
}

body {
  max-width: 95%;
  margin: auto;
  font-family: Consolas, monaco, monospace;
}

a {
  color: #613DC1;
  text-decoration: none;
}

a:hover {text-decoration: underline;}

img.micro {
  width:15px;
  vertical-align: middle;
}

img.emoji {
  width:20px;
  vertical-align: middle;
  padding:0px;
  margin:0px 2px;
}

img.button {
  height:20px;
  margin:0px 5px 0px 5px;
  vertical-align:bottom;
}

li {
    margin:15px;
    padding:10px;
    width: fit-content;
    height:30px;
    border-radius:5px;
}

span#ht {
  background:white;
  color:black;
}

span#ht a {
  font-size:1em;
  background:none;
}

.toc{
  display:flex;
  flex-wrap: wrap;
  justify-content: center;
}

.toc div {
  padding:25px;
  margin:10px;
  border-radius:5px;
  max-width:25%;
  text-align: center;
}

.toc a {
  font-size: 1.25em;
  background:rgba(255, 255, 0, 0.9);
  color:black;
  padding:0px;
}

.toc a:hover {
  background:black;
  color:yellow;
  text-decoration: none;
}

img.custom-icon {
  height:30px;
  vertical-align: middle;
  background:white;
  padding:.25em;
  margin-right:.5em;
  box-shadow: 5px 5px 7px rgba(33,33,33,.8);
  transform: rotate(-6deg);
  border-radius:0px;
}

.toc div#ukraine {
  background: rgb(239,220,0);
  background: url(/images/backgrounds/jennyhue-sunflower-divider.png),linear-gradient(0deg, rgba(239,220,0,1) 0%, rgba(1,89,186,1) 33%);
  max-width:80%;
  background-repeat: repeat-x;
  background-position: 0% 105%;
}

.toc div#iran {
  background: #FFF;
  background: linear-gradient(to bottom,#FF0000 0%,#FF0000 33.33%,#FFF 0%, #FFF 66.66%,#008000 0%);
  }
  
.toc div#about {
	background-image: url(/images/backgrounds/blinkies-matrix-green-160x160.gif);
}

.toc div#microblog {
  background: url(/images/kao/cactus-flower.gif);
  background-color:#90ed90;
  background-size:40px;
  background-position: -20px -20px;
}

.toc div#zigzag {
  background-color: #ffffff;
  background: linear-gradient(135deg, #00000055 25%, transparent 25%) -18px 0/ 36px 36px, linear-gradient(225deg, #000000 25%, transparent 25%) -18px 0/ 36px 36px, linear-gradient(315deg, #00000055 25%, transparent 25%) 0px 0/ 36px 36px, linear-gradient(45deg, #000000 25%, #ffffff 25%) 0px 0/ 36px 36px;
}

.toc div#pinkblue {
  background-color: #43f4fe;
  opacity: 1;
  background-image:  linear-gradient(30deg, #aa0763 12%, transparent 12.5%, transparent 87%, #aa0763 87.5%, #aa0763), linear-gradient(150deg, #aa0763 12%, transparent 12.5%, transparent 87%, #aa0763 87.5%, #aa0763), linear-gradient(30deg, #aa0763 12%, transparent 12.5%, transparent 87%, #aa0763 87.5%, #aa0763), linear-gradient(150deg, #aa0763 12%, transparent 12.5%, transparent 87%, #aa0763 87.5%, #aa0763), linear-gradient(60deg, #aa076377 25%, transparent 25.5%, transparent 75%, #aa076377 75%, #aa076377), linear-gradient(60deg, #aa076377 25%, transparent 25.5%, transparent 75%, #aa076377 75%, #aa076377);
  background-size: 18px 32px;
  background-position: 0 0, 0 0, 9px 16px, 9px 16px, 0 0, 9px 16px;}

.toc div#stars {
  background-color: #000000;
  opacity: 1;
  background: radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #000000 20%, #000000 80%, transparent 80%, transparent) 20px 20px, linear-gradient(#d5e307 1.6px, transparent 1.6px) 0 -0.8px, linear-gradient(90deg, #d5e307 1.6px, #000000 1.6px) -0.8px 0;
  background-size: 40px 40px, 40px 40px, 20px 20px, 20px 20px;
}

.toc div#pinkblack {
  background-color: #000000;
  opacity: 1;
  background-image: linear-gradient(45deg, #f5058d 50%, #000000 50%);
  background-size: 9px 9px;
}

.toc div#blueconic{
background: conic-gradient(
		from 45deg,
		#020681 0,
		#020681 90deg,
		#000337 90deg,
		#000337 180deg,
		#0818ff 180deg,
		#0818ff 270deg,
		#0f9bfe 270deg,
		#0f9bfe 360deg
	);
	background-size: 1em 1em;
}

.toc div#roses {
  background: url(/images/mutant_standard/rose.png);
  background-color:pink;
  background-size:30px;
  background-position: -5px -5px;
}

.toc div#nc {
  background: url(/images/neocities-tiled.png);
  background-size:275px;
  background-position: -15px -10px;
}

.toc div#rss{background: orange;}

.toc div#crt{
  background-color: black;
  background-image: radial-gradient(
    rgba(0, 150, 0, 0.75), black 120%
  );
}

.toc div#webgarden {
  background: url(/images/backgrounds/norina-e-succulent-divider.png), url(/images/mutant_standard/cloud.png);
  background-color:#87CEFA;
  background-repeat: repeat-x, repeat-x;
  background-size: auto,20%;
  background-position: 5% 100%, 0% 5%;
}

footer {
    font-style:italic;
    font-size: 12px;
    text-align:center;
    padding:25px;
    margin:auto;
    margin-top:50px;
    width:33%;
	border-top: dotted 2px black;
}

img.footer {vertical-align:middle;}