@import url('https://fonts.googleapis.com/css2?family=Darumadrop+One&display=swap');
@font-face {
	font-family: 'Darumadrop One', cursive;
	}

@font-face {
	font-family: "LotsOfDotz";
	src: url("../../assets/fonts/LotsOfDotz.woff") format("woff");
	}

@font-face {
	font-family: "VCR OSD Mono";
	src: url("../../assets/fonts/VCR_OSD_MONO.woff") format("woff");
	}


::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-button {
    background-color: darkorange;
}

::-webkit-scrollbar-track {
    background-color: #b376f09c;
}

::-webkit-scrollbar-thumb {
    background-color: #f80c;
}


a:any-link { color: #f0ffe9; }
a:hover { color: #ff61c6; }
a:hover[href*="twitter.com"] { color: #1da1f2; }

a:hover[href*="social.vivaldi.net"] { color: #4c70f0; }
a:hover[href*="fedibird.com"] { color: #990099; }
a:hover[href*="mstdn.jp"] { color: #2074b1; }

a:hover[href*="submarin.online"] { color: #00b0f0; }
a:hover[href*="misskey.04.si"] { color: #ff597d; }
a:hover[href*="misskey.soda-net.com"] { color: #83624e; }
a:hover[href*="misskey.design"] { color: #ff9a49; }
a:hover[href*="misskey.yukineko.me"] { color: #b9b6ac; }
a:hover[href*="misskey.io"] { color: #96d04a; }
a:hover[href*="https://notestock.osa-p.net"] { color: #ff61c6; }


.bg {
  position: fixed;
  left: 0;
  bottom: 0;
  min-height: 105%;
  min-width: 100%;
  width: auto;
  height: auto;
  z-index: -2;
}

body {
  background-color: black;
  color: lime;
  font-family: Verdana;
  font-size: small;
}

img{
  max-width: 100%;
  height: auto;
  color: #aa0033;
}

.section {
  margin-bottom: 32px;
  font-family: VCR OSD Mono;
  font-size: x-large;
  margin-bottom: 2.5em;
}

.link {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(325px, 1fr));
  place-items: center;
}

.section h1 {
  margin-bottom: 0px;
  font-family: LotsOfDotz;
  font-weight: unset;
}

.section h2 {
  color: #f0ffe9;
}