style.css

header{
    /* align-items: center; */
    text-align: center;
    display: block;
}
footer{
    text-align: center;
    display: block;
}
/* .str{
    font-size: xx-large;
    color: yellow; */
/* } */
.op{
    border-radius: 1000vh;
    width: 2.3%;
    display: block, contents;
    align-items: center;
}
body{
    text-align: center;
    padding: 0;
    border-radius: 2%;
    margin: 0;
}
#bio{
    padding: 2%;
    background:rgba(0, 255, 255, 0.449) ;
    display: block;
    font-size: large;
}
html{
    background:radial-gradient(blue,yellow,blue);
}
button{
   
    background: transparent;
    border-radius: 10.5%;

}
button:hover{
    cursor: pointer;
    background:rgba(0, 255, 255, 0.449) ;
    border-radius: 10.5%;
    border-color: red;
}

#main{
    display: block;
    text-align: start;
}
.svg-icon {
    width: 1em;
    height: 1em;
  }
  
  .svg-icon path,
  .svg-icon polygon,
  .svg-icon rect {
    fill: #020911;
  }
  
  .svg-icon circle {
    stroke: #070c13;
    stroke-width: 1;
  }

.hidden{
    display: none;
}