diff --git a/app/ui/static/css/style.css b/app/ui/static/css/style.css
index 723e8c9..1be21b6 100644
--- a/app/ui/static/css/style.css
+++ b/app/ui/static/css/style.css
@@ -24,6 +24,7 @@ body section .row {
   margin: 10px 0;
   transition: ease all 2.3s;
   perspective: 1200px;
+  border-radius: 15px; /* Add border-radius */
 }
 .card:hover .cover {
   transform: rotateX(0deg) rotateY(-180deg);
@@ -52,6 +53,7 @@ body section .row {
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
+  border-radius: 15px; /* Add border-radius */
 }
 .card .cover:before {
   content: "";
@@ -66,6 +68,7 @@ body section .row {
   transition: ease all 2.3s;
   transform-style: preserve-3d;
   transform: translateZ(0px);
+  border-radius: 15px; /* Add border-radius */
 }
 .card .cover:after {
   content: "";
@@ -77,6 +80,7 @@ body section .row {
   z-index: 2;
   transition: ease all 1.3s;
   background: rgba(0, 0, 0, 0.4);
+  border-radius: 15px; /* Add border-radius */
 }
 .card .cover.item-a {
   background-image: url("./images/img1.jpeg");
@@ -122,6 +126,7 @@ body section .row {
   display: flex;
   align-items: center;
   justify-content: center;
+  border-radius: 15px; /* Add border-radius */
 }
 .card .card-back a {
   transform-style: preserve-3d;
@@ -135,6 +140,7 @@ body section .row {
   padding: 14px 32px;
   outline: none;
   text-decoration: none;
+  border-radius: 5px; /* Add border-radius */
 }
 .card .card-back a:hover {
   background-color: white;