made things transparent

wells/static/css/style.css

@@ -4,7 +4,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Asul&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Walter+Turncoat&display=swap');
 * {
-  border: 1px black solid;
+  border: 0px black solid;
 }
 
 body {
@@ -228,9 +228,15 @@ font-family: 'Vesper Libre', serif;
 scrollbar-color: #d87fa0 #dbf6f9;
 position: relative;
 z-index:4;
-background: white;
+background: transparent;
 left: 2px;
 top: 10%;
+opacity: 0.2;
+}
+
+.thesis:hover {
+  opacity: 1;
+  background-color: white;
 }
 
 .scaleable-wrapper {
@@ -342,24 +348,43 @@ h2 {
   /* display: none; */
   right: 6%;
   top:10%;
-  padding: 2%;
+  padding: 0.5%;
-  background-color: white;
+  background-color: transparent;
   position: absolute;
   z-index: 5;
   border: 1px black solid;
+  opacity: 0.2;
+
+}
+
+#showvideo:hover {
+  opacity: 1;
 }
 
 #showbio {
   /* display: none; */
   right: 10%;
-  top:80%;
+  top:70%;
+  left: 70%;
+  bottom: 10%;
   padding: 2%;
-  background-color: white;
+  background-color: transparent;
   position: absolute;
   z-index: 5;
   border: 1px black solid;
+  overflow-y: scroll;
+  scroll-behavior: smooth;
+  max-height: 300px;
+  max-width: 700px;
+  scrollbar-color: #d87fa0 #dbf6f9;
+  opacity: 0.2;
+
 }
 
+#showbio:hover {
+  background-color: white;
+  opacity: 1;
+}
 
 /* .bio{
   margin-bottom: 1.2em;