|
@@ -25,12 +25,12 @@ h4 {
|
|
|
font-size: 1.2em;
|
|
|
}
|
|
|
|
|
|
-.section a {
|
|
|
+a {
|
|
|
color: orange;
|
|
|
transition: color .5s;
|
|
|
}
|
|
|
|
|
|
-.section a:hover {
|
|
|
+a:hover {
|
|
|
color: orangered;
|
|
|
text-decoration: none;
|
|
|
}
|
|
@@ -140,3 +140,33 @@ img {
|
|
|
position: relative;
|
|
|
z-index: 0;
|
|
|
} */
|
|
|
+
|
|
|
+
|
|
|
+#hackit_banner {
|
|
|
+ position: fixed;
|
|
|
+ transform: rotate(45deg);
|
|
|
+ font-size: 18px;
|
|
|
+ font-weight: bold;
|
|
|
+ font-family: Helvetica, sans-serif;
|
|
|
+ color: black;
|
|
|
+ width: 200px;
|
|
|
+ line-height: 25px;
|
|
|
+ text-align: center;
|
|
|
+ overflow: hidden;
|
|
|
+ top: 25px;
|
|
|
+ box-shadow: 1px 1px 25px rgba(233, 6, 229, .8);
|
|
|
+ background-color: red;
|
|
|
+ right: -50px;
|
|
|
+ transition: background-color 1s;
|
|
|
+}
|
|
|
+ @keyframes pulse {
|
|
|
+ 0% { background-color: red; }
|
|
|
+ 50% { background-color: white; }
|
|
|
+ 100% { background-color: red; }
|
|
|
+ }
|
|
|
+#hackit_banner:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ animation-name: pulse;
|
|
|
+ animation-duration: 1s;
|
|
|
+ animation-iteration-count: infinite;
|
|
|
+}
|