diff --git a/static/css/style4.css b/static/css/style4.css index d085150..6efe379 100644 --- a/static/css/style4.css +++ b/static/css/style4.css @@ -73,12 +73,12 @@ .rw-words{ width: 100%; - height: 64px; - -webkit-perspective: 800px; - -moz-perspective: 800px; - -o-perspective: 800px; - -ms-perspective: 800px; - perspective: 800px; + height: 85px; + -webkit-perspective: 500px; + -moz-perspective: 500px; + -o-perspective: 500px; + -ms-perspective: 500px; + perspective: 500px; } .rw-words h2{ position: absolute; @@ -89,7 +89,7 @@ } .rw-words-1 h2{ - font-size: 300%; + font-size: 250%; /*font-style: italic;*/ text-indent: 5px; line-height: 90%; @@ -177,24 +177,24 @@ /*////////////////////////////////////////////////////////////////////////////*/ .progress{ - border-radius: 8px; + border-radius: 12px; background-color: rgba(74, 142, 255,.2); - margin-top:20px; - padding: 9px; + margin-top:25px; + padding: 10px; } .progress .progress-bar{ - border-radius: 20px; + border-radius: 25px; position: relative; - animation: animate-positive 2s; + animation: animate-positive 4s; } .progress .progress-value{ display: block; padding: 3px 7px; font-size: 13px; color: #fff; - border-radius: 4px; + border-radius: 5px; background: #191919; - border: 1px solid #000; + border: 2px solid #000; position: absolute; top: -40px; right: -10px; @@ -220,7 +220,7 @@ border-radius: 8px; box-shadow: 0 0 20px #0087ff; background-size: 100%; - border-radius: 8px; + border-radius: 10px; margin-top: -38px; animation: reverse progress-bar-stripes -0.40s linear infinite, animate-positive 2s; }