/* general styling  */
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    }
body{
        background-color:  hsl(0, 0%, 8%);
        height:100vh;
        display:flex;
        align-items:center;
}
.container{
        width:25rem;
        background-color:  hsl(0, 0%, 12%);
        margin:0 auto;
        border-radius:1rem;
        text-align:center;
        height:40rem;  
}
.profile img{
        height:auto;
        border-radius:10rem;
        width:100px;
        margin-top: 50px;
        margin-bottom: 30px;
}
.profile h1{
        color:hsl(0, 0%, 100%);
        font-family:"Inter";
        font-weight:600;
}
.place{
        color: hsl(75, 94%, 57%);
        font-family:"Inter";
        font-weight:600;
        display:block;
        margin-top:15px;
        margin-bottom:25px;
}
.profile p{
        font-family:"Inter";
        font-weight:400;
        color:hsl(0, 0%, 100%);
        font-size:14px;
        margin-bottom:30px;
}
.button{
        display:block;
        margin:10px auto;
        width:330px;
        height:45px;
        background-color: hsl(0, 0%, 20%);
        border-radius:0.5rem;
        border-color:hsl(0, 0%, 12%);  
}
.button__text{
        color:hsl(0, 0%, 100%);
        font-family:"Inter";
        font-weight:bold
}