body {
  font-family: sans-serif;
  margin: 0;
  padding: 15px;
  color: #FFF;
  background-color: #2a2a2a;
  background-image: url('https://www.rehanwebs.com/images/background.png');
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100vh;    
}
.wrap {
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
}
.profile {
  text-align: center;
  color: #FFF;
}
.photo {
  max-width: 100px;
  border-radius: 100%;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  border-style: solid;
   border-width: 4px;
  animation: wiggle 2.5s infinite;
}
@keyframes wiggle {
    0% { transform: rotate(0deg); }
   80% { transform: rotate(0deg); }
   85% { transform: rotate(15deg); }
   95% { transform: rotate(-15deg); }
  100% { transform: rotate(0deg); }
}

.profilename {
  font-weight: bold;
  display: block;
}
h1 {
  margin: 0;
  font-size: 18px;  
}
.at {
  font-size: 13px;
}
.location {
  font-size: 13px;
}
.caption {
  font-weight: bold;
  text-align: center;
  display: block;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
}
.fab {
  padding: 15px;
  font-size: 25px;
  width: 25px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

}
.fab:hover {
    opacity: 0.7;
}
.fa-instagram {
  background: #bc2a8d;
  color: white;
}
.fa-x-twitter {
  background: #000000;
  color: white;
}
.fa-facebook {
  background: #3B5998;
  color: white;
}
.fa-whatsapp {
  background: #3fbb50;
  color: white;
}
.fa-telegram {
  background: #3390ec;
  color: white;
}
.fa-linkedin {
  background: #007bb5;
  color: white;
}
.fa-youtube {
  background: #bb0000;
  color: white;
}
.fa-pinterest {
  background: #cb2027;
  color: white;
}
.fa-reddit {
  background: #ff5700;
  color: white;
}
.fa-tumblr {
  background: #2c4762;
  color: white;
}
.links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.links ul li {
  margin: 14px 0;
}
.link {
  display: block;	
  color: #36395A;	
  background-color: #c7f9cc;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
  box-sizing: border-box;
  font-size: 18px;
  padding: 0 18px;
  line-height: 60px;
  text-align: center;
  text-decoration: none;
  font-family: "Cabin Sketch", sans-serif;
  font-weight: 700;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
}

.link:focus {
  box-shadow: #FFDD00 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #FFDD00 0 -3px 0 inset;
}

.link:hover {
  transform: translateY(-2px);
}
.link:active {
  box-shadow: #FFDD00 0 3px 7px inset;
  transform: translateY(2px);
}
.link1 {
        background: linear-gradient(135deg, #f1c40f, #f9e98d);
}
.link2 {
        background: linear-gradient(135deg, #ff9a8b, #ff6a88);
}
.link3 {
        background: linear-gradient(135deg, #81fbb8, #28c76f);
}
.link4 {
        background: linear-gradient(135deg, #f1c40f, #f9e98d);
}		
h1 {
  margin: 0;
  font-size: 30px;  
}
h2 {
  color: #FFFFFF;
  text-align: center;
  font-family: "Permanent Marker", cursive;
  font-weight: 400;
  font-style: normal;
  text-shadow: 0 0 10px #000;
}
 
.description {
  padding: 10px;
  background-color: #fff1e6;
  border: 6px solid #422800;
  border-radius: 9em .9em 9em .9em/.9em 9em .9em 9em;
}
.description p {
  font-size: 16px;
  text-align: center;
  color: #422800;
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.buymeacoffee {
  padding: 10px;
  background-color: #FFDD00;
  text-align: center;
  border-radius: 15px;
  text-decoration: none;
}
.buymeacoffee a{
  color: #000000;
  text-decoration: none;
  font-weight:700;
}

.extra {
  padding: 10px;
  align-content: center;
  color: #FFF;
}
.copyright {
  padding: 15px;	
  font-size: 16px;
  text-align: center;
  color: #FFFFFF;
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}
.copyright a{
  color: #FFFFFF;
  text-decoration: none;
  font-weight:700;
}