Added popups

css/style.css

@@ -9,6 +9,10 @@ html {
 
 * {
   box-sizing: border-box;
+  -webkit-user-select: none; /* Chrome all / Safari all */
+  -moz-user-select: none; /* Firefox all */
+  -ms-user-select: none; /* IE 10+ */
+  user-select: none;
 }
 
 body {
@@ -17,6 +21,7 @@ body {
   height: 100%;
   margin: 0;
   scrollbar-color: #969696 #d8d8d8;
+  overflow: hidden;
 
   display: grid;
   grid-template-columns: 25vw auto;
@@ -52,6 +57,12 @@ article {
   padding: 4vh 5vw 4vh 2vw;
   overflow-y: auto;
 }
+article * {
+  -webkit-user-select: text; /* Chrome all / Safari all */
+  -moz-user-select: text; /* Firefox all */
+  -ms-user-select: text; /* IE 10+ */
+  user-select: text;
+}
 article img {
   max-width: 12vw;
   max-height: 100%;
@@ -367,3 +378,17 @@ form input {
 #textInput input:hover {
   background-color: #ff9100;
 }
+
+#popup {
+  width: 20vw;
+  background-color: rgba(255, 255, 255, 0.8);
+  position: absolute;
+  right: -30vw;
+  bottom: max(80px, 10vh);
+  padding: 2em 3em;
+
+  transition: all 300ms ease-in;
+  -webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.75);
+  -moz-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.75);
+  box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.75);
+}