@font-face {
  font-family: nintendods;
  src: url(Media/Nintendo-DS-BIOS.ttf);
}
@font-face {
  font-family: H1;
  src: url(Media/IcelandWinterstorm_PERSONAL_USE_ONLY.otf);
}

* {
   font-family: nintendods;
   color: var(--Text);
  --sb-track-color: #232323;
  --sb-thumb-color: #535353;
  --sb-size: 10px;
  cursor: url(Media/Cursor.png), auto;
  box-sizing: border-box;
}
* ::-webkit-scrollbar {
  width: var(--sb-size)
}
* ::-webkit-scrollbar-track {
  background: var(--sb-track-color);
  border-radius: 0px;
}
* ::-webkit-scrollbar-thumb {
  background: var(--sb-thumb-color);
  border-radius: 0px;
  
}

@supports not selector(::-webkit-scrollbar) {
  *  {
    scrollbar-color: var(--sb-thumb-color)
                     var(--sb-track-color);
  }
}
:root {
  --Text: #d9d9d9;
  --Bggrad: linear-gradient(#292929 0%, #414141 100%);
  --Bg3: #d4d4d4;
  --Bg2: #2f2f2f;
  --Bg: #1d1d1d;
}
body {
  background-image: url(Media/bg.png);
  image-rendering: crisp-edges;
  background-size: contain;
  overflow: auto;
  overflow-x: hidden;
}
.bodycont {
  width: min(100%, 1440px);
  max-width: 1440px;
  margin: auto;
  padding: 0 10px;
}
.bgcheckboard {
  background-image: url(Media/Checkboard.png);
  background-size: 40px;
  border-radius: 3px;
  border: #b1b1b154 solid 1px;
}
.innerbg {
  background: #2b2b2b;
  background: linear-gradient(180deg,#2b2b2b 0%, #0a0a0a 100%);
  border-radius: 3px;
  border: #b1b1b1 solid 1px;
  box-shadow: inset 0 -5px 10px #00000057;
}


#borderbot {
  border-bottom: 22px solid;
  border-image: url('Media/border.png') 24  round;
}
#border2 {
  border-width: 14px;
  border-style: solid;
  border-image: url('Media/border2.png') 9 fill round;
}
div{
  font-family: nintendods;
}
hr {
  border: solid rgba(0, 0, 0, 0.452) 1px;
}
img {
  margin: auto;
  max-width: 100%;
  user-select: none;
}

a {text-decoration: dotted underline;}

h1.Left {
  position: absolute;
  margin: -25px 0 0 20px;
  font-family: h1;
  transform: scaleY(1.5);
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  user-select: none;
  letter-spacing: 5px;

  
}

.chatcont {
  width: 500px;
  height: 155;
  position: fixed;
  left: -350;
  transition: ease-out 1s;

  z-index: 10;
}
.chatcont .chatbox {
  z-index: 10;
  position: relative;
  width: 300px;
  margin: 1px;
  border: 3px solid black;
}
.chatcont .Chatappear {
  position: absolute;
  height: 150px;
  margin: -480 0 0 150;
  z-index: 9;
  filter: contrast(0%);
}

.chatcont:hover{
  left: 0;
}


.layout {
  margin: 0 auto;
  padding: 20px 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 8px;
}
.lace {
  background-image: url(Media/lace\ upside.png);
  background-size: contain;
  width: 120%;
  height: 100px;
  position: fixed;
  top: 0;
  left: -5px;
  z-index: 9;
  margin-top: -5px;}

