body{
  background-color: blue;
}
body{
  background-color: rgb(255, 193, 193);
}
.lo{
  display: inline-flex;
  width: 50px;
  margin-left: 20%;
}
p{
  padding: 50px;
  margin-top: -175%;
}
a{
  color: rgb(9, 0, 8);
}
.sow{
  width: 100%;
  display: flex;
  align-items: center;
 
  gap: 20px;
  margin-top: 100px;
}
.sow .bb .pks{
  width: 180px;
  height: 180px;
  
  display: grid;
  place-items: center;
  border-radius: 90%;
  -webkit-border-radius: 90%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-top: 60px;
  box-shadow: 5px 5px 15px black,
              -5px -5px 15px black ;
}
.sow .bb:nth-child(1) .pks{
  background: conic-gradient(rgb(206, 27, 125) 85%, transparent 0);
}
.sow .bb:nth-child(2) .pks{
  background: conic-gradient(rgb(53, 27, 199) 55%, transparent 0);
}
.sow .bb:nth-child(3) .pks{
  background: conic-gradient(rgb(192, 221, 24) 75%, transparent 0);
}
.sow .bb:nth-child(4) .pks{
  background: conic-gradient(rgb(22, 145, 216) 45%, transparent 0);
}
.sow .bb .pks::before{
  content: '';
  position: absolute;
  width: 85%;
  height: 85%; 
} 
.lo{
  display: inline-flex;
  width: 50px;
  margin-left: 20%;
  
}
p{
  padding: 50px;
  margin-top: -175%;
 
}

.ii{
  margin-left: 25px;
}
.ll{
  background-color: aqua;
  margin-left: 10px;
}
h1{
  margin-left: 25px;
}
h3{
font-size: 15px;
}
span{
  color: red;
}
button{
  color: red;
}
button{
 
  color: red;
  margin-left: 25px;
  margin-top: 2%;
 
}
.neuer{
  margin-left: 25px; 
}
h2{
  margin-left: 25px; 
}
.boubs{
  margin-left: 25px;  
}

img{
  
  border-radius: 10%;
  width: 25%;
  padding: 65%;
   
}
.foot{
  margin-top: -115%;
  border-radius: 10%;
  margin-right: -10%;
}