body{
    background-color:#171717;
}
#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:150px;
    margin-top:120px;
    text-align: center;
    font-size: 150%;
    color:whitesmoke;
}
#both{
    display:flex;
}
#img{
    margin-right:75px;
    margin-top:50px;
}
h3{
    background-color:#5B42F3;
    border : solid darkgray 4px;
    border-radius: 20px;
    color:white; 
    width:600px;
}
img{
    height:400px;
    width:600px;
    border-radius:10px;;
}
.container {
    width: 100%;
    height: 100%;
    --s: 300px; /* control the size */
    --c1: #171717;
    --c2: #5B42F3;
  
    --_g: var(--c2) 4% 14%, var(--c1) 14% 24%, var(--c2) 22% 34%,
      var(--c1) 34% 44%, var(--c2) 44% 56%, var(--c1) 56% 66%, var(--c2) 66% 76%,
      var(--c1) 76% 86%, var(--c2) 86% 96%;
    background: radial-gradient(
        100% 100% at 100% 0,
        var(--c1) 4%,
        var(--_g),
        #0008 96%,
        #0000
      ),
      radial-gradient(
          100% 100% at 0 100%,
          #0000,
          #0008 4%,
          var(--_g),
          var(--c1) 96%
        )
        var(--c1);
    background-size: var(--s) var(--s);
  }