Simple_Does_It.Code

[comment]
Designed and coded by Nano.
Please do not remove the credits or claim the code as your own work.

[font=Poppins].[/font]
[font=Hind].[/font]

[/comment][comment]

// accents

[/comment][border=10px solid var(--linecolor); padding: 75px 25px 110px;

/* colors */
--accent: #60986e;
--headercolor: #555555;
--subcolor: #e1e1e1;
--linecolor: #f1f1f1;
--bgcolor: #fefefe;
--textcolor: #555555;

/* fonts */
--headerfont: 'Poppins', sans-serif;
--subheaderfont: 'Hind', sans-serif;
--textfont: 'Hind', sans-serif;

margin: 0 auto;
width: calc(100% - 70px);
max-width: 500px;
min-width: 250px;
background: var(--bgcolor);
font-size: initial;
overflow: hidden;
position: relative;][comment]

----- start of header ----->

[/comment][border=0; padding: 0; font-family: var(--subheaderfont); color: var(--textcolor); font-size: .7em; line-height: 100%; text-transform: uppercase;]Monday, 4 March 2047[/border][border=0; padding: 0; font-family: var(--headerfont); color: var(--accent); font-size: 1.6em; line-height: 100%; font-weight: 800; text-transform: uppercase;]Rook[border=0; display: inline; padding: 0; color: var(--subcolor);] N8:Luke[/border][/border][comment]

<----- end of header -----

[/comment][comment]

----- start of bodytext ----->

[/comment][border=0; margin-top: 10px; padding: 0; font-family: var(--textfont); color: var(--textcolor); font-size: calc(1em - 1px); line-height: 150%; text-align: justify;] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed finibus feugiat luctus. Curabitur finibus magna vitae risus aliquet, nec aliquet ligula sodales. Ut pretium urna non suscipit varius. Praesent consectetur ante felis, ut eleifend sapien lacinia nec. Pellentesque sodales ornare quam ut bibendum. Vivamus tristique fringilla orci, sit amet ultrices dui sagittis a. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Etiam at ullamcorper est. Etiam non magna sit amet lectus finibus commodo. Suspendisse posuere id purus sit amet elementum. Sed id erat viverra odio congue volutpat at vitae urna. Sed et volutpat urna, in fermentum quam. Suspendisse dui justo, sollicitudin at gravida non, cursus sed ligula. Sed id tellus in eros finibus dignissim vitae vitae nibh. Fusce tincidunt vel nisi vel vulputate. Aliquam sodales ex in ligula aliquam, eget congue metus vestibulum. Aliquam ac nisl tristique, dictum justo vel, efficitur velit. Donec accumsan nisi odio, ac vehicula purus maximus sit amet. Pellentesque vel tellus lacinia, bibendum ligula a, iaculis lectus. Nunc et bibendum nunc. Pellentesque accumsan suscipit imperdiet. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Fusce quis consequat ligula. Duis condimentum consequat odio vel pretium. Nulla tincidunt nulla mi, et gravida nunc bibendum accumsan. Fusce nibh velit, commodo nec viverra sit amet, ultrices a est. Nullam id tristique diam, aliquam lacinia diam. In auctor eget elit vel ullamcorper. Curabitur ex diam, malesuada et interdum quis, mollis vitae urna. Etiam euismod nisi a urna finibus bibendum at ac purus. Donec sed dui hendrerit, viverra tortor sed, facilisis quam. Proin bibendum risus quis nisi tincidunt, eu sagittis erat tempus. Suspendisse potenti. Suspendisse tincidunt imperdiet magna et vulputate. Sed id neque elit. Duis mollis lobortis mi eget hendrerit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Cras arcu velit, cursus ac turpis sit amet, dictum mattis urna.[/border][comment]

<----- end of body text -----

[/comment][comment]

----- start of visual tags ----->

[/comment][border=0; display: flex; flex-flow: row wrap; justify-content: flex-end; right: 40px; margin-left: -7px; margin-top: 13px; padding: 0; width: calc(100% - 25px); position: absolute;][border=0; display: inline-block; box-sizing: border-box; margin-left: 7px; margin-bottom: 5px; padding: 2px 8px; background: var(--accent); font-family: var(--textfont); font-size: .8em; font-weight: 700; color: var(--bgcolor);]#nu-8[/border][border=0; display: inline-block; box-sizing: border-box; margin-left: 7px; margin-bottom: 5px; padding: 2px 8px; background: var(--accent); font-family: var(--textfont); font-size: .8em; font-weight: 700; color: var(--bgcolor);]#kappa-101[/border][border=0; display: inline-block; box-sizing: border-box; margin-left: 7px; margin-bottom: 5px; padding: 2px 8px; background: var(--accent); font-family: var(--textfont); font-size: .8em; font-weight: 700; color: var(--bgcolor); font-size: .8em; font-weight: 700; color: #fefefe;]#asa is a loser[/border][/border][comment]

<----- end of visual tags -----

[/comment][comment]

// true tags //

[USER=20950]@Nano[/USER]

[/comment][/border][comment]

---------- start of credits ---------->

[/comment][border=0; padding: 5px 0; width: 100%; font-family: var(--mainfont); font-size: .6em; line-height: 100%; text-align: center; text-transform: uppercase; opacity: .6;]Code by Nano[comment][USER=20950]@Nano[/USER][/comment][/border][comment]

<---------- end of credits ----------

[/comment]