Szünet + Új design + Név változtatás? + Szövegdoboz

Hej Habcsókocskáim!
Elnézést kérünk a szünet miatt, csak amíg nem készítettem el a szövegdobozokat, nem szerettem volna, hogy lássátok a borzalmas eredményt. Mára készen van, és remélem mindenkinek tetszik, munkám gyümölcse, de, ha nem, kérem tartsa meg magának a véleményét. Őszintén nekem tetszik, és bízom benne, hogy a következő is elnyeri a tetszéseteket.
Ó, visszatérve a múltkori bejegyzésemre, mikor azt mondtam, hogy még jelentkezem... Hm, hát nem jött össze, mint láttátok, ezért is bocsánatot kérek, viszont nem fogok hazudni, lusta voltam, megint.
Szóval, bocsánat, minden kedves Olvasótól, Habcsóktól, és támogatótól, aki szívesen olvassa a blogot.

Kisütötte:K

Kód: 

<fieldset class="keret">
<legend align="center">
  <table>
    <tbody>
<tr>
     <td class="cim">Cím helye
     </td>
   </tr>
</tbody></table>
</legend>
  <br />
<div class="tartalom">
blahblahblahblah</div>
</fieldset>
<style type="text/css">

  ::-webkit-scrollbar {
  width: 12px;
  background-color: transparent;
  border-radius: 80px;
}
::-webkit-scrollbar-thumb { /*görgetősáv*/
  background-color: #8bff68; /*háttérszín*/
  background-size: 400% auto;
  box-shadow: -2px 2px 30px ; /*árnyék*/
  border-radius: 1px 70px; /*lekerekítés*/
  padding: 5px;
}
.cim { /*cím beállításai*/
  background-color: #ff9999; /*háttérszín*/
  border-radius: 150%; /*lekerekítés*/
  box-shadow: 0px 0px 20px 0px ; /*árnyék*/
  margin-right: 10px;
  padding: 20px;
  font-family: 'levi'; /*betűtípus*/
  color: #8bff68; /*betűszíne*/
  text-shadow: 1px 1px 10px #000; /*betűárnyéka*/
  font-weight: bold;
  font-size: 16px; /*betűméret*/
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  -moz-transform: rotate(-10deg); /*a cím megbillentése (Mozzila Firefox)*/
  -webkit-transform: rotate(-10deg); /*a cím megbillentése (Chrome, Opera)*/
}
.tartalom { /*tartalom beállításai*/
  height: 150px; /*tartalom magassága*/
  text-align: justify;
  overflow: auto;
  color: #8bff68;
  text-shadow: 1px 1px 3px #000; /*árnyék*/
  padding-right: 5px;
}
.keret { /*A modul keretének beállításai*/
  background-color: #ff9999; /*háttérszín*/
  width: 90px; /*szélessége*/
  border: 4px solid #ff9888; /*keret*/
  box-shadow: 3px 3px 8px #000; /*árnyék*/
  border-radius: 20px 50px 50px 20px; /*lekerekítés*/
  padding: 5px 15px 15px 15px;
}
</style>


<br />
<div style="text-align: center;">
<br />
Kód:&nbsp;</div>
<style type="text/css">
a.cssmenu {
    color: #fff2cc;
    padding: 10px;
    margin: 6px;
    font-size: 15px;
    font-family: georgia;
    background-color: #091724;}
a.cssmenu:hover {
    color: #091724;
    background-color: #fff2cc;
    -webkit-transition-duration: 0.5s;
    box-shadow: 10px 10px , -10px -10px ;
}</style>

Kinézet: 

A kód kipróbáló dobozban megnézhetitek. Még nem találtam ki a módszert...

Remélem, valakinek megragadta a tetszését a szövegdoboz, szóljon, ha viszi!