@font-face {
  font-family: "taisyoRyakuji";
  src: url("/fonts/taisyoRyakuji.ttf") format("truetype");
}
html {
  overflow-y: scroll;
  scroll-behavior: smooth;
}
body {
  background-color: transparent;
  background-image: url(/images/hoshi.gif);
  background-position: 1px 0;
  font-smooth: never;
  font-size: 11pt;
  margin: 0;
  padding: 0;
  cursor: none;
}
.bgblackbox {
  background: transparent;
  width: 1070px;
  vertical-align: top;
  margin: 0 auto;
  min-height: 100vh;
}
.bgblackboxfixed {
  background: transparent;
  width: 1070px;
  vertical-align: top;
  margin: 0 auto;
}
/*banner*/
.logocont {
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
#logo {
  width: 600px;
  height: auto;
  display: block;
  margin: 0 auto;
  position: relative;
  left: 50px;
  top: 10px;
  z-index: 100;
}
/*body of page*/
.bigcont {
  margin: auto auto;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 970px;
  min-height: 750px;
}
.errortext {
  margin: 35px 50px;
  color: red;
}
.errortext a, .errortext a:visited {
  color: blue;
}
.errortext a:hover {
  color: red;
}
/*sidebars*/
.sidecont {
  width: 135px;
  max-width: 135px;
  flex-direction: column;
  display: flex;
  height: auto;
}
.profile-outset {
  width: 320px;
  height: 350px;
  border: 5px #5d5c7d;
  border-style: outset;
  background: transparent;
  outline: 1px #4444c2;
  outline-offset: 0;       
}
.sidecont ul, .sidecont li {
  list-style: none;
  margin: 0;
  padding: 1px 0 2px 5px;
  text-align: left;
  text-indent: -1em;
  line-height: 0.7;
  font-family: "meiryo";
  color: red;
  font-size: 20px;
}
.sidecont2 {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
#radioplaying {
  max-width: 135px;
  font-family: ms ui gothic;
  font-size: 10.5pt;
  border: 1px red;
  border-style: solid;
}
#radioplaying a, #radioplaying a:visited {
  color: red;
  text-decoration: none;
  padding: 0;
  margin: -2px;
}
#radioplaying a:hover {
  color: aqua;
}
/*navbar*/
/*blanqphobia cam*/
#blanqphobiacam {
  position: absolute;
  top: -1200px;
  left: 730px;
  z-index: 100;
}
#blanqphobiacam img {
  display: block;
  position: relative;
  z-index: 0;
}
#blanqphobiacam ul {
  position: relative;
  z-index: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
