@font-face {
  font-family: 'webkinz';
  src: url('/Webring/extra/webkin.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'webkinz1';
  src: url('/Webring/extra/test.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

body {
overflow-x: hidden;
image-rendering: pixelated;
}

::selection {
  background: #ffeb38;
  color: #ffffff; 
}

.banner {
border-radius: 0px;
border: 0px solid #FFFFFF;
width: 703px;
height: 200px;
position: absolute;
top: 36px;
left: 300px;
user-select: none;
}

.navbar {
border-radius: 0px;
border: 0px solid #FFFFFF;
background-color: #000000;
width: 702px;
height: 50px;
position: absolute;
top: 236px;
left: 301px;
}

.navbartext {
width: 702px;
height: 50px;
position: absolute;
top: 236px;
left: 301px;
z-index: 1;
}

.navbarborder {
background-color: #41eb2a;
width: 702px;
height: 51px;
position: absolute;
top: 237px;
left: 301px;
pointer-events: none;
}
.navbarborderTOP {
background-color: #36a2eb;
width: 702px;
height: 51px;
position: absolute;
top: 234px;
left: 301px;
pointer-events: none;
}

.box {
border-radius: 7px;
border: 0px solid;
background-color: #ffffff;
width: 703px;
height: 629px;
position: absolute;
top: 236px;
left: 300px;
}

.header {
width: 400px;
height: 70px;
position: absolute;
top: 289px;
left: 309px;
background-color: #FFFFFF;
}

.underheader {
width: 450px;
height: 196px;
position: absolute;
top: 336px;
left: 309px;
}

.thing {
width: 243px;
height: 244px;
position: absolute;
top: 288px;
left: 755px;
background-color: #FFFFFF;
user-select: none;
}

.innerborder {
border-radius: 9px;
border: 2px solid #c98d0a;
width: 701px;
height: 827px;
position: absolute;
top: 36px;
left: 300px;
}
.mainborder {
border-radius: 10px;
border: 8px solid #ffe23b;
width: 701px;
height: 827px;
position: absolute;
top: 30px;
left: 294px;

}
.outerborder {
border-radius: 11px;
border: 8px solid #c98d0a;
width: 705px;
height: 832px;
position: absolute;
top: 28px;
left: 292px;
}

.background {
background-color: #00ff2a;
width: 2100px;
height: 930px;
position: absolute;
top: 0px;
left: 0px;
}

.ad1 {
border-radius: 0px;
border: 2px solid #ff45d3;
width: 160px;
height: 160px;
position: absolute;
top: 330px;
left: 60px;
user-select: none;
}
.ad1border {
border-radius: 0px;
border: 5px solid #ff7ae0;
width: 160px;
height: 160px;
position: absolute;
top: 327px;
left: 57px;
pointer-events: none;
}
.ad1outerborder {
border-radius: 0px;
border: 2px solid #f736ca;
width: 170px;
height: 170px;
position: absolute;
top: 325px;
left: 55px;
pointer-events: none;
}

.ad2 {
border-radius: 0px;
border: 2px solid #339dff;
width: 160px;
height: 160px;
position: absolute;
top: 580px;
left: 60px;
user-select: none;
}
.ad2border {
border-radius: 0px;
border: 5px solid #59dbff;
width: 160px;
height: 160px;
position: absolute;
top: 577px;
left: 57px;
pointer-events: none;
background-color: #59dbff;
}
.ad2outerborder {
border-radius: 0px;
border: 2px solid #2290f5;
width: 170px;
height: 170px;
position: absolute;
top: 575px;
left: 55px;
pointer-events: none;
}

.logo {
width: 50px;
height: 50px;
position: absolute;
top: 20px;
left: 20px;
pointer-events: none;
user-select: none;
}

.credits {
width: 300px;
height: 30px;
position: absolute;
top: 884px;
left: 535px;
}