@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&family=Single+Day&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Coming+Soon&family=Short+Stack&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Tilt+Neon&display=swap');

::-moz-selection { /* Code for Firefox */
  color: white;
  background: mediumblue;}

.scroller {
  --scrollbar-color-thumb: hotpink;
    --scrollbar-color-track: blue;
    --scrollbar-width: thin;
    --scrollbar-width-legacy: 10px;
}

body{
	background-image: url("7527.png");
	background-attachment: ;
	background-position: center;
	background-size: ;
	background-repeat: repeat;
	
    background-color: #08010E;
    color: #ffffff;
    font-family: 'Pixellari', "Tilt Neon", 'Zekton', 'Short Stack', 'Kode Mono', 'Open Sans', sans-serif;
    font-size: 16px;
  
  }
  
  @font-face {
  font-family: Pixellari;
  src: url(Pixellari.ttf);
    font-weight: 400;
  }


.kode-mono {
  font-family: "Kode Mono", monospace;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.sideimg
{z-index:-1;
position: absolute;
top:420px;
right:620px;
}

.navimg
 {z-index:-1;
position:absolute;
top: -4px;
bottom: -2px;
right: -2px;
left: -4px;
} 


header{
	text-align: center;
    margin-top:40px;       
    margin-bottom:20px;}
    
.main
{
background: #c46bd6;
background: radial-gradient(circle, rgba(196, 107, 214, 0.9) 1%, rgba(4, 4, 26, 1) 100%);
margin: 25px auto;
	max-width:800px;
	position:relative;
    text-align: center;
    border: 5px solid transparent;
  padding: 15px;
  border-image: url(7531.png) 35% round;
    backdrop-filter: blur(0px);
    box-shadow: 0px 0px 0px 0px rgba(204, 245, 230, 0.3);
	padding: 6px 8px 6px 8px;
  text-shadow: 2px 2px 0px #000;
}

.sidebar {
  position: absolute;
  overflow:auto;
  background: #cd88eb;
  background: linear-gradient(0deg, rgba(205, 136, 235, 0.2) 0%, rgba(4, 4, 26, 0) 99%);
  border: 1px solid rgba(223, 194, 233, 0.25);
  border-radius: 6px;
  width:140px;
  max-height:400px;
  margin-top:4px;
  margin-left:2px;
  text-align:left;
  font-size:16px;
  padding: 5px;
   overflow: hidden;
   z-index:-2;

}

.text{
  overflow: auto;
  scrollbar-color: #FFFFFF, transparent;
  scrollbar-width: thin;
  text-align:left;
  max-width:840px;
  height:712px;
  margin:auto;
  margin-top:5px;
  margin-left:170px;
  padding-right:10px;
  
  
}

 p{
	 line-height:1.2em;
	text-align:left;
	z-index:1;
 }
 
 img {
	padding: 4px;
}	

a{color:#83E34D;
  text-decoration:none;}


h3 {color:#ffffff; font-size:22px; padding: 0px; margin: 2px 0px 0px 0px; text-shadow:2px 2px 0px rgba(55, 28, 74, 1)}
h2 {color:#ADE88D; font-size:24px;}
h1 {color:#FFFFFF; font-size:32px; text-shadow:2px 2px 0px rgba(131, 227, 77, 1)}