CV. Cross-Check

css/aside.css

@@ -0,0 +1,83 @@
+.aside {
+  background-color: #ffffff;
+  transition: 1s;
+}
+
+.dark .aside {
+  background: url("../images/other-images/bg-dark-4766.png");
+}
+
+.aside__photo {
+  margin-top: 10px;
+}
+
+.aside__photo-container {
+  position: relative;
+  max-width: 200px;
+  margin: 0 auto;
+  perspective: 100em;
+}
+
+.aside__photo-wrapper {
+  padding-bottom: 152.5%;
+  transition: 3s;
+  transform-style: preserve-3d;
+  cursor: url("../images/cur/cur-pointer.cur"), pointer;
+}
+
+.photo__photo-wrapper_is-rotated {
+  animation-name: photo-rotate;
+  animation-duration: 4s;
+}
+
+@keyframes photo-rotate {
+  0% {
+    transform: rotateY(0deg);
+  }
+  20% {
+    transform: rotateY(180deg);
+  }
+  80% {
+    transform: rotateY(180deg);
+  }
+  100% {
+    transform: rotateY(0deg);
+  }
+}
+
+.aside__personal-photo {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+
+  display: block;
+  border-radius: 10px;
+}
+
+.aside__sashtje-photo {
+  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
+  transition: box-shadow 0.4s ease-in-out;
+  backface-visibility: hidden;
+}
+
+.aside__sashtje-photo:hover {
+  box-shadow: 5px 5px 30px rgba(0, 0, 0, 0.5);
+}
+
+.dark .aside__sashtje-photo {
+  box-shadow: 5px 5px 10px rgba(255, 255, 255, 0.2);
+}
+
+.dark .aside__sashtje-photo:hover {
+  box-shadow: 5px 5px 30px rgba(255, 255, 255, 0.2);
+}
+
+.aside__easter-egg-photo:hover {
+  box-shadow: none;
+}
+
+.aside__section {
+  margin-top: -45px;
+}

css/footer.css

@@ -0,0 +1,40 @@
+.footer {
+  display: flex;
+  margin-top: 35px;
+  padding: 10px 5px 20px 5px;
+  align-items: center;
+  justify-content: space-between;
+
+  perspective: 100em;
+}
+
+.footer__github,
+.footer__copyright,
+.footer__rsschool {
+  transition: transform 1s ease-in-out;
+}
+
+.footer__github:hover {
+  transform: rotateY(360deg);
+}
+
+.footer__copyright:hover {
+  transform: rotateY(360deg) scale(2);
+}
+
+.footer__rsschool:hover {
+  transform: rotateY(-360deg);
+}
+
+@media (min-width: 670px) {
+  .footer {
+    padding: 10px 35px 20px 35px;
+
+    background-color: #f3f3f3;
+    transition: 1s;
+  }
+
+  .dark .footer {
+    background-color: #474242;
+  }
+}