Add glow effect to device
diff --git a/css/animations.css b/css/animations.css
index bfa35cb..2979a9b 100644
--- a/css/animations.css
+++ b/css/animations.css
@@ -698,4 +698,22 @@
.animation[data-animation-step="3"] .device {margin-top:12%;width:30%; height:80%;}
.animation .device .display div div {font-size:15px;}
}
+
+.glow {
+ font-size: 80px;
+ color: #fff;
+ text-align: center;
+ -webkit-animation: glow 1s ease-in-out infinite alternate;
+ -moz-animation: glow 1s ease-in-out infinite alternate;
+ animation: glow 1s ease-in-out infinite alternate;
+}
+
+@-webkit-keyframes glow {
+ from {
+ text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #0095e6, 0 0 40px #0095e6, 0 0 50px #0095e6, 0 0 60px #0095e6, 0 0 70px #0095e6;
+ }
+ to {
+ text-shadow: 0 0 20px #fff, 0 0 30px #4db1ff, 0 0 40px #4db1ff, 0 0 50px #4db1ff, 0 0 60px #4db1ff, 0 0 70px #4db1ff, 0 0 80px #4db1ff;
+ }
+}
diff --git a/index.html b/index.html
index def1c8d..07fbb64 100644
--- a/index.html
+++ b/index.html
@@ -102,7 +102,7 @@
<div class="row py-5" style="" id="about">
<div class="col-md-5 order-2 order-md-1 animate-in-left">
<div>
- <img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%;" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto">
+ <img src="images/phone_front.svg" style="max-height: 65%;max-width: 50%;" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto glow">
<div>
<video style="max-width: 46%;vertical-align: middle;display: inline-flex;float: none;margin-top: -90%;z-index: 999" preload="" muted="" autoplay="autoplay" oncanplay="this.muted=true" loop="loop" class="justify-content-center align-items-center flex-grow-1 d-flex mx-auto" width="80%" height="35%">
<source src="images/bliss-demo.mp4" type="video/mp4">
@@ -640,7 +640,7 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
<!-- Script: Smooth scrolling between anchors in the same page -->
<script src="js/smooth-scroll.js"></script>
-
+
</body>
</html>
\ No newline at end of file