---

<!DOCTYPE html>
<html>
  <head>
    <title>МемоКарточки</title>
    <style>
      .card {
        width: 300px;
        height: 300px;
        border-radius: 15px;
        perspective: 1000px;
        overflow: hidden;
      }

      .card-inner {
        width: 100%;
        height: 100%;
        position: relative;
        transition: transform 0.6s;
        transform-style: preserve-3d;
      }

      .card:hover .card-inner {
        transform: rotateY(180deg);
      }

      .card-front, .card-back {
        width: 100%;