#blanqphobiacam li {
  font-family: MS UI Gothic;
  color: #4444c2;
  font-size: 20px;
  line-height: 1;
  margin: 0;
  padding: 0;
}
#blanqphobiacam li:before {
  content: "★ ";
  font-style: italic;
  color: #4444c2;
  margin: 0;
  padding: 0;
}
/*aleksandarpic*/
.aleksandarpicborder {
  max-width: 172px;
  margin: 2px 0px -2px 2px;
  padding: 1px;
  border: 1px solid red;
}
.aleksandarpiccont {
  width: 180px;
  border: 1px red;
  border-style: solid;
  background: black;
  margin-right: -80px;
}
#aleksandarpic li:before {
  text-align: left;
  padding: 0;
  margin: 3px 0 0 0;
  content: "☆☆ ";
  font-style: italic;
  color: red;
}
/*find me*/
#findme {
  margin-top: 20px;
}
#findme li:before {
  text-align: left;
  padding: 0;
  margin: 3px 0 0 0;
  content: "☆ ";
  font-style: italic;
  font-size: 15px;
  color: red;
}
.colledivider {
  display: flex;
  flex-direction: column;
}
.colledividerdiv {
  display: flex;
  flex-direction: row;
}
.dividercolle img {
  display: inline-block;
  width: 100%;
  vertical-align: middle;
}
.colledividerdiv p {
  text-align: left;
  color: red;
  font-family: "meiryo";
}
.colledivider hr {
  border: 0;
  margin: 0 0 0 0;
  clear: both;
  display: inline-block;
  width: 100%;
  border-top: 1px solid red;
  vertical-align: middle;
}
hr.divider1 {
  border: 0;
  margin: 0 0 0 0;
  clear: both;
  display: block;
  width: 100%;
  border-top: 1px solid red;
}
hr.divider3 {
  border: 0;
  margin: 0 0 5px 0;
  clear: both;
  display: block;
  width: 100%;
  text-align: right;
  border-top: 3px transparent;
}
hr.divider2 {
  border: 0;
  margin: 5px 0 5px 45px;
  clear: both;
  width: 100%;
  text-align: right;
  border-top: 1px dotted #ff0000;
}
#contactlinks {
  padding-top: 3px;
}
#contactlinks a, #contactlinks a:visited {
  color: red;
}
#contactlinks li {
  text-align: justify;
  padding: 0;
  margin: 0 0 0 12px;
  font-style: italic;
  color: red;
  font-size: 18px;
}
#contactlinks li:before {
  text-align: left;
  padding: 0;
  margin: 10px 0 0 0;
  content: "⇁";
  font-style: italic;
  color: red;
  font-size: 20px;
}
#contactlinks a:hover {
  color: red;
}
.sendemail {
  font-family: meiryo;
  animation: blinker 1s linear infinite;
  text-align: right;
  margin: -5px 8px 3px 0;
  line-height: 0.7;
  font-size: 18px;
  color: red;
}
.sendemail a, .sendemail a:visited {
  color: red;
}
.sendemail a:hover {
  color: red;
}
@keyframes blinker {
  60% { opacity: 0.5; }
}
/*summary box*/
.summarybox {
  width: 125px;
  height: 440px;
  border: 3px red;
  border-style: outset;
  margin-right: 25px;
  z-index: -1;
}
.summaryframe {
  background: black;
  margin: 10px;
  font-family: MS UI gothic;
  z-index: -1;
}
.summaryframe a, .summaryframe a:visited {
  color: red;
}
#summarygif {
  position: relative;
  left: 45px;
  width: 36px;
  z-index: 1;
}
/*guestbook box*/
.guestbook, .guestbook a, .guestbook a:visited {
  font-size: 7pt;
  color: black;
  background-color: red;
  letter-spacing: 0.05em;
  font-family: Dreamer TM;
  max-height: 15px;
  min-height: 15px;
  text-align: center;
  text-decoration: none;
  position: relative;
}
.guestbook:hover {
  background-color: red;
  text-decoration: none;
}
.sticker1 img {
  width: 100px;
  height: auto;
}
.sticker1 img, .sticker2 img, .sticker1game img, .sticker2game img, .sticker2gameleft img, .sticker1gameleft img, .sticker3gameleft img, .sticker3game img {
  width: 40%;
}
.freeblue-outline {
  filter: drop-shadow(0 0 1px #4444c2) drop-shadow(0 0 3px #4444c2);
  padding: 1px;
  z-index: 100;
}
.sticker2 {
  position: relative;
  top: -35px;
  left: -95px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  z-index: 1;
}
.sticker1game {
  position: relative;
  top: -45px;
  left: -75px;
  z-index: 1;
}
.sticker2game {
  position: relative;
  left: -95px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  z-index: 1;
  top: 1205px;
}
.sticker3game {
  position: relative;
  left: -95px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  z-index: 1;
  top: 3000px;
}
.sticker2gameleft {
  position: relative;
  left: 65px;
  transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  z-index: 1;
  top: 550px;
  padding: 0;
  margin: -10px;
}
.sticker1gameleft {
  position: relative;
  left: 85px;
  z-index: 1;
  top: 600px;
  padding: 0;
  margin: -10px;
}
.sticker3gameleft {
  position: relative;
  left: 85px;
  z-index: 1;
  top: 2300px;
  padding: 0;
  margin: -10px;
}
.mainWrapper {
  position: relative;
  width: 650px;
  margin: 0 auto;
}
/* Header */
.mainHeader {
  position: absolute;
  top: -90px;
  margin-left: -51px;
  width: 694px;
  height: 105px;
  background: linear-gradient(
    180deg,
    rgba(242, 243, 245, 0.9) 0%,
    rgba(123, 125, 153, 0.9) 20%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border-radius: 347px 80px 0 0 / 72px 36px 0 0; /* Sadece alt kenar (taban) düz */
  z-index: 10;
  border: none;
}

/* Gradient kenarlık için */
.mainHeader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 347px 80px 0 0 / 72px 36px 0 0; /* Sadece alt kenar (taban) düz */
  padding: 2px;
  background: linear-gradient(to top, #444, #fff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  box-sizing: border-box;
}
/* Aero Glass ve Ana İçerik */
.main {
  position: relative;
  top: -86px;
  margin-left: -50px;
  width: 650px;
  height: 895px;
  background: url("/images/aero_glass.png") no-repeat;
  background-position: 0px 0px;
  background-size: cover;
  border-radius: 325px 75px 75px 325px / 67px 34px 34px 67px; /* Üst kenarlar korundu, alt kenarlar mainHeader'ın üst kenarına benzetildi */
  border-top: none;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  border-bottom: 1px solid #444444;
  padding: 0 20px 3px 20px;
  overflow-y: visible;
  overflow-x: hidden;
  backdrop-filter: blur(1px);
  z-index: 5;
}
/* TV Box */
.TV {
  position: relative;
  top: -80px;
  margin-left: -35px;
  width: 650px;
  height: 384px;
  background: linear-gradient(
    180deg,
    rgba(242,243,245,0.9) 0%,
    rgba(123,125,153,0.9) 20%,
    rgba(0,0,0,0.9) 50%,
    rgba(0,0,0,0.9) 100%
  );
  border: 2px solid #363636;
  border-radius: 6px;
  box-shadow: rgba(0,0,0,0.25) 0px 10px 20px,
              rgba(0,0,0,0.22) 0px 6px 6px;
  backdrop-filter: blur(2px);
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
}
/* TV İç Cam Paneli */
.TV-inner {
  width: 640px;
  height: 370px;
  background: url("/images/aero_glass.png") no-repeat center;
  background-size: cover;
  border: 1px solid rgba(150,150,150,0.25);
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 1px 0 1px;
  box-shadow: inset 0 2px 14px rgba(255,255,255,0.02);
}
/* Video */
.TV-inner iframe {
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 1px;
}
/* Underconstruction ve Footer */
.underconstruction {
  position: relative;
  top: 20px;
  margin-left: -35px;
  width: 650px;
}
.underconstruct-gif {
  position: absolute;
  left: 50%;
  top: -110px;
  width: 15px !important;
  height: 6.5px !important;
  z-index: 100;
}
footer {
  color: gray;
  font-size: 12px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  position: relative;
  top: -70px;
}
/*home*/
.buttonrow {
  text-align: center;
  margin: 20px auto;
}
.buttonrow img {
  visibility: hidden;
}
.buttonrow2 {
  text-align: left;
  margin: 10px 15px;
  bottom: 0;
  display: block;
  position: absolute;
}
.buttonrow2 img {
  visibility: hidden;
}
.buttonwall {
  text-align: center;
  margin: 20px auto;
  width: 635px;
}
.buttontextbox {
  text-align: center;
  display: flex;
  align-items: flex-end;
  margin: 20px auto;
  width: 550px;
}
.buttontextbox img {
  margin-right: 10px;
  padding: 0;
}
.buttonwall img {
  height: 31px;
}
.buttonrow img {
  margin: 0 6px;
}
.homecontainer {
  display: flex;
  width: 650px;
  margin: auto;
  justify-content: space-around;
}
.leftcont {
  width: 650px;
  height: auto;
  margin: 0;
}
.floatingupdt {
  font-family: MS UI gothic;
  position: absolute;
  background-color: red;
  color: red;
  border-radius: 25px;
  padding: 5px;
  margin-left: -15px;
  margin-top: -10px;
}
.floatingtodo {
  font-family: MS UI gothic;
  position: absolute;
  background-color: red;
  color: red;
  border-radius: 25px;
  padding: 5px;
  margin-left: -15px;
  margin-top: 15px;
}
.welcome {
  font-family: MS UI gothic;
  text-align: right;
  color: #93accf;
  margin-top: 50px;
}
.welcome2 {
  text-align: justify;
  margin-top: -5px;
  color: #6E6E96;
  fill: #6E6E96;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.welcome2 b {
  color: gray;
}
.welcome2 a, .welcome2 a:visited {
  color: red;
  padding-top: 0;
  margin-top: 0;
}
.welcome2 a:hover {
  color: blue;
}
.scrollerhome {
  width: 175px;
  font-size: 13px;
  overflow: auto scroll;
  border: 3px gainsboro;
  border-style: solid;
  background: black;
  padding: 10px;
  font-family: MS UI gothic;
}
.scrollerhome a, .scrollerhome a:visited {
  color: red;
}
.scrollerhome a:hover {
  color: red;
}
.scrollerhome img {
  vertical-align: top;
}
.statuscafe {
  font-family: MS UI gothic;
  width: 375px;
  margin: 30px auto 0;
  font-size: 15px;
  user-select: none;
  background: linear-gradient(
    180deg,
    rgba(242, 243, 245, 0.9) 0%,
    rgba(123, 125, 153, 0.9) 20%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border: 1px solid #3d3d3d;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
              rgba(0, 0, 0, 0.22) 0px 10px 10px;
  backdrop-filter: blur(2px);
  transform: translateY(190px);
  padding: 10px;
  box-sizing: border-box;
}
.statuscafe td {
  width: auto;
  position: relative;
  display: table-cell;
  color: #cccccc;
}
.statuscafe tr:first-child td {
  text-align: center;
  vertical-align: middle;
}
.statuscafe-content {
  font-family: MS UI gothic;
  background: transparent;
}
.statuscafe-content p {
  margin: 8px 0 8px 42px;
  color: #cccccc;
}
.statuscafe-content img {
  position: absolute;
  margin: 3px -40px -5px -3px;
  width: 43px;
  height: auto;
}
/*about*/
.aboutblanqphobia {
  display: flex;
  margin: 20px;
  flex-direction: row;
  justify-content: space-between;
}
.aboutblanqphobia img {
  margin-right: 15px;
}
.aboutblanqphobia h3 {
  margin-top: 0px;
  font-family: MS UI gothic;
  color: red;
}
.aboutme h3 {
  margin-bottom: 0px;
  font-family: MS UI gothic;
  color: red;
}
.aboutblanqphobia p {
  margin-top: -5px;
  text-align: justify;
}
.aboutblanqphobia a, .aboutblanqphobia a:visited, .aboutme a, .aboutme a:visited {
  color: red;
}
.aboutblanqphobia a:hover, .aboutme a:hover {
  color: red;
}
.whyblanqphobia {
  margin: -35px 20px auto 75px;
  text-align: justify;
}
.aboutme {
  display: flex;
  margin: 40px 50px 110px 20px;
  flex-direction: row;
  justify-content: space-between;
  height: 300px;
}
.aboutme p {
  text-align: justify;
  width: 500px;
  z-index: 1;
}
.aboutme img {
  background: black;
}
.collestory h3 {
  margin-bottom: 0px;
  font-family: MS UI gothic;
  color: red;
}
.collestory p {
  text-align: justify;
  width: 500px;
  z-index: 1;
  font-size: 11pt;
}
.mepiccont b {
  writing-mode: vertical-rl;
  transform: scale(-1);
  margin-right: 0;
  font-weight: normal;
}
.mepiccont {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
  color: red;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  justify-content: space-around;
  float: right;
  margin: 35px -70px 0px 0px;
  -webkit-shape-outside: polygon(25% 0, 0 75%, 100% 25%);
}
.mepic {
  padding: 2px;
  border: 1px solid red;
  color: red;
}
.aboutme2 {
  margin: 20px;
}
.extrainfo {
  display: flex;
  text-align: justify;
  flex-direction: column;
  margin: 0 30px 30px 25px;
}
.favs {
  border: 1px red;
  border-style: solid;
  background-color: black;
  font-family: MS UI gothic;
  font-size: 11pt;
  width: 560px;
  padding: 0 18px;
  color: red;
  margin-top: -15px;
  box-shadow: 5px 5px red;
}
.favs a, .favs a:visited {
  color: red;
}
.favs a:hover {
  color: red;
}
.medeco {
  width: 170px;
  position: absolute;
  margin-left: -14px;
  opacity: 0.3;
}
/*gamelog*/
.gamelogtext {
  text-align: justify;
  margin: 2px 8px 8px 8px;
  vertical-align: top;
  color: red;
  font-family: MS UI gothic;
  font-size: 10pt;
  font-weight: 300;
}
.gamelogdate {
  color: red;
  font-family: MS UI gothic;
}
.gamelogwarning {
  font-size: 9.5pt;
  color: #ff0000;
  margin: 7px;
}
.gamelogwelcome {
  font-family: MS UI gothic;
  font-size: 14pt;
  color: red;
}
.gamelogwelcome a, .gamelogwelcome a:before {
  color: red;
}
.gamelogwelcome a:hover {
  color: red;
}
.gamelogboxes {
  margin: 10px 0 25px 90px;
  width: 650px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.gameheaderL {
  margin-right: 10px;
}
.gameheaderL img {
  transform: scaleX(-1);
}
#npbox {
  width: 450px;
  height: 111px;
}
.nptable {
  text-align: center;
  border-collapse: collapse;
  border-style: ridge;
  border-color: blue;
  width: 450px;
  margin: 0;
  padding: 0;
}
.nptable td {
  border: solid 1px blue;
  border-style: dashed;
}
.blackoutline {
  padding: 1px;
  border: 1px transparent;
}
.gamearrows, .gamearrows a, .gamearrows a:visited {
  text-align: center;
  color: red;
  font-family: MS UI gothic;
  font-size: 11pt;
}
.gamelog {
  color: red;
  border: 2px red;
  border-style: outset;
  width: 575px;
  margin: auto;
  text-align: center;
  font-family: MS UI gothic;
  font-size: 10.5pt;
}
.gamelogtitle {
  margin: 2px 8px 2px 8px;
  font-family: MS UI gothic;
}
.gamelog td {
  color: #ff0000;
  border: 1px #ff0000 solid;
  margin: 2px;
}
#about {
  font-family: MS UI gothic;
  font-size: 11pt;
  margin: 15px 40px 0px 40px;
  text-align: center;
}
#about a, #about a:visited {
  color: red;
}
#about a:hover {
  color: red;
}
.upbutton {
  color: red;
  font-family: Dreamer TM;
  font-size: 10pt;
  text-align: center;
  margin: 20px auto 15px auto;
}
.upbutton a, .upbutton a:visited {
  color: red;
}
.sharebox {
  vertical-align: top;
  padding-top: 30px;
}
.toparrow {
  bottom: 500px;
  position: sticky;
}
/*links*/
.title {
  margin-left: 20px;
  margin-bottom: -10px;
  color: red;
  font-size: 12pt;
  font-family: MS UI gothic;
}
#morelinks {
  align-items: center;
  margin-left: 50px;
  margin-right: 50px;
  margin-top: -10px;
  text-align: justify;
  text-justify: inter-word;
}
#morelinks a, #morelinks a:visited {
  color: transparent;
  font-family: MS UI gothic;
}
#morelinks p {
  color: transparent;
  margin: auto 0;
  font-size: 11pt;
}
#credits {
  text-align: left;
  align-items: center;
  margin-left: 50px;
  margin-bottom: 30px;
}
#credits a, #credits a:visited {
  color: red;
  font-weight: 700;
}
#credits a:hover {
  color: red;
}
#creditremove {
  color: #ff0000;
}
/*game resources*/
.article {
  margin: 20px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/*gamecolle*/
#flag {
  width: 18px;
}
#system {
  width: 32px;
}
#hardsoft {
  color: red;
  font-family: MS UI gothic;
  text-align: center;
  font-size: 11pt;
}
#hardsoft a, #hardsoft a:visited {
  font-weight: 600;
  color: red;
}
#hardsoft a:hover {
  color: red;
  text-decoration: none;
}
#gamecolleindex, #gamecolleindex a, #gamecolleindex a:visited {
  color: red;
  font-family: MS UI gothic;
  text-align: center;
  font-size: 11pt;
  width: 500px;
  margin: 0 auto;
}
#gamecolleindex {
  position: fixed;
}
#gamecolleindex a, #gamecolleindex a:visited {
  border: solid 1px red;
  font-weight: 600;
  margin-bottom: 15px;
  padding: 0 5px;
  text-decoration: none;
}
#gamecolleindex a:hover {
  color: red;
  text-decoration: none;
  font-weight: 600;
  background-color: red;
  color: black;
}
.gallerycontainer {
  height: 645px;
  width: 600px;
  margin: auto 0 40px;
}
.collesystem {
  text-align: left;
  max-width: 32px;
}
.colletitle {
  text-align: left;
  font-size: 10.5pt;
}
.collerelease {
  text-align: left;
  font-size: 10.5pt;
  width: 10%;
}
.colledev {
  font-size: 10.5pt;
  width: 19%;
}
.collepub {
  font-size: 10.5pt;
  width: 15%;
}
.colleregion {
  width: 4%;
}
.colleentry {
  text-align: left;
  font-size: 10.5pt;
  width: 6%;
}
.collegallery {
  width: 500px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  flex-direction: row;
}
#unplayedentry {
  border-color: red;
  font-family: ms ui gothic;
}
#unplayedentry #entry, #unplayedentry #entry a, #unplayedentry #entry a:visited {
  color: red;
  text-decoration: none;
  font-family: ms ui gothic;
}
#unplayedentry span {
  color: red;
}
#entry, #entry a:hover {
  margin-top: 0;
  color: red;
  text-decoration: none;
  font-weight: 400;
  font-family: ms ui gothic;
}
#entry a, #entry a:visited {
  font-weight: 600;
  margin-top: 0;
  color: red;
  text-decoration: none;
  font-family: ms ui gothic;
}
#collekey {
  width: 130px;
  height: 333px;
  margin-top: 25px;
  margin-right: 25px;
  font-family: ms ui gothic;
}
#collekey p {
  margin-bottom: -5px;
}
.colleentries1, .colleentrieshard {
  width: 100%;
  color: red;
  font-family: ms ui gothic;
  text-align: left;
  margin-bottom: 10px;
}
.colleentries1 tr, .colleentries1 td, .colleentrieshard tr, .colleentrieshard td {
  height: auto;
  vertical-align: middle;
  text-align: left;
}
.colleentries a, .colleentries a:visited, .colleentries1 a, .colleentries1 a:visited, .colleentries2 a, .colleentries2 a:visited {
  color: red;
}
.colleentries a:hover, .colleentries1 a:hover, .colleentrieshard a:hover {
  color: #ff0000;
}
.colleentrieshard .collerelease {
  width: 0%;
}
.colleentrieshard .colledev {
  width: 0%;
}
.colleentrieshard .colletitle {
  width: 70%;
}
.colletop {
  font-weight: bold;
  position: fixed;
  color: #ff0000;
  font-family: ms ui gothic;
  font-size: 10pt;
  border-bottom: 2px #ff0000;
  border-bottom-style: solid;
  padding: 0;
  margin-bottom: 10px;
  vertical-align: bottom;
  text-align: left;
  padding-right: 15px;
}
.colletop tr {
  text-align: left;
  vertical-align: bottom;
}
#unplayed {
  color: red;
}
#livenow {
  font-family: meiryo;
  animation: blinker 2s linear infinite;
  padding-right: 7px;
  color: red;
  font-size: 8pt;
  display: none;
}
#offlinenow {
  font-family: meiryo;
  padding-right: 7px;
  color: darkred;
  font-size: 8pt;
}
/* blog */
.entrybody {
  border: 1px red;
  border-style: solid;
  background-color: black;
  font-family: MS UI gothic;
  font-size: 11pt;
  width: 500px;
  height: 650px;
  padding: 10px;
  color: red;
  margin-left: 20px;
  box-shadow: 5px 5px red;
  text-align: justify;
  overflow: overlay;
}
.entrybody p {
  margin-right: 50px;
}
.entrybody a, .entrybody a:visited {
  color: blue;
}
.entrybody a:hover {
  color: red;
}
.entryheader a, .entryheader a:hover, .entryheader a:visited {
  color: red;
  text-decoration: none;
  text-align: center;
}
.entryheader a:hover {
  color: red;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
.entryheader {
  font-family: MS UI gothic;
  font-size: 11pt;
}
.entryheader td {
  font-family: MS UI gothic;
  font-size: 11pt;
  border: 1px red;
  border-style: solid;
  background-color: black;
  padding: 5px;
  color: red;
}
.sideentry {
  position: relative;
  float: right;
  right: 35px;
  top: 180px;
  font-family: MS UI gothic;
  font-size: 11pt;
  margin-top: -125px;
}
.sideentry table {
  border: 1px red;
  border-style: solid;
  background-color: black;
  box-shadow: 5px 5px red;
  padding: 5px;
  width: 125px;
}
.entryfooter {
  font-family: MS UI gothic;
  font-size: 11pt;
  margin: 15px 20px;
}
.entryfooter td {
  font-family: MS UI gothic;
  font-size: 11pt;
  border: 1px red;
  border-style: solid;
  background-color: black;
  padding: 5px;
  color: red;
}
.entryfooter a, .entryfooter a:hover, .entryfooter a:visited {
  color: red;
  text-decoration: none;
  text-align: center;
}
.entryfooter a:hover {
  color: red;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}
.blogoldheader {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  color: red;
  font-size: 12pt;
  font-family: MS UI gothic;
  display: flex;
  justify-content: space-between;
}
.blogoldentry {
  border: 1px red;
  border-style: solid;
  background-color: black;
  font-family: MS UI gothic;
  font-size: 11pt;
  width: 500px;
  color: red;
  margin-left: 20px;
  text-align: justify;
  padding: 10px;
  margin-top: 15px;
}
.blogoldentry p {
  margin: 10px 3px 2px;
}
.blogoldentry a, .blogoldentry a:visited {
  color: red;
}
.blogoldentry a:hover {
  color: lightred;
}
.oldindexentryheader {
  font-family: MS UI gothic;
  font-size: 11pt;
}
.oldindexentryheader td {
  font-family: MS UI gothic;
  font-size: 11pt;
  border: 1px red;
  border-style: solid;
  background-color: black;
  padding: 5px;
  color: red;
}
.blogoldheaderentry {
  display: flex;
  justify-content: space-between;
}
.e2 {
  opacity: 0.8;
}
.e3 {
  opacity: 0.6;
}
.e4 {
  opacity: 0.4;
}
#blentrytitle a, #blentrytitle a:visited {
  color: transparent;
  text-decoration: none;
}
#blentrytitle a:hover {
  color: transparent;
  text-decoration: none;
}
#feed-reader {
  z-index: 1000;
  position: relative;
  margin-top: -100%;
}
#kill-tyrants {
  position: fixed;
  bottom: 0;
  right: 5px;
  margin: 5px;
}
#kill-tyrants img {
  width: 300px;
  height: auto;
}
.custom-cursor {
  position: fixed;
  width: 32px;
  height: 31px;
  background-image: url('/images/close1.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
  z-index: 9999;
  transition: none;
  left: 0;
  top: 0;
  transform: translate(-50%, -50%) translate(17px, 17px);
  animation: cursorAnimation 0.25s steps(8) infinite;
  image-rendering: auto;
  filter: contrast(1.5) sharpness(0.9);
}
@keyframes cursorAnimation {
  0% { background-image: url('/images/close1.png'); }
  12.5% { background-image: url('/images/close2.png'); }
  25% { background-image: url('/images/close3.png'); }
  37.5% { background-image: url('/images/close4.png'); }
  50% { background-image: url('/images/close5.png'); }
  62.5% { background-image: url('/images/close6.png'); }
  75% { background-image: url('/images/close7.png'); }
  87.5% { background-image: url('/images/close8.png'); }
  100% { background-image: url('/images/close1.png'); }
}
a, a:hover, a:focus, a:active,
.sound-button, .sound-button:hover,
.sound-button img, .sound-button img:hover {
  cursor: none !important;
}
.errortext a, .errortext a:hover,
#contactlinks a, #contactlinks a:hover,
.welcome2 a, .welcome2 a:hover,
.scrollerhome a, .scrollerhome a:hover,
.aboutblanqphobia a, .aboutblanqphobia a:hover,
.aboutme a, .aboutme a:hover,
.favs a, .favs a:hover,
.gamelogwelcome a, .gamelogwelcome a:hover,
#about a, #about a:hover,
.upbutton a, .upbutton a:hover,
#credits a, #credits a:hover,
#hardsoft a, .hardsoft a:hover,
#gamecolleindex a, .gamecolleindex a:hover,
.colleentries a, .colleentries a:hover,
.colleentries1 a, .colleentries1 a:hover,
.colleentrieshard a, .colleentrieshard a:hover,
.entrybody a, .entrybody a:hover,
.entryfooter a, .entryfooter a:hover,
.blogoldentry a, .blogoldentry a:hover {
  cursor: none !important;
}
#winamp-container .track-info,
#winamp-container [class*="TrackInfo"],
#winamp-container [class*="title"],
#winamp-container [class*="artist"] {
  color: #6E6E96 !important;
  fill: #6E6E96 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#winamp-container .track-info.current,
#winamp-container [class*="TrackInfo"].current,
#winamp-container [class*="title"].current,
#winamp-container [class*="artist"].current,
#winamp-container .current-song,
#winamp-container [class*="current"] {
  color: #AAAAC8 !important;
  fill: #AAAAC8 !important;
}
#winamp-container .status,
#winamp-container [class*="status"] {
  color: #D2D2FF !important;
  fill: #D2D2FF !important;
}
#winamp-container .time-display,
#winamp-container [class*="time"],
#winamp-container [class*="TimeDisplay"],
#winamp-container [class*="duration"],
#winamp-container [class*="elapsed"],
#winamp-container div[class*="time"] {
  color: #6E6E96 !important;
  fill: #6E6E96 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
