shenanigans

[nobr]
[class=container]
	width: 500px;
	height: 400px;
	margin: auto;
	display: flex;
[/class]

[class=img]
	background-image: url('https://i.imgur.com/7jO13Yt.jpg');
	background-size: cover;
	height: 400px;
	width: 200px;
	padding-top: 40px;
	box-sizing: border-box;
[/class]

[class name=img maxWidth=450px]
	width: 150px;
[/class]

[class=title]
	color: white;
	border-bottom: 2px solid white;
	border-top: 2px solid white;
	font-size: 16px;
	width: 70%;
	margin: auto;
	text-transform: uppercase;
	font-weight: 900;
[/class]

[class=content]
	width: 300px;
	height: 400px;
	padding-left: 10px;
	box-sizing: border-box;
	font-size: 13px;
	overflow: hidden;
[/class]

[class name=content maxWidth=450px]
	width: 200px;
[/class]

[class=scroll]
	overflow-y: scroll;
	padding-right: 17px;
	width: 100%;
	height: 100%;
[/class]

[class=linkContainer]
	width: 100%;
	display: flex;
	flex-direction: column;
[/class]

[class=link]
	width: 100%;
	border-bottom: 1px solid #232323;
[/class]

[class name=link state=hover]
	cursor: pointer;
[/class]

[div class=container]
	[div class=img]
		[div class=title][font=Work Sans]shady's shenanigans[/font][/div]
	[/div]

	[div class=content]
	[div class=scroll]
[font=Work Sans][b]INTRO[/b][/font]
[br][/br]

		your text goes here. you can use: [br][/br][br][/br] to separate paragraphs.

[font=Work Sans][b]LINKS[/b][/font]

		[div class=linkContainer]
			[div class=link]using the url tag you can link something here if that's what you wanna do.[/div]
		[/div]

	[/div]
	[/div]
[/div]
[div=font-size: 9px; text-align: center; opacity: 0.7;]coded by [user=26242]shady[/user].[/div]
[/nobr]