1  *{
  2      margin: 0;
  3      padding: 0;
  4      box-sizing: border-box;
  5  }
  6  body{
  7      height: 100vh;
  8      width: 100%;
  9      padding-left: 2.5rem;
 10      padding-right: 2.5rem;
 11      
 12  }
 13  header{
 14      display: flex;
 15      justify-content: space-between;
 16      margin: 1rem;
 17     
 18  }
 19  
 20  header div{
 21      display: flex;
 22      align-items: center;
 23  }
 24  
 25  header li{
 26      width: 200px;
 27      display: flex;
 28      list-style: none;
 29      justify-content: space-evenly;
 30      
 31  }
 32  
 33  header li a {
 34      text-decoration: none;
 35      font-size: 20px;
 36       color: black;
 37  }
 38  
 39  a:visited,a:active{
 40      text-decoration: none;
 41      color: black;
 42  }
 43  
 44  section{
 45      margin: 0 auto;
 46      max-width: 800px;
 47      min-width: 300px;
 48      
 49  }
 50  section div{
 51      font-weight: 500;
 52      margin-top: 3rem;
 53      font-size: 1.3em;
 54  }
 55  
 56  .prof-div{
 57      margin-top: 1rem;
 58     display: grid;
 59     gap: 0.7rem;
 60     justify-content: center;
 61      width: 100%;
 62  }
 63  
 64  .prof-div p{
 65      text-align: center;
 66      
 67  }
 68  
 69  .prof-div p {
 70      font-size: 15px;
 71      font-weight: 500;
 72  }
 73  
 74  .prof-div p code{
 75      background-color: grey;
 76      color: white;
 77     
 78      font-style: italic;
 79      padding: 2px;
 80  }
 81  
 82  .prof-div h2{
 83      text-align: center;
 84      
 85  }
 86  
 87  .prof-img{
 88      width: 100;
 89      border-radius: 50%;
 90     
 91  }
 92  
 93  .icon-links{
 94      text-align: center;
 95      text-decoration: none;
 96  
 97  }
 98  
 99  .icon-links a {
100      text-decoration: none;
101  }
102  
103  .icon svg{
104      width: 1.5rem;
105      height: 1.5rem;
106      color: black;
107  }