:root {
   --des-text: #7C19EE;
   --des-text-bg: #F2EAFD;
   --line: #E5EAF0;
   --title: #20293A;
   --paragraph: #394150;
   --white: #fff;
}

* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

body{
   font-family: 'Sora';
}

.card {
   margin: 164px auto;
   width: 368px;
   padding: 16px 16px 20px 16px;
   box-shadow: 8px 8px 20px 0px rgba(85, 85, 85, 0.08);
   border-radius: 16px;
}

.img-block {
   margin-bottom: 16px;
}
.img-block img{
   border-radius: 10px;
}

.design {
   color: var(--des-text);
   background-color: var(--des-text-bg);
   padding: 4px 16px;
   display: inline-block;
   margin-bottom: 16px;
   font-size: 0.625rem;
   font-weight: 600;
   border-radius: 18px;
}

.text-block {

}

hr{
   height: 1px;
   border: 0;
   border-top: 1px solid var(--line);
   margin: 20px 0;
   width: 100%;
}

.title {
   margin-bottom: 6px;
   font-size: 1.125rem;
   color: var(--title);
}
.under-title {
   color: var(--paragraph);
   font-size: 0.875rem;
}
.name-block span{
   font-size: 0.75rem;
   color: var(--paragraph);
}