phone code

[sc=bg][sc=mc][/sc][sc=cam][/sc]
[sc=screen]
[sc=banner][img]IMAGE HERE[/img][/sc]
[sc=infobox]
[sc=name]your name[/sc]
[sc=etc]age, prns[/sc]
[sc=about][b]about[/b]
put some stuff about you here!
[/sc]
[/sc]
[sc=links][url=LINK]link 1[/url][/sc][sc=links][url=LINK]link 2[/url][/sc][sc=links][url=LINK]link 3[/url][/sc]
[/sc]
[sc=cred][url=https://pfq.link/@J3dF]code[/url][/sc]
[/sc]
[style]

@background = #9F9086;
@link = #2B2A29;

.bg {
margin: auto;
width: 300px;
height: 450px;
background-color: @background;
border-radius: 20px;
}

.mc {
border-top: 8px solid #000;
border-radius: 5px;
width: 30%;
margin: auto;
position: relative;
top: 12px;
right: 15px;
z-index: 1;
}

.cam {
border-radius: 100%;
border: 4px solid #000;
width: 2px;
height: 2px;
margin: auto;
position: relative;
top: 3px;
left: 42.2px;
background-color: #000;
z-index: 1;
}

.screen {
margin: auto;
background-color: #fff;
width: 95%;
height: 87%;
border-radius: 20px;
position: relative;
bottom: 5px;
}

.banner {
margin: auto;
margin-top: -5px;
width: 90%;
height: auto;
border: 1px solid #000;
border-radius: 10px;
overflow: hidden;
}

.infobox {
margin: auto;
margin-top: -30px;
width: 90%;
height: auto;
font-family: Arial, Helvetica, sans-serif;
}

.name {
color: #000;
font-size: 18px;
font-weight: 600;
}

.etc {
color: #222;
font-size: 14px;
margin-top: -20px;
}

.about {
color: #000;
font-size: 14px;
margin-top: -10px;
}

.links {
margin-left: 10px;
width: 25%;
height: auto;
padding: 5px;
border-radius: 10px;
background-color: @background;
position: relative;
bottom: 25px;

font-family: Arial, Helvetica, sans-serif;
text-align: center;
display: inline-block;
font-size: 14px;
}

.cred {
font-size: 14px;
text-align: center;
margin-top: -20px;
}

a {
display: inline-block;
text-decoration: @link solid underline;
transition: .2s ease;
color: #000;
}

 a:hover {
text-decoration: #fff solid underline;
}

[/style]