added animated outline on focus

#33

theme/static/css/main.css

@@ -20,6 +20,7 @@
 	--header-menu-bg-color: rgb(240, 240, 240, 0.8);
 	--header-menu-hover-bg-color: #E6E6E6;
 	--header-menu-button-size: 3rem;
+	--outline-color: #337AB7;
 }
 
 * {
@@ -655,9 +656,29 @@ ul.cards li a:hover {
 	color:#843534;
 }
 
-p {
+
+
+
+[tabindex]:not([tabindex="-1"]):focus, a:focus, button:focus, input:focus, select:focus:focus, textarea:focus {
+	outline-color: var(--outline-color);
+	outline-offset: 0.125em;
 }
 
+
+[tabindex]:not([tabindex="-1"]), a, button, input, select, textarea {
+	outline: transparent solid 2px;
+	outline-offset: 0.25em;
+	transition: outline-offset 0.2s linear 0s;
+}
+
+
+
+
+
+
+
+
+
 @keyframes makeopaque {
 	from {
 		opacity: 0%;