<style>

.remembered a {-webkit-transition: 1s;

text-decoration: none;}

 

.remembered a:visited {

 color: #A62722;

 -webkit-transform: 2s;

}

 

.remembered a:hover {

 color: #979779;

 font-style: italic;

 letter-spacing: 1.5px;

}

 

.whatwe {

 height: 190px;

 width: 500px;

 background-image: url(//jegvirag.gportal.hu/portal/jegvirag/image/gallery/1475605039_11.jpg);

}

 

.remembered {

 background-color: #F8F8EE;

 width: 420px;

 height: 110px;

 top: 20px;

 padding: 20px;

 line-height: 120%;

 position: relative;

 opacity: 0;

 -webkit-transition: 2s;

 text-align: right;

 font-family: montserrat;

 font-size: 20px;

 text-transform: uppercase;

}

 

.whatwe:hover .remembered {

 opacity: 0.8;

}

 

.atzion {

 font-family: montserrat;

 text-transform: uppercase;

 font-size: 30px;

 width: 160px;

 height: 110px;

 line-height: 90%;

 float: left;

 text-align: right;

 position: absolute;

 top: 20px;

 border-right: 5px solid #A62722;

 color: #010000;

 text-shadow: 0 0 10px #979779;

 padding-right: 20px;

}

 

.remembered h2 {

 font-size: 20px;

 line-height: 110%;

 font-style: italic;

 margin-top: 0px;

 margin-bottom: 0px;

}

</style>

<link href='https://fonts.googleapis.com/css?family=Fredericka+the+Great|Overlock+SC|Rock+Salt|Alegreya+Sans+SC|Julius+Sans+One|Meddon|Oswald|Open+Sans|Niconne|Montserrat|Monoton|Megrim|Raleway+Dots|Codystar|Sail|Poiret+One|Lobster|Righteous|Share+Tech'

 rel='stylesheet' type='text/css'>

<link href='https://dl.dropbox.com/s/86zdmjspehnmvp9/allmyfonts.css?dl=0' rel='stylesheet' type='text/css'>

 

<center>

 <div class='whatwe'>

   <div class='remembered'> J�gVir�g | Design<br>

     <a href="">Script,HTML k�d</a> <br>

     <a href="">Design</a> <br>

     <a href="">Seg�tek</a> <br>

     <div class='atzion'> J�GVIR�G DESIGN<br>

       <h2>website</h2></div>

   </div>

 </div>

</center>