diff --git a/index.html b/index.html
index 9ae0f26..3896e9c 100644
--- a/index.html
+++ b/index.html
@@ -19,13 +19,14 @@
+
+
+
Oleksandr Dzisiak
- Front-end Developer
-
-
-
+ Front-end Developer
+
@@ -36,16 +37,6 @@
- -
-
-
-
-
- -
-
-
-
-
-
@@ -58,22 +49,32 @@
-
-
-
+
+
+
+
+ -
+
+
-
-
+
-
-
-
+
+
+
+
+ -
+
+
-
-
+
diff --git a/style.css b/style.css
index b269a06..88a2b22 100644
--- a/style.css
+++ b/style.css
@@ -187,6 +187,9 @@ p {
-webkit-border-radius: 50%;
border-radius: 50%;
}
+.profile-social-links li a:hover {
+ color: red;
+}
.profile-social-links li a i {
position: relative;
@@ -198,6 +201,60 @@ p {
width: 24px;
}
+.cv-download {
+ margin: 0 !important;
+ color: #e56b6f;
+}
+.cv-download:hover {
+ margin: 0 !important;
+ color: #ff0008;
+}
+
+.tooltip {
+ position: relative;
+}
+
+/* Tooltip box */
+.tooltip:before {
+ content: attr(data-tooltip);
+ position: absolute;
+ width: 80px;
+ background-color: #062b45;
+ color: #fff;
+ text-align: center;
+ padding: 5px;
+ line-height: 1.2;
+ border-radius: 6px;
+ z-index: 1;
+ opacity: 0;
+ transition: opacity .6s;
+ bottom: 125%;
+ left: 100%;
+ margin-left: -60px;
+ font-size: 0.4em;
+ visibility: hidden;
+}
+
+/* Tooltip arrow */
+.tooltip:after {
+ content: "";
+ position: absolute;
+ bottom: 75%;
+ left: 50%;
+ margin-left: -5px;
+ border-width: 5px;
+ border-style: solid;
+ opacity: 0;
+ transition: opacity .6s;
+ border-color: #062b45 transparent transparent transparent;
+ visibility: hidden;
+}
+
+.tooltip:hover:before, .tooltip:hover:after {
+ opacity: 1;
+ visibility: visible;
+}
+
@-webkit-keyframes init {
0% {
width: 0px;
@@ -328,7 +385,7 @@ p {
-webkit-border-radius: 4px;
}
100% {
- width: 480px;
+ width: 500px;
height: 300px;
background: #FFFFFF;
-webkit-border-radius: 4px;
@@ -343,7 +400,7 @@ p {
border-radius: 4px;
}
100% {
- width: 480px;
+ width: 500px;
height: 300px;
background: #FFFFFF;
border-radius: 4px;
@@ -479,7 +536,7 @@ p {
}
100% {
width: 300px;
- height: 480px;
+ height: 500px;
background: #FFFFFF;
-webkit-border-radius: 10px;
}
@@ -493,7 +550,7 @@ p {
}
100% {
width: 300px;
- height: 480px;
+ height: 500px;
background: #FFFFFF;
border-radius: 10px;
}