html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-height: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body {
	font-family: "Cabin", sans-serif;
	color: #161824;
    font-weight: 400;
    font-style: normal;
	font-size: 12px;
	background: #1e1e1e;
	padding: 5px;
}

a, a:link, a:visited {
    outline: none;
	text-decoration: none;	
	-moz-tap-highlight-color: transparent; 
	-webkit-tap-highlight-color: transparent; 
}

img {
	border: none;
	margin: 0px;
	max-width: 100%;
}


h1 {
	font-family: "Cabin", sans-serif;
    font-weight: 600;
	font-size: 28px;
	margin: 0px;
	padding: 0px 0 10px 0;	
	color: #000;
}

h2 {
	font-family: "Cabin", sans-serif;
	font-weight: 400;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #000;
	letter-spacing: 3px;
}

h3, h4, h5, h6 {
	font-family: "Cabin", sans-serif;
    font-weight: 400;
	font-size: 12px;
	margin: 0px;
	padding: 0px;	
	color: #000;
}

p {
	margin: 0px;
	padding: 0;
}

* {
	box-sizing: border-box;
}


input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

article, aside, details, figcaption, figure,  
footer, header, hgroup, menu, nav, section, time {  
	display: block; 
	margin: 0px;
	padding: 0; 
} 


.main-wrapper {
	max-width: 393px;
	width: 100%;
	background: rgb(255,248,247);
	background: linear-gradient(0deg, rgba(255,248,247,1) 0%, rgba(254,246,236,1) 67%, rgba(255,252,247,1) 100%);
	border-radius: 32px;
	margin: 0 auto;
	padding: 20px 25px 33px 25px;
}

header {
	text-align: center;
}

header img {
	max-width: 137px;
}

.main-banner {
	padding: 20px 0 0 0;
}

.banner-image {
	border-radius: 14px;
}

.user-image {
	width: 130px;
	height: 130px;
	border-radius: 100%;
	border: 3px solid #FFF;
	box-shadow: 0px 2px 7.8px 0px #0000001C;
	overflow: hidden;
	margin: -71px auto 0 auto;
	position: relative;
}

.main-content {
	text-align: center;
	color: #8E8E8E;
	padding: 14px 20px 20px 20px;
}

.social-media {
	padding: 15px 0 0 0;
}

.social-media {
	display: flex;
	gap: 10px;
	justify-content: center;
}

footer {
	text-align: center;
	padding-top: 17px;
}

.follow-wrapper {
	padding-top: 17px;
}

.follow-wrapper a {
	color: #000;
	font-size: 14px;
	display: flex;
	max-width: 345px;
	width: 100%;
	min-height: 46px;
	border-radius: 25px;
	align-items: center;
	gap: 16px;
	border: 0.5px solid #F38674;
	margin: 0 auto 10px auto;
	padding: 5px 35px 5px 15px;
	background: #fbf6f2 url(../images/next.png) no-repeat calc(100% - 15px); center;
	background-size: 16px 16px;
}

.follow-wrapper a img {
	width: 24px;
	height: 24px;
}

.follow-wrapper a:hover {
	background-color: #FFF;
}