.navbar button {
  height: 25px;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 4px;

  border-radius: 30px;
  border: solid 1px #000;

  text-align: left;
  font-size: 17px;;

  background: #272020;
  background: linear-gradient(80deg,#474747 0%, #2b2b2b 100%);
}
button:hover{filter: brightness(120%);}
button:active{filter: brightness(90%);}

.WIP {text-decoration: line-through;filter: brightness(60%);}
.wip:active{filter: brightness(60%);}
.wip:hover{filter: brightness(60%);}

button img {width: 15px; margin-right: 3px;}

header {
  background-image: url(Media/header.png);
  background-size:cover;

  border: rgb(255, 255, 255) solid 1px;
  border-radius: 5px;

  width: 70%;
  height: 170px;
  max-width: 1144px;

  margin: 50px auto 20px;
}
.watermark {
  position: absolute;
  width: 200px;

  margin: -50px 0 0 750px;

  z-index: 5;
}
.watermarkdec {
  position: absolute;
  width: 400px;

  margin: -200px 0 0 650px;
  z-index: 4;
  mix-blend-mode: soft-light;
}

.body {
  width: 900px;
  box-sizing: border-box;
  height: fit-content;
  padding: 20px 10px;
}
.body2 {
  padding: 10px 10px;
  overflow: hidden;
}

.leftside {
  min-width: 220px;
  max-width: 220px;
  display: grid;
  height: fit-content;
  padding: 6px;
  overflow-y: hidden;
}
.leftcont {
  margin: 4px;
  padding: 5px;
  padding-top: 15px;
  height: fit-content;
  overflow-x: hidden;

  text-align: center;
}
.status {background: var(--Bg);
  height: fit-content;
  padding-bottom: 15px;

  border: #000000 solid 1px;

  margin-top: 5%;
  margin-left: auto;
  margin-right: auto;
  
  text-align: center;
}

.navbar {
  width: fit-content;
  height: fit-content;
  margin-bottom: 20px;
}
.navbar h2 {
  margin: 10 0 0;
  height: 30px;
  text-align: center;
  border-bottom: #00000028 solid 1px;
}

.body .welcome {
  height: fit-content;
  overflow-x: hidden;
  word-wrap:break-word;
}
.body .welcome p {
  font-size: 20px;
}

.welcome .Warning {
  height: fit-content;
  width: 240px;
  padding: 7px;
  box-sizing: border-box;
  text-align: center;
  float:right;

  margin: -310 20 20 0;
}

.body .WAILT {
  text-align: center;
  width: min(50vw, 100%);
  max-width: 100%;
  margin: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}

.updatelog {
  height: 150px;
  width: 800px;
  margin: auto;
  margin-top: 15px;
  overflow-x: hidden;
  word-wrap:break-word;
}
.updatelog h1{
  font-size: 20px;
  background-color: #0f0f0f;
  width: 100%;
  margin:0;
  padding-top: 8px;
  padding-left: 10px;
  font-family: h1;
  transform: scaleY(1.5);
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  position: sticky;
  border-bottom: solid 1px white;

  letter-spacing: 5px;
}
.updatelog .log {
  width: 80%;
  margin: 10px;
  margin-top: 10px;
}
.updatelog .log hr {
  border-color: #7e7e7e83;
  margin: 0;
  border-top: none;
  width: 500px;
}
.updatelog .log h2 {
  margin: 10 0 5 0;
  font-style: italic;
  color: #7e7e7e;
}
.updatelog .log p {
  font-size: 18px;
  margin-top: 2px;
}

#statuscafe {
    padding: 4px;
}
#statuscafe-content {
    text-align: center;
    font-size: 20px;
}
#statuscafe-username {
    text-align: center;
    font-size: 17px;
    margin: -2 0 10 0;
}
.redacted {
    background-color: #000;
    color: #000;
    padding: 0 4px;
    user-select: none;
}

.navbar .linkme {
  height: 160px;
  width: 95%;
  margin: auto;
}
.linkme img {
  margin-top: 30px;
}
.linkme h1 {
  font-family: h1;
  transform: scaleY(1.5);
  text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
  user-select: none;
  letter-spacing: 5px;
  font-size: 15px;
  margin: 0 0 10 0;
  
}
.linkme textarea {
  width: 100%;
  height: 60px;
  color: var(--Text);
  background-color: #1d1d1d;
}