#005 - light

[comment]code by sox

fonts used:
[font=DM Serif Text]name[/font]
[font=Oswald]role[/font]
[font=DM Serif Text]deets[/font]

[/comment][div=transparent;

--accent: #87c0e6;
--accent2: #b3daf5;
--boxshadow: rgb(222, 126, 153, 0.7);
--namecolor: #de7e99;
--rolecolor: #000;
--deetcolor: #000;
--bkgd: #fff;

--pic: url('https://i.pinimg.com/564x/58/01/fb/5801fbb4e3b65247f9f6bc084adeaad5.jpg') 100%/cover;

--name: DM Serif Text;
--role: Oswald;
--deets: DM Serif Text]
[div=margin: auto; width: 200px; height: 250px; background: var(--bkgd); padding: 30px; box-shadow: -4px 4px 0px var(--boxshadow); margin-bottom: 10px;][div=margin: auto; width: 40px; height: 250px; border: 1px solid var(--accent); transform: skew(-32deg, 0deg);][/div]

[div=position: relative; width: 100%; top: -300px; font-family: var(--name); font-size: 28px; line-height: 28px; color: var(--namecolor); text-align: left; text-shadow:]Y'all
Talk Too Much.[/div]

[div=position: relative; top: -335px; left: 80px; width: 120px; height: 150px; background: var(--pic); background-position: 50% 50%; filter: contrast(1.1) brightness(110%);][/div]

[div=position: relative; width: 100%; top: -435px; left: -90px; font-family: var(--role); font-size: 14px; line-height: 12px; color: var(--rolecolor); text-align: right; text-transform: uppercase; transform: rotate(-90deg); text-emphasis: triangle var(--accent2); text-emphasis-position: under right;]brother liquor[/div]

[div=position: relative; width: 100%; top: -430px; font-family: var(--deets); font-size: 10px; line-height: 12px; color: var(--deetcolor); text-align: right; text-decoration: underline overline var(--accent2);]Blah!
Blah!
Blah![/div]
[/div][/div]