�� 70

mybb@mybb.ru (softie) — Sat, 14 Nov 2020 03:41:07 +0300
��

mybb@mybb.ru (softie) — Fri, 13 Nov 2020 00:59:01 +0300
��:
<!--HTML--><link href="https://fonts.googleapis.com/css2?family=Codystar&family=Coming+Soon&family=Lily+Script+One&family=Patrick+Hand+SC&family=Sofia&display=swap" rel="stylesheet">

<style>
  .warpx {
    width: 200px; height: auto; padding: 30px; outline: 1px dashed var(--bxrd); outline-offset: -10px; margin: 0 auto; background: var(--bxck); text-align: center; text-transform: uppercase; font-family: 'Coming Soon'; letter-spacing: 1px; font-size: 13px; font-weight: bold; color: rgba(1,1,1,0.8); position: relative;
    --bxck: rgba(230,230,235,1);
    --accx: rgba(150,150,200,0.5);
    --acc2: rgba(50,50,200,0.5);
    --bxrd: rgba(100,100,150,0.5);
  }
  
  .warpx h1 {
    width: 200px; height: 70px; margin: 0px; margin-bottom: 30px; text-align: center; transform:rotate(-5deg); position: relative; z-index: 2; font-family: 'Patrick Hand SC'; font-weight: normal; font-size: 50px; text-transform: lowercase; letter-spacing: 3px; display: flex; justify-content: center; align-items: center;
  }
  
  .warpx h1::before {
    content:''; position: absolute; top:-10px; left:50px; border-radius: 50px; width: 100px; height: 100px; background: var(--accx); z-index: -1; border: 1px dashed var(--bxrd);
  }
  
  .warpx .bxr {
    width: 150px; height: 10px; border: 1px solid var(--bxrd); border-radius: 10px; margin: 0px auto 5px; background: rgba(250,250,250,0.4);
  }
  
  .warpx .fxll {
    height: 10px; background:linear-gradient(var(--accx),var(--acc2));
  }
  
        #webscred, /* coder's credit */
  #webscred a, #webscred a:link, #webscred a:visited, #webscred a:active{
    color: #bca96b; font-family: 'Montserrat'; font-size: 14px; text-decoration: none;
    position: relative; left: -7px; top: -2px; float: left;
    transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;
  }
      #webscred a:hover {
        color: #333;
      }

</style>

<div class="warpx">
  <h1>theodore</h1>
  serious / childish
  <div class="bxr"><div class="fxll" style="width: 19px;"></div></div>
  weak / strong
    <div class="bxr"><div class="fxll" style="width: 10px;"></div></div>
  timid / confident
  <div class="bxr"><div class="fxll" style="width: 55px;"></div></div>
  naive / wise
    <div class="bxr"><div class="fxll" style="width: 110px;"></div></div>
  coward / brave
  <div class="bxr"><div class="fxll" style="width: 34px;"></div></div>
  pessimist / optimist
  <div class="bxr"><div class="fxll" style="width: 24px;"></div></div>
  apathetic / opinionated
  <div class="bxr"><div class="fxll" style="width: 75px;"></div></div>
  bossy / laid-back
  <div class="bxr"><div class="fxll" style="width: 93px;"></div></div>
  logical / emotional
  <div class="bxr"><div class="fxll" style="width: 47px;"></div></div>
  selfish / selfless
  <div class="bxr"><div class="fxll" style="width: 101px;"></div></div>
  needy / independent
  <div class="bxr"><div class="fxll" style="width: 111px;"></div></div>
  insincere / honest
  <div class="bxr"><div class="fxll" style="width: 65px;"></div></div>
  rebellious / obedient
  <div class="bxr"><div class="fxll" style="width: 129px;"></div></div>
  mean / kind
  <div class="bxr"><div class="fxll" style="width: 108px;"></div></div>
  disloyal / loyal
  <div class="bxr"><div class="fxll" style="width: 93px;"></div></div>
  impatient / patient
  <div class="bxr"><div class="fxll" style="width: 37px;"></div></div>
    <div id="webscred" title="code by jude"><a href="https://shadowplayers.jcink.net/index.php?showuser=5453">★</a></div>
</div>
design

����� 70

��

�� 70