#winamp-container .button,
#winamp-container [class*="button"],
#winamp-container .play,
#winamp-container .pause,
#winamp-container .stop,
#winamp-container .next,
#winamp-container .previous,
#winamp-container .eject,
#winamp-container [class*="control"],
#winamp-container [class*="Button"],
#winamp-container div[class*="icon"] {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.insaniquarium-button {
  position: fixed;
  top: 10px;
  right: 10px;
  width: 80px;
  height: 40px;
  background: linear-gradient(
    180deg,
    rgba(242, 245, 245, 0.9) 0%,
    rgba(123, 125, 153, 0.9) 20%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border: 1px solid #3d3d3d;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px,
              rgba(0, 0, 0, 0.22) 0px 10px 10px;
  border-radius: 50% 20% 50% 20% / 60% 30% 70% 40%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #cccccc;
  font-family: 'MS UI Gothic', sans-serif;
  font-size: 12px;
  cursor: none;
  z-index: 1000;
  text-align: center;
}
.fish {
  position: fixed;
  z-index: 999;
  pointer-events: none;
  background-repeat: no-repeat;
  image-rendering: pixelated;
  transition: left 0.016s linear, top 0.016s linear, transform 0.016s linear;
}
.food-item {
  background-repeat: no-repeat;
  image-rendering: pixelated;
  transition: top 8s linear;
}

