html{
    height: 100vh;
    background-color:  hsl(185, 75%, 39%);
}

body{
    width: 100%;
    height: 100vh;
    position: fixed;
    font-family: 'Kumbh Sans', sans-serif;
    text-align: center;
    top: 0;
    bottom: 0;
    }
.profile-card{
    padding-top: 200px;
    position: relative;
    width:100%;
    height:100%;
}
.pattern-top{
    position: absolute;
    right:53%;
    bottom:48%;
    overflow: hidden;
}
.pattern-bottom{
    position: absolute;
    left:50%;
    top:40%;
    overflow: hidden;
}
.card {
   box-shadow: 0 15px 50px 4px rgba(0,0,0,0.2);
   transition: 0.3s;
   display: inline-block;
   border-radius: 15px;
   overflow: hidden;
}
.container {
   padding: 2px 16px;
   background-color: #ffffff;
   position:relative;
}

.profile-pic{
   border-radius: 100%;
   border:5px solid #ffffff ;
   position:absolute;
   bottom:80%;
   right:33.5%;
}
.intro{
   margin-top: 20%;
}
.name{
   padding-right: 15px;
}
h5{
   font-weight: 700;
   font-size: 20px;
   color: hsl(229, 23%, 23%);
   font-family: 'Kumbh Sans', sans-serif;
   margin-bottom: 0px;
}
h6{
   font-size: 18px;
   font-weight: 700;
   padding-bottom: 0px;
   margin:auto auto  10% auto;
   color:hsl(229, 23%, 23%) ;
   font-family: 'Kumbh Sans', sans-serif;
}
span{
   font-weight: 400;
   color:hsl(227, 10%, 46%);
   margin-bottom: 0px;
}
p{
   font-weight: 400;
   letter-spacing: 1px;
   color: hsl(0, 0%, 59%);
}
hr{
   border:1px solid 	rgb(192,192,192) ;
   border-bottom: none;
   margin: auto;
}
.followers{
   margin-top: 10px;
   display: inline-block;
   position: relative;
   padding: 10px 20px 0px 20px;
}
.likes{
   margin-top: 10px;
   display: inline-block;
   position: relative;
   padding: 10px 20px 0px 20px;
}
.photos{
   margin-top: 10px;
   display: inline-block;
   position: relative;
   padding:10px 20px 0px 20px;
}
.sub-t{
   font-size:12px;
}
a{
color:	rgb(192,192,192);
}
a:hover{
color: #ffffff;
}
.attribution{
position:absolute;
top:95%;
left:36%;
color:#ffffff ;
}