<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Lora:ital@0;1&family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
<div id="peakycollab">
<img src="http://upforme.ru/uploads/0017/b4/c5/3/292998.jpg" class="peakycollabimg">
  <div class="peakycollab1"></div>
  <div class="peakycollab1-1"></div>
  <div class="peakycollab1-2"></div>
  <div class="peakycollab1-21"></div>
<div class="peakycollab2">wilkommen</div>
  <div class="peakycollab2-1">blyat'</div>
  <div class="peakycollab3">deutschland</div>
  <div class="peakycollab3-1">berlin</div>
  <div class="peakycollab4">time travel</div>
  <div class="peakycollab4-1">& real-life</div>
  <div class="peakycollab5">2017</div>
  <div class="peakycollab5-1">-2022</div>
  <div class="peakycollab6">
<span style="color: rgb(211, 82, 1);">•</span>  внешности держим <b>три дня</b>, а потом даём рукам отдохнуть
<p><span style="color: rgb(211, 82, 1);">•</span> эта тема ТОЛЬКО для туристов. местным обращаться в другую</p>
<p><span style="color: rgb(211, 82, 1);">•</span> real life — это 98% твоей фантазии, 1% google search и 1% НАДЕЖДЫ, что кто-то придёт по заявке из нужных. ты свободен, тото! ты точно знаешь, что нужно делать? <br> 
<p><span style="color: rgb(211, 82, 1);">•</span> time travel — это 98% твоего ахуевания, 1% google search и 1% НАДЕЖДЫ, что кто-то придёт по заявке из нужных.<br> 
</p>
<p><br/><span style="color: rgb(211, 82, 1);">•</span><b>до востребования</b>
<br/><span style="color: rgb(240 147 109);">lena headey</span>
<br/><span style="color: rgb(240 147 109);">Arón Piper</span>
<br/><span style="color: rgb(240 147 109);">Henning May</span>
<br/><span style="color: rgb(240 147 109);">Sean Ford</span></p>

<p><br/><span style="color: rgb(211, 82, 1);">•</span><b>до конца жизни</b>
<br/><span style="color: rgb(240 147 109);">justin theroux с бородой</span> - reiner berg</p>


  </div>
</div>
<style>
#peakycollab {
  width: 450px;
  height: 660px;
  margin: 10px auto;
  position: relative;
  background-image: linear-gradient(#173b6d, #e1be90, #173b6d);
  overflow: hidden;
  display: flex;
  justify-content: center;
}

.peakycollabimg {
  position: absolute;
  width: 450px;
  height: 380px;
  object-fit: none;
}

.peakycollab1 {
  top: -175px;
  border-radius: 100%;
  background: #173b6d;
  position: absolute;
  width: 250px;
  height: 240px;
}

.peakycollab1-1 {
  left: 0%;
  border-radius: 100%;
  width: 100px;
  height: 1px;
  background: #000;
  position: absolute;
  top: 58.9%;
  transition:.8s ease;
}

.peakycollab1-2 {
  position: absolute;
  top: 28%;
  border-radius: 100%;
  width:90px;
  height: 90px;
  border: 1px solid #e1be90;
  right: 4%;
}

.peakycollab1-21 {
  top: 27.5%; 
  position: absolute;
  width: 77px;
  height: 77px;
  background: #000;
  right: -8%;
  border-radius: 100%;
  transform: rotate(-90deg);
}


.peakycollab2 {
  top: 60%;
  position: absolute;
  font-family: 'lora';
  font-size: 45px;
  color: #000;
  font-style: italic;
  left: 7%;
  transition:.8s ease
}

.peakycollab2-1 {
  letter-spacing: 0.90px;
  top: 67%;
  left: 6.4%;
  font-weight: 900;
  text-transform: uppercase;
  position: absolute;
  font-family: 'roboto';
  font-size: 43px;
  color: #000;
  transition: .8s ease;
}

.peakycollab3 {
  transition: .8s ease; color: #000;
  width: 100px;
  color: #000;
  position: absolute;
  font-size: 11px;
  font-style: italic;
  top: 90%;
  left: 8%; font-family: 'Lora';
}

.peakycollab3-1 {
  transition: .8s ease; color: #000;
  width: 115px;
  position: absolute;
  left: 8%;
  top: 92.5%;
  font-family: 'roboto';
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.50px;
}


.peakycollab4 {
  transition: .8s ease;
  width: 100px;
  color: #000;
  position: absolute;
  font-size: 11px;
  font-style: italic;
  top: 90%;
  left: 39.5%; font-family: 'Lora';
}

.peakycollab4-1 {
  transition: .8s ease;
  width: 115px;
  color: #000;
  position: absolute;
  left: 39.5%;
  top: 92.5%;
  font-family: 'roboto';
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.50px;
}


.peakycollab5 {
  transition: .8s ease;
  width: 100px;
  color: #000;
  position: absolute;
  font-size: 11px;
  font-style: italic;
  top: 90%;
  left: 66%; font-family: 'Lora';
}

.peakycollab5-1 {
  transition: .8s ease;
  width: 115px;
  color: #000;
  position: absolute;
  left: 66%;
  top: 92.5%;
  font-family: 'roboto';
  font-weight: 900;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.50px;
}

#peakycollab:hover .peakycollab1-1 {
  opacity:0;
  width: 10px;
  transition-duration: 1s;
}

#peakycollab:hover .peakycollab2 {
  left:-35%;
  opacity:0;
}

#peakycollab:hover .peakycollab2-1 {
  transition-delay: 0.1s;
  left:-35%;
  opacity:0;
}


#peakycollab:hover .peakycollab3 {
  opacity:0;
  top: 102%;
}

#peakycollab:hover .peakycollab3-1 {
  opacity:0;
  top: 102%;
}

#peakycollab:hover .peakycollab4 {
  opacity:0;
  top: 102%;
}

#peakycollab:hover .peakycollab4-1 {
  opacity:0;
  top: 102%;
}

#peakycollab:hover .peakycollab5 {
  opacity:0;
  top: 102%;
}

#peakycollab:hover .peakycollab5-1 {
  opacity: 0;
  top: 102%;
}

.peakycollab6 {
  position: absolute;
  top: 64%;
  padding-right: 14px;
  width: 300px;
  height: 207px;
  overflow-y: scroll;
  background: transparent;
  font-family: 'Roboto';
  font-size: 10.5px;
  color: #000;
  text-align: justify;
  line-height: 150%;
  letter-spacing: 0.40px;
  opacity: 0;
  transition: .8s ease;
  -webkit-transform: scale(0);
}

#peakycollab:hover .peakycollab6 {
  transition-duration: 0.80s;
  transition-delay: 0.45s;
  opacity: 1;
  -webkit-transform: scale(1);
}

.peakycollab6::-webkit-scrollbar {
  width: 6px;
}

.peakycollab6::-webkit-scrollbar-track {
  background: transparent;
}

.peakycollab6::-webkit-scrollbar-thumb {
  background-image: linear-gradient(#e1be90, #e1be90);
}
</style>

<br/><span style="color: rgb(240 147 109);">ваш краш </span> - ваш ник