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

html {
   font-size: 62.5%;
}

body {
   min-height: 100vh;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   background: url(images/bg-pattern-top.svg), url(images/bg-pattern-bottom.svg), hsl(185, 75%, 39%);
   background-position: right 51vw bottom 37vh,left 50vw top 45vh;
   background-repeat: no-repeat;

}

.profile_card {
   /* border: 2px solid red; */
   height: 35rem;
   width: 30rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border-radius: 1rem;
   background-color: #ffff;
   overflow: hidden;
}

.profile_card .bg_image img {
   height: 13rem;
   width: 30rem;
   /* border-top-right-radius: 1rem;
   border-top-left-radius: 1rem; */
   /* overflow: hidden; */
}

.victor_data {
   position: relative;
   height: auto;
   width: 30rem;
   top: -4.3rem;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   letter-spacing: 1px;
}

.victor_data img {
   border: 4px solid #ffff;
   height: 8rem;
   width: 8rem;
   border-radius: 80px;
}

h1 {
   margin: 1rem;
   font-family: "Kumbh Sans", sans-serif;
   font-size: 1.4rem;
   font-weight: 700;
}

h1 span {
   font-size: 1.4rem;
   font-family: "Kumbh Sans", sans-serif;
   font-weight: 700;
   color: hsl(0, 0%, 40%);
}

.profile-stats {
   /* border: 1px solid red; */
   height: 13.5rem;
   width: 30rem;
   padding: 1rem;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-around;
   align-items: flex-start;
   text-align: center;
   letter-spacing: 1px;
   list-style: none;
}

p {
   margin: .5rem;
   font-family: "Kumbh Sans", sans-serif;
   font-size: 1.5rem;
   font-weight: 700;
}

span {
   font-size: 1rem;
   font-family: "Kumbh Sans", sans-serif;
   font-weight: 400;
   font-weight: 700;
   color: hsl(0, 0%, 40%);
}


footer {
    font-family: "Kumbh Sans", sans-serif;
    margin-top: 3rem;
}

@media (min-width:820px) {
   html {
      font-size: 90%;
   }
}