new style

nginx/vue/public/css/styles.css

@@ -42,6 +42,7 @@
 body {
     margin: 0 auto;
     font-family: var(--font-text);
+    background-color: beige;
 }
 
 p {
@@ -61,18 +62,29 @@ img {
     object-fit: contain;
 }
 
+video {
+    width: 100%;
+    object-fit: contain;
+}
+
 /* END OF ELEMENTS */
 
 /* CLASSES */
 .bordered-1 {
     width: 300px;
-    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);
+    /*box-shadow: 0 20px 20px rgba(0, 0, 0, 0.2);*/
     /*padding: 15px;*/
     border: 30px solid;
-    border-image: url("/img/borders/border-minimal.png") 30 round;
+    border-image: url("/img/borders/border3.gif") 30 round;
     /*border-image: url("/img/borders/border2.png") 30;*/
 }
 
+.bordered-2 {
+    background: white;
+    border: 2px solid black;
+    text-align: center;
+}
+
 .flex-row {
     display: flexbox;
     flex-direction: row;