From f171da48930479d69b21c93e63329a97a754eba5 Mon Sep 17 00:00:00 2001 From: TBM_13 <32852493+TBM13@users.noreply.github.com> Date: Thu, 3 Jan 2019 20:49:21 -0300 Subject: [PATCH] Add shadow to image-link img elements --- css/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index fee284c..0ff4a8f 100644 --- a/css/main.css +++ b/css/main.css @@ -3,4 +3,4 @@ Animate.css - http://daneden.me/animate Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2014 Daniel Eden -*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}body{font-family:"AvenirNextLTW01-Regular",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:-0.36px;color:#00194E;background-color:#fff;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}h1,h2,h3,h4,h5,.demo-container{font-family:"AvenirNextLTW01-Regular",Helvetica,Arial,sans-serif;font-weight:400}p{letter-spacing:-0.36px}img{max-width:100%;vertical-align:middle}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}.content-box{border-radius:.5em;background:#eee;padding:1em;margin:1em 0}.content-box h2:first-child{margin-top:0 !important}.site-header{padding-top:2em}nav{float:right;z-index:20}nav ul{list-style:none}nav li{display:inline-block;margin:0 0.5em;position:relative}nav a{border-radius:0.25em;color:#00194E;font-size:16px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;padding:4px 8px}nav a:hover{color:#000;background:rgba(255,255,255,0.8)}.button{background:#141D31 !important;border-color:#141D31 !important;color:#fff !important}.button a{color:#fff !important}input.button{margin-top:-1px}.absolute-nav{position:absolute;top:0;right:0}.new::after{content:"NEW";color:red;font-size:10px;position:absolute;left:-2em;top:-1em}.post-content{-webkit-animation:fade-in .8s ease-out forwards;animation:fade-in .8s ease-out forwards;opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em);padding-right:2em}.post-content img,.post-content .demo-container{border-radius:0.5em;margin:2em -35% 2em 0}.callout{background:#eee;border-radius:0.25em;color:#999;font-size:1.25em;padding:1em 1em 1px 1em;margin:2em 0.5em}.rocky{min-width:120px}img{width:100%;max-width:100%}code{background:#eee;border-radius:0.5em}pre{margin:2em -35% 2em 0}@media (max-width: 550px){pre{margin:2em -2em}}.highlight pre code{background:#eee !important;padding:2em}.centered{left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}footer{color:#fff;background:#141D31;margin-top:2em;padding:4em 0 4em;text-align:center}footer a{color:#fff;font-weight:bold}footer input.button{background:#fff}.follow-button{background:rgba(255,255,255,0.2);border-radius:0.5em;color:#fff;display:block;line-height:1em;padding:0.5em;margin-top:2em;margin-right:0.5em;-webkit-transition:all 0.75s cubic-bezier(0.54, -0.25, 0.34, 1.33);transition:all 0.75s cubic-bezier(0.54, -0.25, 0.34, 1.33)}.follow-button:hover{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);background:#fff;border-color:#141D31;color:#141D31;text-decoration:none}.follow-button:hover svg path{fill:#141D31}.updates{display:block;width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.download-container{background:#f0f0f0;border-radius:.5em;padding:1em 2em .5em}.download-container h2{padding-top:0;margin-top:0 !important}.download-signup-form{opacity:0;height:0;pointer-events:none;-webkit-transform:translateY(-0.5em);transform:translateY(-0.5em);-webkit-transition:all 1s cubic-bezier(0, 1.83, 0.66, 0.86);transition:all 1s cubic-bezier(0, 1.83, 0.66, 0.86)}.download-signup-form.show{height:auto;opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.download-signup-form #mc_embed_signup_scroll{display:-webkit-box;display:-ms-flexbox;display:flex}.download-signup-form #mc_embed_signup_scroll input[type=submit]{margin:1px 0 0 8px}.download-signup-form-button{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;height:3em;overflow:none}.download-signup-form-button.hide{opacity:1;height:0;display:none}.clearfix:after{content:"";display:table;clear:both}@-webkit-keyframes fade-in{100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fade-in{100%{opacity:1;-webkit-transform:none;transform:none}}a{text-decoration:none}form{margin-bottom:0}.svg-logo img{max-width:51px;height:42px;margin-top:-0.5em}.quote{display:block;margin:8em auto 4em;max-width:18em;padding:1em;position:relative}.quote *:first-child{margin-top:0}.quote-person{background-size:100%;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);height:7em;left:calc(50% - 3.5em);position:absolute;top:-6.5em;width:7em}.quotee{display:block}.quotes-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4em}.quote.stacked{min-width:340px;max-width:33%;margin:4em auto}.quote-container{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:840px;margin:1em 0 0}.quote-container .rocky{width:148px;margin-right:-1em}.quote-container blockquote{background:#eee;border-radius:1em;border:none;min-height:3rem;padding:1em;position:relative}.quote-container blockquote p{margin-bottom:0}.quote-container blockquote:before{content:"";position:absolute;border-style:solid;display:block;width:0;top:calc(50% - 16px);left:-30px;border-width:15px 30px 15px 0;border-color:transparent #eee}.quote-container blockquote:after{position:absolute;border-style:solid;display:block;width:0;top:calc(50% - 10px);bottom:auto;left:-21px;border-width:9px 21px 9px 0;border-color:transparent #eee;content:""}@media (max-width: 460px){.rocky{margin:0;width:100%}}@media (max-width: 420px){.quote-container{display:block;position:relative}.quote-container blockquote::before,.quote-container blockquote::after{display:none}.quote-container .rocky{position:absolute;top:0.5em;left:-3em;width:50px;height:50px;z-index:10}}.email-signup input{color:#00194E;display:inline-block}.email-signup input[type=submit]{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-signup-badge{max-width:8em}.icons{list-style:none;text-align:center;margin:0}.icons li{display:inline-block}.icons svg path{fill:#fff;-webkit-transition:all 0.75s ease-out;transition:all 0.75s ease-out}.icons svg{height:1em;width:1em}.post-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.post{text-align:center;padding:1em 0;width:33%;max-width:320px}.post img{border-radius:0.5em;display:block;max-width:240px;margin:0 auto;width:100%}.post h3{font-size:1.5em}.image-link{display:block}@media (max-width: 940px){.post{width:50%;max-width:50%}}@media (max-width: 580px){.post{padding:0.5em 0;width:100%;max-width:100%}}.menu.home{float:right}.menu.home li{display:inline-block;list-style:none}.course-image{width:100%}.course-image img{display:block;margin:1em auto}.single-quote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2em auto;max-width:38em;position:relative}.single-quote-person{background-size:100%;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);height:8em;margin-right:2em;min-width:8em;width:8em}.single-quotee{display:block}.home{margin-top:2em}.hero-image-container{-webkit-animation:hero-fade-in 1s 0.5s linear forwards;animation:hero-fade-in 1s 0.5s linear forwards;overflow:hidden;position:relative;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:22em}.window-background{-webkit-animation:background-color 5s cubic-bezier(0.81, -0.46, 0.19, 1.33) infinite;animation:background-color 5s cubic-bezier(0.81, -0.46, 0.19, 1.33) infinite;position:absolute;height:40em;width:30em;top:0}.screen-container{-webkit-animation:move-emails 5s infinite ease-out;animation:move-emails 5s infinite ease-out;position:absolute;width:7.6em;height:6em;bottom:8.66em;background:#fff url(/images/courses/animation_101/emails.svg) repeat-y;background-size:100% auto;left:50%;-webkit-transform:translate(-16.4%, -10%);transform:translate(-16.4%, -10%)}.notification{-webkit-animation:move-notification 5s infinite cubic-bezier(0.81, -0.46, 0.19, 1.33);animation:move-notification 5s infinite cubic-bezier(0.81, -0.46, 0.19, 1.33);position:absolute;bottom:62%;left:65%;width:4%;height:3%;background:#fff url(/images/courses/animation_101/notification.svg);background-size:100%}.moon{-webkit-animation:moon 5s infinite linear;animation:moon 5s infinite linear;position:absolute;left:25%;top:3%;background:url(/images/courses/animation_101/moon.svg) no-repeat;background-size:100%;height:25%;width:8%;-webkit-transform-origin:30% 350%;transform-origin:30% 350%}@media (max-width: 520px){.international-homepage .flower-container h1{font-size:22px !important}}@-webkit-keyframes background-color{0%{background:#011}20%,30%{background:#5ab6fc}100%{background:#011}}@keyframes background-color{0%{background:#011}20%,30%{background:#5ab6fc}100%{background:#011}}@-webkit-keyframes move-emails{0%,24%{background-position:0 -4.6em;-webkit-animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33);animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33)}34%,60%{background-position:0 0}90%,100%{background-position:0 -78%}}@keyframes move-emails{0%,24%{background-position:0 -4.6em;-webkit-animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33);animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33)}34%,60%{background-position:0 0}90%,100%{background-position:0 -78%}}@-webkit-keyframes move-notification{0%,20%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em);opacity:0}50%,58%{-webkit-transform:none;transform:none;opacity:1}70%,100%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em);opacity:0}}@keyframes move-notification{0%,20%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em);opacity:0}50%,58%{-webkit-transform:none;transform:none;opacity:1}70%,100%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em);opacity:0}}@-webkit-keyframes moon{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1);animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@keyframes moon{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1);animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@media (max-width: 550px){.demo-container.clocks.single .clock,.badge{font-size:12px}}@media (max-width: 420px){.demo-container.clocks.single .clock,.badge{font-size:10px}}.post-header{font-size:16px;background-color:#ccc;height:26em;overflow:hidden;position:relative}.post-header.shorter{background:none;height:64px}.post-header nav{padding:1em 2em}.shorter aside{padding-top:4.5em}.logo{position:absolute;left:1em;top:1em;width:100px;z-index:10}.demo{position:absolute;top:0;right:0;bottom:0;left:0}.post-content h2,.post-content h3,.post-content h4,.post-content h5{margin-top:4rem}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl p{direction:rtl;unicode-bidi:embed}.rtl img{display:block;margin:0 0 0 0}.rtl pre{margin:2em 0}.rtl .demo-container{margin:2em 0 2em auto}.rtl .post-footer h1,.rtl .post-footer h2,.rtl .post-footer h3,.rtl .post-footer h4,.rtl .post-footer h5,.rtl .post-footer p{direction:ltr}.post-aside{padding-top:3em}.post-aside h3{margin:0}.demo-link{margin:0 0 1em}.demo-link .button{background:#333;border:none;color:#fff}.translations p{font-size:0.75em}.translations ul{list-style:none;font-size:0.8em;padding:0 .5em 0}.translations ul li::before{content:'\21FE '}.translations .translate{margin-top:2rem;margin-bottom:0}.translations .translation-message{margin-bottom:1.5rem}.powered-by{font-size:.5em;color:#888;padding-top:0}.powered-by img{width:67px;margin-left:4px}.translator p{font-size:0.8em}.post-title{margin-top:1.25em}.sidebar-email-signup,.sidebox{background:#eee;border-radius:4px;font-size:12px;padding:0.5em 1em}.sidebar-email-signup h4,.sidebox h4{font-size:1.75em;margin:0 0 0.5em}.sidebar-email-signup input[type=email],.sidebox input[type=email]{width:100%}.sidebar-email-signup input[type=submit],.sidebox input[type=submit]{font-size:9px !important}.course-sidebar{background:#eee;border-radius:0.5em;margin:1.5em 0;padding:0.25em 0.5em 0.5em}.course-sidebar img{height:5em;margin:0 auto}.course-sidebar h3,.course-sidebar p{color:#666;font-size:18px;text-align:center;margin:0.5em 0}.course-sidebar p{font-size:14px;font-style:italic}@media (max-width: 768px){.container{width:95%}}@media (max-width: 550px){.post-header{font-size:12px}.author-details,.demo-link,.sidebar-email-signup,.course-sidebar{display:none}}@media (max-width: 420px){.post-header{font-size:8px}} +*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;-webkit-transform:scale3d(0.3, 0.3, 0.3);transform:scale3d(0.3, 0.3, 0.3)}20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}40%{-webkit-transform:scale3d(0.9, 0.9, 0.9);transform:scale3d(0.9, 0.9, 0.9)}60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}80%{-webkit-transform:scale3d(0.97, 0.97, 0.97);transform:scale3d(0.97, 0.97, 0.97)}100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}body{font-family:"AvenirNextLTW01-Regular",Helvetica,Arial,sans-serif;font-weight:400;letter-spacing:-0.36px;color:#00194E;background-color:#fff;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}h1,h2,h3,h4,h5,.demo-container{font-family:"AvenirNextLTW01-Regular",Helvetica,Arial,sans-serif;font-weight:400}p{letter-spacing:-0.36px}img{max-width:100%;vertical-align:middle}.icon>svg{display:inline-block;width:16px;height:16px;vertical-align:middle}.icon>svg path{fill:#828282}.content-box{border-radius:.5em;background:#eee;padding:1em;margin:1em 0}.content-box h2:first-child{margin-top:0 !important}.site-header{padding-top:2em}nav{float:right;z-index:20}nav ul{list-style:none}nav li{display:inline-block;margin:0 0.5em;position:relative}nav a{border-radius:0.25em;color:#00194E;font-size:16px;-webkit-transition:all 0.2s ease-out;transition:all 0.2s ease-out;padding:4px 8px}nav a:hover{color:#000;background:rgba(255,255,255,0.8)}.button{background:#141D31 !important;border-color:#141D31 !important;color:#fff !important}.button a{color:#fff !important}input.button{margin-top:-1px}.absolute-nav{position:absolute;top:0;right:0}.new::after{content:"NEW";color:red;font-size:10px;position:absolute;left:-2em;top:-1em}.post-content{-webkit-animation:fade-in .8s ease-out forwards;animation:fade-in .8s ease-out forwards;opacity:0;-webkit-transform:translateY(1em);transform:translateY(1em);padding-right:2em}.post-content img,.post-content .demo-container{border-radius:0.5em;margin:2em -35% 2em 0}.callout{background:#eee;border-radius:0.25em;color:#999;font-size:1.25em;padding:1em 1em 1px 1em;margin:2em 0.5em}.rocky{min-width:120px}img{width:100%;max-width:100%}code{background:#eee;border-radius:0.5em}pre{margin:2em -35% 2em 0}@media (max-width: 550px){pre{margin:2em -2em}}.highlight pre code{background:#eee !important;padding:2em}.centered{left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}footer{color:#fff;background:#141D31;margin-top:2em;padding:4em 0 4em;text-align:center}footer a{color:#fff;font-weight:bold}footer input.button{background:#fff}.follow-button{background:rgba(255,255,255,0.2);border-radius:0.5em;color:#fff;display:block;line-height:1em;padding:0.5em;margin-top:2em;margin-right:0.5em;-webkit-transition:all 0.75s cubic-bezier(0.54, -0.25, 0.34, 1.33);transition:all 0.75s cubic-bezier(0.54, -0.25, 0.34, 1.33)}.follow-button:hover{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);background:#fff;border-color:#141D31;color:#141D31;text-decoration:none}.follow-button:hover svg path{fill:#141D31}.updates{display:block;width:100%}.videoWrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.videoWrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.download-container{background:#f0f0f0;border-radius:.5em;padding:1em 2em .5em}.download-container h2{padding-top:0;margin-top:0 !important}.download-signup-form{opacity:0;height:0;pointer-events:none;-webkit-transform:translateY(-0.5em);transform:translateY(-0.5em);-webkit-transition:all 1s cubic-bezier(0, 1.83, 0.66, 0.86);transition:all 1s cubic-bezier(0, 1.83, 0.66, 0.86)}.download-signup-form.show{height:auto;opacity:1;-webkit-transform:none;transform:none;pointer-events:auto}.download-signup-form #mc_embed_signup_scroll{display:-webkit-box;display:-ms-flexbox;display:flex}.download-signup-form #mc_embed_signup_scroll input[type=submit]{margin:1px 0 0 8px}.download-signup-form-button{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;height:3em;overflow:none}.download-signup-form-button.hide{opacity:1;height:0;display:none}.clearfix:after{content:"";display:table;clear:both}@-webkit-keyframes fade-in{100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fade-in{100%{opacity:1;-webkit-transform:none;transform:none}}a{text-decoration:none}form{margin-bottom:0}.svg-logo img{max-width:51px;height:42px;margin-top:-0.5em}.quote{display:block;margin:8em auto 4em;max-width:18em;padding:1em;position:relative}.quote *:first-child{margin-top:0}.quote-person{background-size:100%;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);height:7em;left:calc(50% - 3.5em);position:absolute;top:-6.5em;width:7em}.quotee{display:block}.quotes-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:4em}.quote.stacked{min-width:340px;max-width:33%;margin:4em auto}.quote-container{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:840px;margin:1em 0 0}.quote-container .rocky{width:148px;margin-right:-1em}.quote-container blockquote{background:#eee;border-radius:1em;border:none;min-height:3rem;padding:1em;position:relative}.quote-container blockquote p{margin-bottom:0}.quote-container blockquote:before{content:"";position:absolute;border-style:solid;display:block;width:0;top:calc(50% - 16px);left:-30px;border-width:15px 30px 15px 0;border-color:transparent #eee}.quote-container blockquote:after{position:absolute;border-style:solid;display:block;width:0;top:calc(50% - 10px);bottom:auto;left:-21px;border-width:9px 21px 9px 0;border-color:transparent #eee;content:""}@media (max-width: 460px){.rocky{margin:0;width:100%}}@media (max-width: 420px){.quote-container{display:block;position:relative}.quote-container blockquote::before,.quote-container blockquote::after{display:none}.quote-container .rocky{position:absolute;top:0.5em;left:-3em;width:50px;height:50px;z-index:10}}.email-signup input{color:#00194E;display:inline-block}.email-signup input[type=submit]{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.footer-signup-badge{max-width:8em}.icons{list-style:none;text-align:center;margin:0}.icons li{display:inline-block}.icons svg path{fill:#fff;-webkit-transition:all 0.75s ease-out;transition:all 0.75s ease-out}.icons svg{height:1em;width:1em}.post-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.post{text-align:center;padding:1em 0;width:33%;max-width:320px}.post img{border-radius:0.5em;display:block;max-width:240px;margin:0 auto;width:100%}.post h3{font-size:1.5em}.image-link{display:block}.image-link img{box-shadow: 5px 5px 25px -2px rgba(0,0,0,0.3)}@media (max-width: 940px){.post{width:50%;max-width:50%}}@media (max-width: 580px){.post{padding:0.5em 0;width:100%;max-width:100%}}.menu.home{float:right}.menu.home li{display:inline-block;list-style:none}.course-image{width:100%}.course-image img{display:block;margin:1em auto}.single-quote{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:2em auto;max-width:38em;position:relative}.single-quote-person{background-size:100%;border-radius:50%;-webkit-box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);box-shadow:0 2px 4px 0 rgba(31,0,33,0.5);height:8em;margin-right:2em;min-width:8em;width:8em}.single-quotee{display:block}.home{margin-top:2em}.hero-image-container{-webkit-animation:hero-fade-in 1s 0.5s linear forwards;animation:hero-fade-in 1s 0.5s linear forwards;overflow:hidden;position:relative;height:100%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:22em}.window-background{-webkit-animation:background-color 5s cubic-bezier(0.81, -0.46, 0.19, 1.33) infinite;animation:background-color 5s cubic-bezier(0.81, -0.46, 0.19, 1.33) infinite;position:absolute;height:40em;width:30em;top:0}.screen-container{-webkit-animation:move-emails 5s infinite ease-out;animation:move-emails 5s infinite ease-out;position:absolute;width:7.6em;height:6em;bottom:8.66em;background:#fff url(/images/courses/animation_101/emails.svg) repeat-y;background-size:100% auto;left:50%;-webkit-transform:translate(-16.4%, -10%);transform:translate(-16.4%, -10%)}.notification{-webkit-animation:move-notification 5s infinite cubic-bezier(0.81, -0.46, 0.19, 1.33);animation:move-notification 5s infinite cubic-bezier(0.81, -0.46, 0.19, 1.33);position:absolute;bottom:62%;left:65%;width:4%;height:3%;background:#fff url(/images/courses/animation_101/notification.svg);background-size:100%}.moon{-webkit-animation:moon 5s infinite linear;animation:moon 5s infinite linear;position:absolute;left:25%;top:3%;background:url(/images/courses/animation_101/moon.svg) no-repeat;background-size:100%;height:25%;width:8%;-webkit-transform-origin:30% 350%;transform-origin:30% 350%}@media (max-width: 520px){.international-homepage .flower-container h1{font-size:22px !important}}@-webkit-keyframes background-color{0%{background:#011}20%,30%{background:#5ab6fc}100%{background:#011}}@keyframes background-color{0%{background:#011}20%,30%{background:#5ab6fc}100%{background:#011}}@-webkit-keyframes move-emails{0%,24%{background-position:0 -4.6em;-webkit-animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33);animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33)}34%,60%{background-position:0 0}90%,100%{background-position:0 -78%}}@keyframes move-emails{0%,24%{background-position:0 -4.6em;-webkit-animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33);animation-timing-function:cubic-bezier(0.81, -0.46, 0.19, 1.33)}34%,60%{background-position:0 0}90%,100%{background-position:0 -78%}}@-webkit-keyframes move-notification{0%,20%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em);opacity:0}50%,58%{-webkit-transform:none;transform:none;opacity:1}70%,100%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em);opacity:0}}@keyframes move-notification{0%,20%{-webkit-transform:translateX(0.25em);transform:translateX(0.25em);opacity:0}50%,58%{-webkit-transform:none;transform:none;opacity:1}70%,100%{-webkit-transform:translateX(-0.25em);transform:translateX(-0.25em);opacity:0}}@-webkit-keyframes moon{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1);animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@keyframes moon{0%{-webkit-transform:none;transform:none;-webkit-animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1);animation-timing-function:cubic-bezier(0.25, 0, 0.41, 1)}100%{-webkit-transform:rotateZ(-360deg);transform:rotateZ(-360deg);-webkit-animation-timing-function:linear;animation-timing-function:linear}}@media (max-width: 550px){.demo-container.clocks.single .clock,.badge{font-size:12px}}@media (max-width: 420px){.demo-container.clocks.single .clock,.badge{font-size:10px}}.post-header{font-size:16px;background-color:#ccc;height:26em;overflow:hidden;position:relative}.post-header.shorter{background:none;height:64px}.post-header nav{padding:1em 2em}.shorter aside{padding-top:4.5em}.logo{position:absolute;left:1em;top:1em;width:100px;z-index:10}.demo{position:absolute;top:0;right:0;bottom:0;left:0}.post-content h2,.post-content h3,.post-content h4,.post-content h5{margin-top:4rem}.rtl h1,.rtl h2,.rtl h3,.rtl h4,.rtl h5,.rtl p{direction:rtl;unicode-bidi:embed}.rtl img{display:block;margin:0 0 0 0}.rtl pre{margin:2em 0}.rtl .demo-container{margin:2em 0 2em auto}.rtl .post-footer h1,.rtl .post-footer h2,.rtl .post-footer h3,.rtl .post-footer h4,.rtl .post-footer h5,.rtl .post-footer p{direction:ltr}.post-aside{padding-top:3em}.post-aside h3{margin:0}.demo-link{margin:0 0 1em}.demo-link .button{background:#333;border:none;color:#fff}.translations p{font-size:0.75em}.translations ul{list-style:none;font-size:0.8em;padding:0 .5em 0}.translations ul li::before{content:'\21FE '}.translations .translate{margin-top:2rem;margin-bottom:0}.translations .translation-message{margin-bottom:1.5rem}.powered-by{font-size:.5em;color:#888;padding-top:0}.powered-by img{width:67px;margin-left:4px}.translator p{font-size:0.8em}.post-title{margin-top:1.25em}.sidebar-email-signup,.sidebox{background:#eee;border-radius:4px;font-size:12px;padding:0.5em 1em}.sidebar-email-signup h4,.sidebox h4{font-size:1.75em;margin:0 0 0.5em}.sidebar-email-signup input[type=email],.sidebox input[type=email]{width:100%}.sidebar-email-signup input[type=submit],.sidebox input[type=submit]{font-size:9px !important}.course-sidebar{background:#eee;border-radius:0.5em;margin:1.5em 0;padding:0.25em 0.5em 0.5em}.course-sidebar img{height:5em;margin:0 auto}.course-sidebar h3,.course-sidebar p{color:#666;font-size:18px;text-align:center;margin:0.5em 0}.course-sidebar p{font-size:14px;font-style:italic}@media (max-width: 768px){.container{width:95%}}@media (max-width: 550px){.post-header{font-size:12px}.author-details,.demo-link,.sidebar-email-signup,.course-sidebar{display:none}}@media (max-width: 420px){.post-header{font-size:8px}}