<center>

<style type="text/css">

@import url(http://fonts.googleapis.com/css?family=Reenie+Beanie);

#scars2{width:250px;padding:30px;padding-top:45px;overflow:hidden;position:relative;margin:0 auto;-webkit-animation:SGradient 54s ease infinite;

-moz-animation:SGradient 54s ease infinite;animation:SGradient 54s ease infinite}

@-webkit-keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

@-moz-keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

@keyframes SGradient{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

.scarsgif{width:120px;height:120px;border-radius:120px;margin:0 auto;background-size:cover;border:10px solid #fff;display:block;

-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}

.scars2text{padding:15px;text-align:justify;height:190px;font:9px 'trebuchet ms';color:#555;opacity:0.9;background-color:#fff;overflow:auto; line-height:110%;}

#scarsborder{position:relative;padding:15px}

#scarsborder:before,#scarsborder:after,#scarsborder>:first-child:before,#scarsborder>:first-child:after{position:absolute;content:' ';width:50px;height:50px;border:1px solid rgba(255,255,255,0.9)}

#scarsborder:before{top:0;left:0;border-width:1px 0 0 1px}#scarsborder:after{top:0;right:0;border-width:1px 1px 0 0}

#scarsborder>:first-child:before{bottom:0;right:0;border-width:0 1px 1px 0}

#scarsborder>:first-child:after{bottom:0;left:0;border-width:0 0 1px 1px}

#scarshover{position:Relative}#scarshover:hover .scarsgif{opacity:0}

.scarsinfo{font:20px 'reenie beanie'; text-transform:lowercase; width:250px; position:Absolute;left:0px;top:0px;text-align:center;color:#fff;opacity:0;-webkit-transition:all 1s ease-in-out 1s;

-moz-transition:all 1s ease-in-out 1s;-o-transition:all 1s ease-in-out 1s;transition:all 1s ease-in-out 1s}

.scarstag{font:7px 'arial';transition:all 1s ease-in-out 1.5s;font-weight:bold;display:inline-block;margin-top:29px;text-transform:uppercase;color:#333;

background-color:#fff;padding:4px;opacity:1}

#scarshover:hover .scarstag{opacity:1}#scarshover:hover .scarsinfo{opacity:0.8}.sover{overflow:auto;padding-right:5px;height:190px}

.sover::-webkit-scrollbar{width:2px;height:2px}.sover::-webkit-scrollbar-track{background-color:#fff}.sover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,0.3);border:0px}

.byrachel {text-align:right; width:310px; margin:0 auto; display:block; opacity:0.7;} </style>

<style type="text/css">

#scars2 {

background: #ffacfc;

background: -moz-linear-gradient(-45deg, #ffacfc 0%, #acffe6 100%);

background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffacfc), color-stop(100%,#acffe6));

background: -webkit-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: -o-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: -ms-linear-gradient(-45deg, #ffacfc 0%,#acffe6 100%);

background: linear-gradient(135deg, #ffacfc 0%,#acffe6 100%);

background-size: 400% 400%;}

.sover b {font-size:11px; color:#a98ecd; border-bottom:2px solid #f0f0f0;} </style>

<div id="scars2">

<div id="scarshover">

<div class="scarsgif" style="background-image:url('https://jegvirag.gportal.hu/portal/jegvirag/image/gallery/1647266967.jpg');">

&nbsp;</div>

<div class="scarsinfo">

Portálépítés és portáldíszítés kezdőknek és haladóknak!Rengetek leírás, scriptek , CSS ,HTML kódok!Nézz be te is!<br />

<span class="scarstag">Virág</span></div>

</div>

<div id="scarsborder">

<div class="scars2text">

<div class="sover">

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry<b> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry</b> Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry</div>

</div>

</div>

</div>

</center>

<center>