shut up and die, you pink| backstory

<script src="https://kit.fontawesome.com/375487ea8f.js" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<style>

@keyframes slideInLeft{
0%{transform: translate(-25%,0);opacity: 0}
100%{transform: translate(0,0);opacity: 1}
}
::-webkit-scrollbar {width: 5px; background: none; padding: 0px}
::-webkit-scrollbar-thumb {background: rgba(100,100,100,0.5);}

.text{
	padding: 25px;
    font-size: 14px;
    color: #bbb;
    width: 390px;
    height: 510px;
    overflow: auto;
    text-align: justify;
    margin-left: 50px;
    position: inherit
}
.menu{
    background: #000;
    height: 600px;
    width: 300px;
}
.menu2{
	padding: 20px;
    background: rgba(100,100,100,0.5);
    margin: 20px;
    height: 520px;
    border-radius:20px;
    word-wrap:break-word;
    position: relative;
    z-index: 2;
    overflow: hidden
}
.container{
	width: 800px;
    height: 600px;
    background:#fff;
    border: 1px solid rgba(0,0,0,0.2);
    margin: auto;
    display: flex;
    overflow: hidden;
    font-family:'Montserrat';
}
.header{
    background-image:
    linear-gradient(90deg, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%), url('https://i.pinimg.com/564x/b8/8e/c5/b88ec5df04e6799f91766386529eba5a.jpg');
    background-position: center;
    height: 560px;
    width: 650px;
    background-size: cover;
    position: relative;
    padding: 20px 0px;
    overflow: hidden;
}
.tabpic{
	border-radius: 20px;
    width: 200px;
    height: 500px;
    position: absolute;
    z-index: 1;
    background: url(https://i.pinimg.com/564x/c7/39/4d/c7394d81a4cb78ed9f7cdf1f9f4e7578.jpg)center;
    background-size: cover;
    margin-left: 60px;
    margin-top: 40px
}
button:hover, .active {
    color: #86248F;
    text-shadow:0px 0px 20px #86248F;
    transform: rotate(360deg)
}
button{
	border:none;
    transition: all 1s;
    color: #A95BB0;
    cursor: pointer;
    height: 40px;
    width: 50px;
	background: none;
}
.tabs{
	margin-top: -10px;
    margin-left: -10px;
    text-align: center;
    margin-bottom: 10px;
}
h2, b, i{
	color: #A95BB0;
   	text-shadow:1px 1px 2px #86248F
}
h2{
	margin-top: 0px;
    border-bottom: 4px solid rgba(100,100,100,0.5);
    padding-bottom: 5px;
    text-align: right;
    font-size: 25px
}
.tabcontent{
	overflow: hidden;
    animation: slideInLeft;
	animation-duration: 0.7s;
	animation-fill-mode: both;
}
.desc{
	height: 320px;
    font-size: 14px;
    color: #bbb;
    overflow: auto;
}
.menu2 > h2{
	border-bottom: 4px solid rgba(100,100,100,0.8);
}
.desc::-webkit-scrollbar{display:none}
</style>
<div class="container">
<div class="menu">
<div class="tabpic"></div>
<div class="menu2">
<h2>shut up and die, you pink</h2>
<div class="tabs">
<button class="fas fa-star fa-lg tablinks" onclick="openCity(event, '1')" id="defaultOpen"></button>
<button class="fas fa-star fa-lg tablinks" onclick="openCity(event, '2')"></button>
<button class="fas fa-star fa-lg tablinks" onclick="openCity(event, '3')"></button>
<button class="fas fa-star fa-lg tablinks" onclick="openCity(event, '4')"></button>
<button class="fas fa-star fa-lg tablinks" onclick="openCity(event, '5')"></button>
</div>
<div class="desc">
Lorem ipsum dolor sit amet, vis id fierent necessitatibus, malorum ornatus ad vix. Melius euismod duo eu. Altera interpretaris id sed. Ei tota principes vel.

<p>Esse tantas offendit an duo. Id justo atqui laboramus per, mei malorum constituam in. No sed possim nusquam detraxit. Vis melius gubergren constituto ad, falli utamur minimum id sed. At congue dissentiet sed, ius te iudico postulant.
Ne quo cibo viris instructior, eu iusto utinam. Et gubergren euripidis vim, et mea consequat scribentur. Oblique sanctus sententiae ne his, ea regione alterum epicuri vel. Feugiat incorrupte ea mea. Zril omnes audire ei vis, ne utroque erroribus nam.
</div></div></div>
<div class="header">
<div class="tabcontent" id="1">
<div class="text">
<h2>TWAS I, AUBERGINE MAN</h2>
<p>Lorem ipsum dolor sit amet, soluta regione ei sit, has integre dolores eu. Prima aeterno temporibus quo et, per modo velit eu. His no aeque maiorum deserunt, primis iudicabit ne vel. Dicant integre ea mei. Agam nonumy deserunt per et, viris saepe et vis, his unum elit adolescens ei.

<p><b>Cu blandit omnesque dissentias quo, eam ea appareat intellegat, has audire signiferumque ei. Modus nihil posidonium pri ex, at affert labore epicuri vel. </b>In ius augue utamur adipiscing, nam nonumy meliore ea. Duis inani convenire ad nam, vim at erant tractatos, unum inermis accusam id his. Ad aliquam sadipscing usu, nisl tantas democritum an mei, ad quo modus porro liber.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>
<h2>the decoy midget is on fire</h2>
<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.
<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.
</div>
</div>
<div class="tabcontent" id="2">
<div class="text">
<p>Lorem ipsum dolor sit amet, soluta regione ei sit, has integre dolores eu. Prima aeterno temporibus quo et, per modo velit eu. His no aeque maiorum deserunt, primis iudicabit ne vel. Dicant integre ea mei. Agam nonumy deserunt per et, viris saepe et vis, his unum elit adolescens ei.

<p><b>Cu blandit omnesque dissentias quo, eam ea appareat intellegat, has audire signiferumque ei. Modus nihil posidonium pri ex, at affert labore epicuri vel. </b>In ius augue utamur adipiscing, nam nonumy meliore ea. Duis inani convenire ad nam, vim at erant tractatos, unum inermis accusam id his. Ad aliquam sadipscing usu, nisl tantas democritum an mei, ad quo modus porro liber.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.
</div>
</div>
<div class="tabcontent" id="3">
<div class="text">
<p>Lorem ipsum dolor sit amet, soluta regione ei sit, has integre dolores eu. Prima aeterno temporibus quo et, per modo velit eu. His no aeque maiorum deserunt, primis iudicabit ne vel. Dicant integre ea mei. Agam nonumy deserunt per et, viris saepe et vis, his unum elit adolescens ei.

<p><b>Cu blandit omnesque dissentias quo, eam ea appareat intellegat, has audire signiferumque ei. Modus nihil posidonium pri ex, at affert labore epicuri vel. </b>In ius augue utamur adipiscing, nam nonumy meliore ea. Duis inani convenire ad nam, vim at erant tractatos, unum inermis accusam id his. Ad aliquam sadipscing usu, nisl tantas democritum an mei, ad quo modus porro liber.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.
</div>
</div>
<div class="tabcontent" id="4">
<div class="text">
<p>Lorem ipsum dolor sit amet, soluta regione ei sit, has integre dolores eu. Prima aeterno temporibus quo et, per modo velit eu. His no aeque maiorum deserunt, primis iudicabit ne vel. Dicant integre ea mei. Agam nonumy deserunt per et, viris saepe et vis, his unum elit adolescens ei.

<p><b>Cu blandit omnesque dissentias quo, eam ea appareat intellegat, has audire signiferumque ei. Modus nihil posidonium pri ex, at affert labore epicuri vel. </b>In ius augue utamur adipiscing, nam nonumy meliore ea. Duis inani convenire ad nam, vim at erant tractatos, unum inermis accusam id his. Ad aliquam sadipscing usu, nisl tantas democritum an mei, ad quo modus porro liber.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.
</div>
</div>
<div class="tabcontent" id="5">
<div class="text">
<p>Lorem ipsum dolor sit amet, soluta regione ei sit, has integre dolores eu. Prima aeterno temporibus quo et, per modo velit eu. His no aeque maiorum deserunt, primis iudicabit ne vel. Dicant integre ea mei. Agam nonumy deserunt per et, viris saepe et vis, his unum elit adolescens ei.

<p><b>Cu blandit omnesque dissentias quo, eam ea appareat intellegat, has audire signiferumque ei. Modus nihil posidonium pri ex, at affert labore epicuri vel. </b>In ius augue utamur adipiscing, nam nonumy meliore ea. Duis inani convenire ad nam, vim at erant tractatos, unum inermis accusam id his. Ad aliquam sadipscing usu, nisl tantas democritum an mei, ad quo modus porro liber.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.

<p>Paulo nonumy sea ad, usu apeirian facilisis posidonium an, cu eum virtute menandri. Pri magna dicant corrumpit ad. Ea vel dolorem convenire evertitur, et tollit ocurreret accommodare usu. Quas homero recteque duo ex, et omnium aperiam qualisque sit.<i> Aperiri percipit praesent id vis, dolor mandamus pericula quo in, ne vim stet ferri. Mel nulla laboramus et, nostro patrioque consequat mea ut.</i>

<p>Vel eros erant oblique ad. Usu habemus indoctum et. His ad iuvaret postulant. Mundi tation omnesque sit cu, aperiam percipitur et vim.

<p>Ne usu mollis viderer ponderum. Ex vim dictas consetetur, viderer accusam his an, no duo audire nonumes. labores laoreet at, nobis euismod instructior eu. Est ea essent iriure, iisque repudiandae est ei, accusam consequat definitiones his ad.
</div>
</div>
</div>
</div>
<div style="margin-top: 10px; font-size: 15px;text-align: center; font-family: 'Montserrat';text-transform: uppercase;"><a href="https://finchscodes.tumblr.com" style="text-decoration: none;color: #000;" target="_blank"> Coded by Finch</a></div>
<script>
function openCity(evt, cityName) {
  var i, tabcontent, tablinks;
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

   window.onload = function(e){
      document.getElementById("defaultOpen").click();
   }

  $(document).ready(function() {  //If you are using jquery then use this other wise you can use normal window.onload
     document.getElementById("defaultOpen").click();
  });

</script>