body {
  font-family:inter;
 line-height:15px;
background: rgb(63,94,251);
background: radial-gradient(circle, rgba(63,94,251,1) 0%, rgba(252,70,107,0.7497592787114846) 100%);
}

.avatar 
{
  width:120px;
  border-radius:100%;
  margin-right:20px;
  border:.5px solid gray;
box-shadow: 2px 2px 5px;

  
}

.fade-in-image { animation: fadeIn 5s; }

@keyframes fadeIn {
  25% { opacity: .25; }
  100% { opacity: .5; }
  25% { opacity: .75; }
  100% { opacity: 1; }
}

.card
{
  display:flex;
  margin: 250px auto;
  padding:30px;
  justify-content:space-around;
  width:400px;
  background:#f5f5f5;
  color:#0b132b;
box-shadow: 2px 5px 10px;

}

code {
 color:#C17C74;
  background: #F7F7F9;
}

button{
  margin-top:5px;
  opacity:.7;
  font-weight:bold;
  padding:10px 20px 10px 20px;
  border-radius:15px;
  background: #F7F7F9;  
  border: 1px solid gray;
  box-shadow: 2px 2px;
}
button:hover{
  opacity:1;
  background:#41E2BA;
  box-shadow: 2px 2px;
}