html{
background: linear-gradient(178deg, #7CCB72, transparent 50.71%), linear-gradient(68deg, #c6e5ff, transparent 130.71%), linear-gradient(336deg, #686cff, transparent 85.71%), linear-gradient(45deg, #476bc8d1, transparent);
  pointer-events: none;
  z-index: -3;
  filter: brightness(100%);
  }
  
  head, right, left{
     position: absolute;
    display: block;
     background: #5fa1c690;
    border-radius: 13px;
    outline: solid 2px #343030;
    border-inline: solid black 1.5px;
    box-shadow: #829eae96 0px 0px 20px 6px, inset 0px -2px #aacfe399, inset -2px 0px gray, inset 1px -2px gray, inset 2px 2px #aacfe399;
    }
 
head{
    width: 95%;
    height: 10%;
    top: 2%;
    left: 2.5%;
    }
    
right {
    width: 55%;
    right: 2.5%;
    top: 23%;
    color: black;
    font-family: Verdana;
    }

left {
    width: 30%;
    left: 2.5%;
    top: 23%;
    color: black;
    font-family: Verdana;
    }
    
.page-links .p{
    line-height:1;
    text-align: left;
    margin: 5px;
    padding: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    }
    
profile-pic img{
  width:200px;
}

.pic{
  }