body {
   width: 100%;
   height: 100%;
   background-color: grey;
   font-family: "Times New Roman, cursive";
}

.pfp {
   border-radius: 50%;
   width:  215px;
   height: 215px;
   display: block;    
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 15px;

   animation-name: glitch;
   animation-duration: 3s;
   animation-iteration-count: infinite;

}

h1 {
   color:maroon
}

#code {
   color:aliceblue;
   background-color: black;
   font-family: monospace;
}


@keyframes glitch {
   0% {
      clip-path: circle(100%);
   }
   47% {
      clip-path: circle(100%);
   }
   50% {
      clip-path: circle(10%);
   }
   53% {
      clip-path: circle(100%);
   }
   100% {
      clip-path: circle(100%);
   }
}