::selection {
  color: white;
  background-color: red;
}
body{
  background-color: #3333ff;
  text-align:center;
  font-size: 20px;
}
body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background: red;
}

body::-webkit-scrollbar-thumb {
  background-color: white;
  border-radius: 50px;
}
.bel{
 color:white;
}
.che{
  color: black;
}
.rec{
  color: orange;
}
.cir{
  color: yellow;
}
.tri{
  color: gold;
}
.sci{
  color: gray;
}
.bal{
  color: lime;
}
.mid{
  color: magenta;
}
.sol{
  color: red;
}
.a{
  border-top: 3px solid pink;
  margin: 5px;
}
.aaaa{
  width: 80%;
        display: block;
  margin-left: auto;
  margin-right: auto;
}
.aaa{
width: 100%;
        display: block;
  margin-left: auto;
  margin-right: auto;
}
.aa{
  width: 40%;
        display: block;
  margin-left: auto;
  margin-right: auto;
}
p:not(.bel, .che, .tri, .rec, .cir, .sci, .sol, .bal, .mid){
  color: white;
  background-color:black;
}