[nospaces][newclass=".fortine"]--accent:#95829e;--bgimg:url(https://i.ibb.co/zF7F4Z0/Dicio14.png);[/newclass]
[googlefont=Inconsolata:300,400,700]
[googlefont=Montserrat:200,300,400,700]
[newclass=".fortine"]border:solid 1px #d5d5d5;padding:5px;background:linear-gradient(to bottom,#eee,var(--accent));background-size:100% 400%;width:651px;margin:25px auto;[/newclass]
[newclass=".fortine-1"]border:solid 1px #d5d5d5;background-color:#f9f9f9;padding:25px 0px;[/newclass]
[newclass=".fortine-top"]background-color:var(--accent);margin:0px -1px 25px -1px;position:relative;padding:0px 0px 60px 60px;height:240px;display:flex;flex-direction:column;gap:15px;justify-content:flex-end;color:#f9f9f9;text-transform:lowercase;[/newclass]
[newclass=".fortine-top div"]position:absolute;top:0px;left:0px;height:300px;width:651px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:grayscale(100%) contrast(120%) brightness(120%);opacity:.15;mix-blend-mode:lighten;[/newclass]
[newclass=".fortine-top h1"]margin:0px;font:12px / 10px Inconsolata, sans-serif;text-transform:uppercase;letter-spacing:5px;[/newclass]
[newclass=".fortine-top h2"]margin:0px;font:200 75px / 65px Montserrat, sans-serif;[/newclass]
[newclass=".fortine-top h3"]margin:0px 160px 0px 0px;font:11px / 11px Inconsolata, sans-serif;letter-spacing:5px;[/newclass]
[newclass=".fortine-body"]border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;background-color:#f3f3f3;padding:25px 25px 0px 25px;position:relative;[/newclass]
[newclass=".fortine-body::before"]position:absolute;border-left:solid 1px #d5d5d5;background-color:#eee; content:'';display:block;top:0px;bottom:0px;right:0px;width:325px;[/newclass]
[newclass=".fortine-2"]position:relative;z-index:1;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:51px;[/newclass]
[newclass=".fortine-2 h1"]align-self:flex-start;margin:0px;display:flex;justify-content:flex-end;[/newclass]
[newclass=".fortine-2 h1 b"]padding:15px;background-color:#95829e;font:10px / 10px Inconsolata, sans-serif;text-transform:uppercase;color:#f9f9f9;letter-spacing:3px;max-width:fit-content;position:relative;[/newclass]
[newclass=".fortine-2 h1 b::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-left:solid 6px var(--accent);position:absolute;right:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-3"]border:solid 1px #d5d5d5;background-color:#f3f3f3;padding:24px;font:12px / 15px Inconsolata, sans-serif;color:#444;letter-spacing:.25px;text-align:justify;margin-bottom:25px;position:relative;[/newclass]
[newclass=".fortine-3 div"]height:75px;overflow:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent;[/newclass]
[newclass=".fortine-3::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #d5d5d5;position:absolute;left:-13px;top:14px;[/newclass]
[newclass=".fortine-3::after"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #f3f3f3;position:absolute;left:-11px;top:14px;[/newclass]
[newclass=".fortine-2:nth-child(even) h1"]grid-column:2 / 3;justify-content:flex-start;[/newclass]
[newclass=".fortine-2:nth-child(even) h1 b::before"]border-left:solid 6px transparent;border-right:solid 6px var(--accent);position:absolute;left:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3"]margin-top:-125px;background-color:#eee;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::before"]left:auto;right:-13px;border-left:solid 6px #d5d5d5;border-right:solid 6px transparent;top:98px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::after"]left:auto;right:-11px;border-left:solid 6px #eee;border-right:solid 6px transparent;top:98px;[/newclass]
[attr="class","fortine"]
[attr="class","fortine-1"]
[attr="class","fortine-top"]
first lastname's
timeline
where do we disappear? into the silence that surrounds us and then drowns us in the end, where all these people who impersonate our friends say "come again, come again, come again."
[attr="class","fortine-body"]
[attr="class","fortine-2"]
month 00, 1492
[attr="class","fortine-3"]
in fourteen hundred ninety-two, columbus sailed the ocean blue.
in fourteen hundred ninety-two, columbus sailed the ocean blue.
[attr="class","fortine-2"]
month 00, 1493 - 1495
[attr="class","fortine-3"]
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
in fourteen hundred ninety-three, he came home across the deep blue sea. in fourteen hundred ninety-four, he did it with the girl next door. in fourteen hundred ninety-five, he barely made it out alive.
[attr="class","fortine-2"]
month 00, 1964 - 1970
[attr="class","fortine-3"]
in nineteen hundred sixty-four, these sailors left me at the door. in nineteen hundred seventy, some people got their hands on me.
in nineteen hundred sixty-four, these sailors left me at the door. in nineteen hundred seventy, some people got their hands on me.
[attr="class","fortine-2"]
month 00, 1964 - 1970
[attr="class","fortine-3"]
now i'm the king of everything. i am the king of nothing, no. i am the king of everything. i am the king of nothing.
now i'm the king of everything. i am the king of nothing, no. i am the king of everything. i am the king of nothing.
[googlefont=Inconsolata:300,400,700]
[googlefont=Montserrat:200,300,400,700]
[newclass=".fortine"]border:solid 1px #d5d5d5;padding:5px;background:linear-gradient(to bottom,#eee,var(--accent));background-size:100% 400%;width:651px;margin:25px auto;[/newclass]
[newclass=".fortine-1"]border:solid 1px #d5d5d5;background-color:#f9f9f9;padding:25px 0px;[/newclass]
[newclass=".fortine-top"]background-color:var(--accent);margin:0px -1px 25px -1px;position:relative;padding:0px 0px 60px 60px;height:240px;display:flex;flex-direction:column;gap:15px;justify-content:flex-end;color:#f9f9f9;text-transform:lowercase;[/newclass]
[newclass=".fortine-top div"]position:absolute;top:0px;left:0px;height:300px;width:651px;background-image:var(--bgimg);background-size:cover;background-position:center;filter:grayscale(100%) contrast(120%) brightness(120%);opacity:.15;mix-blend-mode:lighten;[/newclass]
[newclass=".fortine-top h1"]margin:0px;font:12px / 10px Inconsolata, sans-serif;text-transform:uppercase;letter-spacing:5px;[/newclass]
[newclass=".fortine-top h2"]margin:0px;font:200 75px / 65px Montserrat, sans-serif;[/newclass]
[newclass=".fortine-top h3"]margin:0px 160px 0px 0px;font:11px / 11px Inconsolata, sans-serif;letter-spacing:5px;[/newclass]
[newclass=".fortine-body"]border-top:solid 1px #d5d5d5;border-bottom:solid 1px #d5d5d5;background-color:#f3f3f3;padding:25px 25px 0px 25px;position:relative;[/newclass]
[newclass=".fortine-body::before"]position:absolute;border-left:solid 1px #d5d5d5;background-color:#eee; content:'';display:block;top:0px;bottom:0px;right:0px;width:325px;[/newclass]
[newclass=".fortine-2"]position:relative;z-index:1;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:51px;[/newclass]
[newclass=".fortine-2 h1"]align-self:flex-start;margin:0px;display:flex;justify-content:flex-end;[/newclass]
[newclass=".fortine-2 h1 b"]padding:15px;background-color:#95829e;font:10px / 10px Inconsolata, sans-serif;text-transform:uppercase;color:#f9f9f9;letter-spacing:3px;max-width:fit-content;position:relative;[/newclass]
[newclass=".fortine-2 h1 b::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-left:solid 6px var(--accent);position:absolute;right:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-3"]border:solid 1px #d5d5d5;background-color:#f3f3f3;padding:24px;font:12px / 15px Inconsolata, sans-serif;color:#444;letter-spacing:.25px;text-align:justify;margin-bottom:25px;position:relative;[/newclass]
[newclass=".fortine-3 div"]height:75px;overflow:auto;padding-right:15px;scrollbar-width:thin;scrollbar-color:#d5d5d5 transparent;[/newclass]
[newclass=".fortine-3::before"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #d5d5d5;position:absolute;left:-13px;top:14px;[/newclass]
[newclass=".fortine-3::after"]content:'';display:block;height:0px;width:0px;border:solid 6px transparent;border-right:solid 6px #f3f3f3;position:absolute;left:-11px;top:14px;[/newclass]
[newclass=".fortine-2:nth-child(even) h1"]grid-column:2 / 3;justify-content:flex-start;[/newclass]
[newclass=".fortine-2:nth-child(even) h1 b::before"]border-left:solid 6px transparent;border-right:solid 6px var(--accent);position:absolute;left:-12px;margin-top:-1px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3"]margin-top:-125px;background-color:#eee;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::before"]left:auto;right:-13px;border-left:solid 6px #d5d5d5;border-right:solid 6px transparent;top:98px;[/newclass]
[newclass=".fortine-2:nth-child(even) .fortine-3::after"]left:auto;right:-11px;border-left:solid 6px #eee;border-right:solid 6px transparent;top:98px;[/newclass]