@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Slackey&display=swap');

:root{
  --fonts-body:'Slackey', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI';
  --colors-background:#faefd6;
  --colors-elevated:rgb(40, 204, 209);
  --colors-sunken: rgb(255, 255, 255);
  --colors-four:#FF8C37;
  --colors-three:#e37c30;
  --colors-two:#bd6728;
  --colors-one:#965220;
  --colors-sheet:#99907a;
  --colors-muted:#99907a;
  --colors-purple:#FF8C37;
  --colors-icon:#FF8C37;
  --colors-blue:var(--colors-elevated);
  --colors-yellow:#99907a;
  --colors-black:#FF8C37;
  
}
::-webkit-scrollbar {
    width: 10px;
  }
  
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px #99907a;
  	background-color:var(--colors-elevated);
    border-radius: 10px;
  }
   
::-webkit-scrollbar-thumb {
    background: #FF8C37;
    border-radius: 5px;
  }
  
::-webkit-scrollbar-thumb:hover {
    background: #bd6728; 
  }


.header-title-name{
  color:#FF8C37
}

.posts, .post-header{
  color:#FFEEC6;
  font-family:Poppins;
  background:rgba(0,0,0,0);
}
.post{
  margin:20px;
  border-radius:30px;
  transition:0.5s;
}
.post:hover{
  transform:scale(1.05);
    
.header-chart {
  color:#96beff;
}