Код:
 <!--HTML--><head><link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Covered+By+Your+Grace|Nothing+You+Could+Do|Permanent+Marker|Reenie+Beanie|Rock+Salt|Shadows+Into+Light" rel="stylesheet">

<style>
#circlecontainer {background-color: #eee; background-image:url(http://sg.uploads.ru/h0k3N.png); width: 450px;	height: 230px;	overflow: hidden;}

#circlecontainer:hover #imagecircle{	margin-right: -290px;}
 #circlecontainer:hover #titlecircle {	margin-left: 30px;	color: rgba(255, 255, 255, 1);}
 #circlecontainer:hover #outerwrap {	margin-left: 25px;}#imagecircle {background-image:url(http://sd.uploads.ru/5Nn9G.gif);	background-position:right;background-color: #000000;	width: 350px;	height: 300px;	float: right; -webkit-border-radius: 300px;	margin-top: -49px;	margin-right: -50px;	position: relative;	-webkit-transition: 0.7s ease-in-out;}

#titlecircle {	background-color:#transparent;	float: left;	height: 80px;	max-width: 80px;	margin-top: 100px;	-webkit-border-radius: 100px;	padding-left:27px; padding-right: 27px;	padding-bottom: 30px;	padding-top: 20px;position: relative;	margin-left: -20px;	color: rgba(195, 195, 195, 1); font-family: 'Nothing You Could Do', cursive;	font-size: 20px;	letter-spacing: 2px;-webkit-transition: 0.7s ease-in-out; line-height: 21px; text-align: center;	}

 #outerwrap {	float: left;	margin-left: -350px; margin-top: 30px;	-webkit-transition: 0.7s ease-in-out;}
 #innerwrap {width: 335px; height: 150px;	background-color: #282828; opacity: 0.8;	border-top: 6px solid #4f5054; margin-top: 15px; }

 #circlecontent {	width: 300px;	height: 115px; overflow: auto;	background-color: #transparent;	color: rgba(195, 195, 195, 1); text-align: justify; font-family: Lucida Console; font-size: 10px;	line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; }

 #circlecontent::-webkit-scrollbar-track { 	background-color: #bd8d84; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}

.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #FFFFFF!important; font-family: 'Nothing You Could Do', cursive; text-decoration: none; }

 date {	font-family: abril fatface;	font-weight: 900;	font-size: 20px;} period {	font-family: abril fatface;font-size: 40px;	line-height: 1px;	color: #bd8d84;}
</style>
</head>

<center><div id="circlecontainer"><div id="outerwrap"><a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1000">LARA CROFT</a> X <a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1060">CULLEN RUTHERFORD</a><div id="innerwrap"><div id="circlecontent">

<date>Лондон, Англия, 04.2018</date>

<period>.</period> Мои исследования, как ни странно, привели меня обратно в Лондон. Домой. Но в этот раз я возвращаюсь не одна, а в компании святого отца Резерфорда. Мальтийский Орден приглядывает за мной, и пока сложно сказать, нравится мне это или скорее настораживает. И из этого рождается вопрос: могу ли я доверять святому отцу?</div></div></div>

<div id="imagecircle"><div id="titlecircle">trust me, i'm here</div></div></div></center> 

                <P>
                    <BR><div class="sigsep"></div>