*,*:after,*:before {
	box-sizing: border-box;
}

html,body {
	padding: 0;
	margin: 0;
	min-height: 100vh;
	/*max-width: 100vw;*/
	overflow-x: hidden;
}

body {
	background: #f8f8f8; 
	font-family: Montserrat, sans-serif;
	font-size: 16px;
	color: white;
}


.boxshadow {
	/* box-shadow: 1px 1px 3px 0px #407d92; */
	box-shadow: 1px 1px 5px 0px rgba(0,0, 0, .5);
}

#main-content {
	min-height: calc(100vh - 40px);
	width: 750px;
	max-width: 90%;
	margin: 20px auto;
	text-align: center;
	background-color: #f7000b;
	background-size: contain;
	background-position: center bottom;
	border-radius: 20px;
	overflow: hidden;
}

#main-content.v3 {
	background-color: #d52029;
}

#profile-pic {
	padding-top: 30px;
}

#profile-pic img {
	width: 180px;
	border-radius: 100%;
    overflow: hidden;
    display: inline-block;
}

#profile-pic .border {
	display: inline-block;
	border: 2px solid white;
	border-radius: 100%;
}	

body.v1 #profile-pic img {
	width: 160px;
}

#profile-data h1 {
	font-size: 50px;
    margin-bottom: 0;
    margin-top: 10px;
	font-family: 'Patricia Kiss', 'Segoe Script', 'Lucida Handwriting';
    line-height: 1;
    font-weight: normal;
} 



#profile-data p {
	margin: 5px;
	font-weight: bold;
}	

#profile-data p.data-description {
    font-weight: normal;
    font-size: 14px;
    margin-top: 10px;
	font-weight: 500;
}


#profile-links ul {
	padding: 0;
	margin: 0 auto;
	margin-top: 20px;
	max-width: 90%;
	width: 500px;
	list-style: none;
}

#profile-links li a {
	display: inline-block;
	background: white;
	margin-bottom: 5px;
	border-radius: 20px;
	width: 100%;
	text-decoration: none;
	padding: 5px;
	position: relative;
	height: 40px;
	line-height: 30px;
	font-weight: 500;
	transition: .3s;
}

#profile-links li a:hover {
	transform: scale(1.05);
} 



body:not(.nobg) #profile-links li a:hover span {
	font-weight: 600;
	color: white;
}

#profile-links li a,
#profile-links li a:hover,
#profile-links li a:focus,
#profile-links li a:visited {
	color: black;
}

#profile-links div.icon {
    width: 32px;
    height: 32px;
    display: inline-flex;
    vertical-align: middle;
    justify-content: center;
    align-items: center;
	font-size: 22px;
	background: black;
	border-radius: 100%;
	color: white;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
} 

#profile-links div.icon img {
	width: 28px;
}

 
#drawing img {
    width: 60%;
    padding-top: 20px; 
}

body.v1 #drawing img { 
	width: 50%;
	display: inline-block;
	vertical-align: bottom;
}



#profile-links .onlyfansfree div.icon,
#profile-links .onlyfans div.icon {
	background: #00aff0;
}

#profile-links .pinterest div.icon {
	background: #c72028;
}

#profile-links .instagram div.icon {
	background: #c12e9c;
}

#profile-links .youtube div.icon {
	background: #ff0000;
}

#profile-links .twitter div.icon {
	background: #1da1f2;
}

#profile-links .facebook div.icon {
	background: #0f92f3;
}

#profile-links .tiktok div.icon {
	background: #f62b52;
}

#profile-links .website div.icon { 
	background: #969696;
}

#profile-links .patreon div.icon { 
	background: #ff424d;
	font-size: 18px;
}


body:not(.nobg) #profile-links li.onlyfans a:hover  {
	background: #34c8ff;
}

body:not(.nobg) #profile-links li.pinterest a:hover {
	background: #f16369;
}

body:not(.nobg) #profile-links li.instagram a:hover  {
	background: #ea57c5;
}

body:not(.nobg) #profile-links li.instagram a:hover  {
	background: #ff424d;
}

body:not(.nobg) #profile-links li.youtube a:hover{
	background: #ff4b4b;
}

body:not(.nobg) #profile-links li.twitter a:hover {
	background: #67c0f7;
}

body:not(.nobg) #profile-links li.facebook a:hover  {
	background: #38a8fb;
}

#profile-links lbody:not(.nobg) i.tiktok a:hover  {
	background: #ff6a86;
}

body:not(.nobg) #profile-links li.website a:hover  {
	background: #353535;
}



body .social-items {
	margin: 30px auto;
}



@media all and (max-width: 690px) and (min-width: 0) {
	
	body {
		font-size: 14px;
	}
	
	.break-mobile {
		opacity: 0;
		display: block;
		height: 1px; 
	}
	
	#profile-pic img {
		width: 140px;
	}
	
	body.v1 #drawing img {
		width: 60%;
	}
	
	
	
	#main-content {
		height: 105vh; 
		height: calc(105vh - 40px);	
	}
	
	#main-content.v3 {
		height: auto; 
		min-height: calc(105vh - 40px);	
	}
	
	#profile-data h1 {
		font-size: 40px;
	}
	
}