body{
    background-color:#171717;
    color:white;
}
#bottom{
    bottom:0;
    position:fixed;
    width:100%;
}
hr{
    height:20px;
    background-color:#5B42F3;
    width:100%;
}
#who {
    background-color:darkgray;
    border : solid #171717 4px;
    border-radius: 20px;
    width: 550px;
    height: 350px;
    color:#171717;
    margin-left:200px;
    margin-top:120px;
    text-align: center;
    font-size: 130%;
    color:white;
}
#both{
    display:flex;
}
img{
    border-radius:10px;
    height:500px;
    width:250px;
    object-fit: cover;

}
h3{
    background-color:#5B42F3;
    border : solid #171717 4px;
    border-radius: 20px;
    color:white; 
    
}
#img{
    margin-right:150px;

}
.container {
    width: 105%;
    height: 105%;
    --s: 60px;
    --c1: #171717;
    --c2: #5b42f3;
    --_g: radial-gradient(
      25% 25% at 25% 25%,
      var(--c1) 99%,
      rgba(0, 0, 0, 0) 101%
    );
    background: var(--_g) var(--s) var(--s) / calc(2 * var(--s))
        calc(2 * var(--s)),
      var(--_g) 0 0 / calc(2 * var(--s)) calc(2 * var(--s)),
      radial-gradient(50% 50%, var(--c2) 98%, rgba(0, 0, 0, 0)) 0 0 / var(--s)
        var(--s),
      repeating-conic-gradient(var(--c2) 0 50%, var(--c1) 0 100%)
        calc(0.5 * var(--s)) 0 / calc(2 * var(--s)) var(--s);
  }