.sidecontstar {
  position: absolute;
  top: 0; /* Varsayılan olarak sol üst köşeye yerleştiriyorum, değiştirilebilir */
  left: 0;
  width: 105px; /* mainHeader’ın yüksekliği ile aynı */
  height: 694px; /* mainHeader’ın genişliği ile aynı */
  background: linear-gradient(
    180deg,
    rgba(242, 243, 245, 0.9) 0%,
    rgba(123, 125, 153, 0.9) 20%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border-radius: 30px 0 30px 0 / 400px 0 400px 0; /* Yassı kenar sola, düz kenar sağa */
  z-index: 1; /* Diğer elementlerin katmanlarını bozmamak için düşük */
  border: none;
  pointer-events: none; /* Hayalet gibi, etkileşim olmaz */
}

/* Gradient kenarlık için */
/* sidecontstar: mainHeader’ın şeklini saat yönünün tersine 90 derece döndürür, sol kenar kavisli (köşeler 1 ve 3), sağ kenar düz (köşeler 2 ve 4, main’e yapışır, +x yönüne bakar) */
.mainHeader {
  position: absolute;
  top: -90px;
  margin-left: -51px;
  width: 694px;
  height: 105px;
  background: linear-gradient(
    180deg,
    rgba(242, 243, 245, 0.9) 0%,
    rgba(123, 125, 153, 0.9) 20%,
    rgba(0, 0, 0, 0.9) 50%,
    rgba(0, 0, 0, 0.9) 100%
  );
  border-radius: 347px 80px 0 0 / 72px 36px 0 0; /* alt kenar düz */
  z-index: 10;
  border: none;
}

.mainHeader::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 347px 80px 0 0 / 72px 36px 0 0;
  padding: 2px;
  background: linear-gradient(to top, #444, #fff);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  box-sizing: border-box;
}

/* Döndürülmüş sidecontstar */

.links-container {
    position: relative;
    top: 58px; /* Yukarı taşımak için, ör. 20px. Daha fazla için -50px yap. */
}