��

mybb@mybb.ru (��) — Wed, 27 Jul 2022 21:22:34 +0300

[html]<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,900,700italic,900italic' rel='stylesheet' type='text/css'>
<style>

.flipwrap p, .flipwrap h2, .flipwrap h5 {padding:0;margin:0;}

.flipwrap ::-webkit-scrollbar { background: #554D74; width: 0; }
.flipwrap ::-webkit-scrollbar-thumb { background: #554D74; }

.flipwrap {
width:450px;
height:186px;
margin:0 auto;
background-image: url('https://i.imgur.com/SPULja2.gif');
}

.card-container {
height: 450px;
perspective: 600;
position: relative;
width: 350px;
}
.card {
height: 100%;
position: absolute;
transform-style: preserve-3d;
transition: all 1s ease-in-out;
width: 100%;
}
.card:hover {
transform: rotateY(180deg);
}
.card .side {
backface-visibility: hidden;
height: 100%;
position: absolute;
width: 100%;
}
.card .back {
transform: rotateY(180deg);
}

.content {
text-align:center;
width: 300px;
height: 166px;
overflow:auto;
margin: 0 65px 0 65px;
padding: 10px;
background: #aea8a2;
}

.content p {
height: 113px;
overflow:auto;
text-align:justify;
color:rgba(58,51,53,1.0);
}

.content h5 {
height: 17px;
font-family: 'Playfair Display', serif;
font-size:15px;
text-transform:uppercase;
color:#31293F;
font-size:10px;
margin-left: 10px;
margin-top: 15px;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
}

.content h5:hover {
color: #31293F;
}

.content a {
text-decoration:none;
color: #31293F;
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
}

.content a:hover {
color: #31293F;
}

</style>

</div>[/html]

easy marauders

������ ������

��