T137 draft structure for tooltip added

src/main/resources/static/css/main.css

@@ -1,5 +1,5 @@
 #container {
-    width: 950px;
+    width: 1330px;
     margin-left: auto;
     margin-right: auto;
     min-height: 1900px;

src/main/resources/static/css/wojtas.css

@@ -0,0 +1,43 @@
+p#tooltipText {
+    /* /* padding: 20px;  */
+    width: 200px;
+    height: 150px;
+}
+
+div#tooltip {
+    border-radius: 15px;
+    padding-left: 20px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    margin-top: 160px;
+    border: 2px solid rgba(155, 165, 160, 0.507);
+    float: right;
+    width: 40%;
+    /* width: 70%; */
+    /* background-color: rgb(68, 158, 116); */
+    height: 100%;
+}
+
+.collapsible {
+    background-color: rgba(155, 165, 160, 0.507);
+    color: rgb(44, 44, 44);
+    cursor: pointer;
+    padding: 18px;
+    width: 100%;
+    border: none;
+    text-align: center;
+    outline: none;
+    font-size: 20px;
+}
+
+.active, .collapsibleActive:hover {
+    background-color: rgb(85, 85, 85);
+}
+
+.collapsibleData {
+    padding: 0 18px;
+    max-height: 0;
+    overflow: hidden;
+    transition: max-height 0.2s ease-out;
+    background-color: #f1f1f1;
+}