design and content update

Author: zesameri

about.html

@@ -7,6 +7,7 @@
   background: tomato;
 }
 
+
 /* entire container, keeps perspective */
 .flip-container {
 	perspective: 1000px;
@@ -87,12 +88,13 @@
 }
 
 .backdrop {
-    display: flex;
-    flex-direction: row;
-    flex-wrap: wrap;
-    justify-content: space-around;
-    align-items: center;
-    font-family: 'Mr Dafoe', cursive;
+  margin: 1em;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  justify-content: space-around;
+  align-items: center;
+  font-family: 'Mr Dafoe', cursive;
 }
 
 .backdrop a {
@@ -188,5 +190,8 @@
   text-align: left;
   font-size: 1.5vh;
   font-family: 'Kalam', cursive;
+}
 
+.index-card:link, .index-card:visited, .index-card:hover, .index-card:active {
+    color: #1A1110;
 }

assets/bb.jpg

@@ -0,0 +1,35 @@
+
+.tossing{
+	animation-name: tossing;
+	-webkit-animation-name: tossing;
+
+	animation-duration: 2.5s;
+	-webkit-animation-duration: 2.5s;
+
+	animation-iteration-count: infinite;
+	-webkit-animation-iteration-count: infinite;
+}
+
+@keyframes tossing {
+	0% {
+		transform: rotate(-30deg);
+	}
+	50% {
+		transform: rotate(30deg);
+	}
+	100% {
+		transform: rotate(-30deg);
+	}
+}
+
+@-webkit-keyframes tossing {
+	0% {
+		-webkit-transform: rotate(-30deg);
+	}
+	50% {
+		-webkit-transform: rotate(30deg);
+	}
+	100% {
+		-webkit-transform: rotate(-30deg);
+	}
+}