body {
background-color: white;
	color: black;
		
	 font-family: 'Times New Roman', sans-serif;                                            
		font-weight: bold;
		font-style: normal;
		font-size: 16px;
		margin: 0;
		padding: 0;
		line-height: 1.3;
		overflow-x: hidden; }
	
.imgpiki img {
  display: inline-block;
  vertical-align: top; 	
  z-index:99999;
  width:100px;
  height:auto;

}
.container{
  }

iframe {
  overflow: hidden;

}


iframe::-webkit-scrollbar {
 display: none;    
}

.bigc {
  display: flex;
  gap: 80px; 
  align-items: flex-start; 
  border: 5px solid blue;
  background-color: #f0f0f0; 
  background-image: radial-gradient(#ccc 1px, transparent 1px);
  background-size: 5px 5px; 
}

.speak {
  max-width: 300px;
  font-family: 'Times New Roman', sans-serif;                                            
		font-weight: bold;
		font-style: normal;
		font-size: 25px;
}



.bottom-right-gng {
  position: fixed;
  bottom: 0;
  right: 0;
  width: 350px; 
  height: 350px; 
  z-index: 100;
}

.bottom-right-gng img {
  position: absolute;
}

.templeos-img {
  width: 100%;
  height: auto;
}

.angel {
  width: 70px; 
  height: auto;
}

.angel1 {
  bottom: 3px;
  right: -10px;
}

.angel2 {
  bottom: 10px;
  right: 60px;
}

.angel3 {
  bottom: 0px;
  right: 100px;
}

.angel4 {
  bottom: 250px;
  right: 10px;
}

.angel5 {
  bottom: 160px;
  right: 290px;
}

.angel6 {
  bottom: 300px;
  right: 310px;
}

.angel17 {
  bottom: -10px;
  right: 35px;
}

a {
	color: black;
}

a:hover {
	color: blue;
}

.sidebar {
    width: 250px;
    min-height: 100%;
    border-right: 1px solid black;
    padding: 2rem 2rem;
    position: absolute;
    overflow: auto;
    	overflow-y:hidden;
    		overflow-x:hidden;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: blue; 
}
 
::-webkit-scrollbar-thumb {
  background: blue; 
}

::-webkit-scrollbar-thumb:hover {
  background: blue; 
}

h1 {
	border-bottom: 1px dashed #999999;
}

mark {
  background-color: blue;
}



html {
  scrollbar-face-color: blue;
  scrollbar-base-color: blue;
  scrollbar-3dlight-color: blue;
  scrollbar-highlight-color: blue;
  scrollbar-track-color: #fff;
  scrollbar-arrow-color: #fff;
  scrollbar-shadow-color: blue;
  scrollbar-dark-shadow-color: blue;
}

::-webkit-scrollbar { width: 8px; height: 3px;}
::-webkit-scrollbar-button {  background-color: #fff; }
::-webkit-scrollbar-track {  background-color: blue;}
::-webkit-scrollbar-track-piece { background-color: blue;}
::-webkit-scrollbar-thumb { height: 50px; background-color: #fff; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: #fff;}}
::-webkit-resizer { background-color: blue;}
