#carbonads{margin-left:auto;margin-bottom:30px;max-width:300px!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#fafafa;-webkit-box-shadow:0 1px 4px 1px rgba(0,0,0,.1);box-shadow:0 1px 4px 1px rgba(0,0,0,.1)}#carbonads a{text-decoration:none}#carbonads a,#carbonads a:hover{color:inherit}#carbonads span{position:relative;display:block;overflow:hidden}#carbonads .carbon-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}#carbonads .carbon-img{display:block;margin:0;line-height:1}#carbonads img{display:block}#carbonads .carbon-text{font-size:13px;padding:10px;line-height:1.5;text-align:left}#carbonads .carbon-poweredby{display:block;padding:8px 10px;background:repeating-linear-gradient(-45deg,transparent,transparent 5px,rgba(0,0,0,.025) 0,rgba(0,0,0,.025) 10px) rgba(241,243,244,.4);text-align:center;text-transform:uppercase;letter-spacing:.5px;font-weight:600;font-size:9px;line-height:1}@media (max-width:992px){#carbonads{display:none}}.button2d3d{font-family:Open Sans;padding:0 10px}.button2d3d,.button2d3d:hover{transition:all 1s ease;-moz-transition:1s ease all;-webkit-transition:all 1s ease}.buttonrotate2d:hover{transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center}.buttonrotate2d:hover,.buttonrotate3d:hover{transition:-webkit-transform all 1s ease;transition:transform all 1s ease;transition:transform all 1s ease,-webkit-transform all 1s ease;-moz-transition:-moz-transform 1s ease all;-webkit-transition:-webkit-transform all 1s ease}.buttonrotate3d:hover{transform:rotateY(180deg);-moz-transform:rotateY(180deg);-webkit-transform:rotateY(180deg);transform-origin:center;-moz-transform-origin:center;-webkit-transform-origin:center}.rotation-example{background-color:#b495c9;width:300px;height:200px}.rotate-div-x{-webkit-transform:rotateX(200deg);transform:rotateX(200deg)}.rotate-div-y{-webkit-transform:rotateY(170deg);transform:rotateY(170deg)}.rotate-div-z{-webkit-transform:rotate(135deg);transform:rotate(135deg);margin:70px}.borders-example{width:95%;height:40px;margin:15px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:10px}.bitdegree-css-transition{width:43px;height:60px;background-image:url("https://cdn.bitdegree.org/learn/459x600_letter_black.png?a5ff7883");background-repeat:no-repeat;background-size:100%;-webkit-transition:width 1s,height 1s;transition:width 1s,height 1s}.bitdegree-css-transition:hover{width:85px;height:125px}.bitdegree-css-transition-delay{width:43px;height:60px;background-repeat:no-repeat;background-size:100%;-webkit-transition:width 1s,height 1s;-webkit-transition-delay:1s;transition:width 1s,height 1s;transition-delay:1s}.bitdegree-css-transition-delay:hover{width:85px;height:125px}.bitdegree-css-transition-transform{margin-left:20px;width:43px;height:60px;background-repeat:no-repeat;background-size:100%;-webkit-transition:width 4s,height 5s,-webkit-transform 5s;transition:width 4s,height 5s,-webkit-transform 5s;transition:width 4s,height 5s,transform 5s;transition:width 4s,height 5s,transform 5s,-webkit-transform 5s}.bitdegree-css-transition-transform:hover{width:61px;height:90px;-webkit-transform:rotate(270deg);transform:rotate(270deg)}.gallery-image{border:1px solid #ddd;-webkit-box-sizing:border-box;box-sizing:border-box}.button-ex-padding1{padding:10px 24px!important}.button-ex-padding2{padding:14px 40px!important;font-size:15px}.button-ex-padding3{padding:32px 16px!important;font-size:15px}.button-click-effect{position:relative;overflow:hidden}.button-click-effect:after{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;background:hsla(0,0%,100%,.5);opacity:0;border-radius:100%;-webkit-transform:scale(1) translate(-50%);transform:scale(1) translate(-50%);-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.button-click-effect:focus:not(:active):after{-webkit-animation:ripple 1s ease-out;animation:ripple 1s ease-out}@-webkit-keyframes ripple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}20%{-webkit-transform:scale(25);transform:scale(25);opacity:1}to{opacity:0;-webkit-transform:scale(40);transform:scale(40)}}@keyframes ripple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:1}20%{-webkit-transform:scale(25);transform:scale(25);opacity:1}to{opacity:0;-webkit-transform:scale(40);transform:scale(40)}}.container-ex-image{position:relative;width:100%;max-width:400px}.button-ex-image{background-color:#fff;border:none;color:#000;text-align:center;display:inline-block;font-size:16px;cursor:pointer;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:16px 30px}.button-ex-image:hover{background-color:#d9d9d9}.text-overflow-ex1,.text-overflow-ex2{white-space:nowrap;width:35%;border:2px solid #2c2f30;overflow:hidden}.text-overflow-ex2{text-overflow:ellipsis}.text-overflow-ex2:hover{overflow:visible}.rounded-corners-ex{margin-top:20px;padding-top:20px;padding-left:25px;padding-right:25px;border-radius:25px;border:3px solid purple}.focus-input1:focus{background-color:#8842d5}.focus-input2:focus{border:5px solid #8842d5!important}.css-img-gallery-ex{margin:5px;border:1px solid #ccc;float:left;width:180px}.css-img-gallery-ex:hover{border:1px solid #777}.css-img-gallery-ex img{width:100%;height:auto}.css-img-gallery-ex-desc{padding:15px;font-size:12pt;text-align:center}.dropdown-text-ex{position:relative;display:inline-block}.dropdown-content-ex{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;-webkit-box-shadow:0 8px 16px 0 rgba(0,0,0,.2);box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.dropdown-content-ex a{color:#000;padding:12px 16px;text-decoration:none;display:block}.dropdown-content-ex a:hover{background-color:#f1f1f1}.dropdown-text-ex:hover .dropdown-content-ex{display:block}.dropdown-text-ex:hover .dropdown-btn-ex{background-color:#6e2cb7}.dropdown-btn-ex{background-color:#8842d5;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}.dropdown-desc-ex{padding:15px;text-align:center}.table-hover-ex:hover{background-color:#b495c9}.table-border-width-ex{border:1px solid #000}.css-float-overflow-ex{margin-bottom:25px;overflow:auto}.css-float-overflow-border{border:3px solid #8842d5;padding:5px}.css-form-ex-one{display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box}.css-form-ex-two{width:100%;max-width:734px!important;background-color:#8842d5!important;color:#fff!important;margin-bottom:20px;border-radius:3px!important;font-weight:700;font-size:12pt!important}.css-form-ex-one:hover{background-color:rgba(234,58,83,.7);color:#fff}.css-form-ex-div{padding:25px 25px 0}.css-form-ex-div,.css-table-zebra-ex:nth-child(2n){background-color:#f2f2f2}.css-table-styling-ex{font-family:Trebuchet MS,Arial,Helvetica,sans-serif;border-collapse:collapse;width:100%}.css-table-styling-ex td,.css-table-styling-ex th{border:1px solid #ddd;padding:8px}.css-table-styling-ex tr:nth-child(2n){background-color:#f2f2f2}.css-table-styling-ex tr:hover{background-color:#ddd}.css-table-styling-ex th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#8842d5;color:#fff}.css-outline-ex{border:1px solid #000;outline:15px solid #b495c9;margin:auto;padding:20px;text-align:center}.button-ex-style-arrow span{cursor:pointer;display:inline-block;position:relative;-webkit-transition:.7s;transition:.7s}.button-ex-style-arrow span:after{content:"\BB";position:absolute;opacity:0;top:0;right:-25px;-webkit-transition:.7s;transition:.7s}.button-ex-style-arrow:hover span{padding-right:30px}.button-ex-style-arrow:hover span:after{opacity:1;right:0}.button-ex-style-pressed{display:inline-block;padding:17px 27px;font-size:16px;cursor:pointer;color:#fff;background-color:purple;border:none;-webkit-transition-duration:.4s;transition-duration:.4s;border-radius:8px;-webkit-box-shadow:0 10px #998;box-shadow:0 10px #998}.button-ex-style-pressed:active{background-color:#8842d5;-webkit-box-shadow:0 6px #667;box-shadow:0 6px #667;-webkit-transform:translateY(5px);transform:translateY(5px)}.button-ex-style-fadein{opacity:.3}.button-ex-style-fadein:hover{opacity:1}.button-ex-style-ripple{background-color:purple;border:none;color:#fff;padding:25px;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;text-decoration:none;font-size:16px;cursor:pointer;position:relative;overflow:hidden}.button-ex-style-ripple:after{content:"";background:#f441f1;display:block;position:absolute;padding-top:290%;padding-left:340%;margin-left:-25px!important;margin-top:-130%;opacity:0;-webkit-transition:all .9s;transition:all .9s}.button-ex-style-ripple:active:after{padding:0;margin:0;opacity:1;-webkit-transition:0s;transition:0s}.css-list-li-ex,.css-list-ol-ex{background:#5f56d5;color:#fff;padding:15px 15px 15px 5px}.css-list-ol-ex li{background:#ea3a53;padding:5px;margin-left:30px}.css-list-li-ex li{background:#ea3a53;padding-left:5px;margin:5px 5px 5px 30px}.entry-content ol,.entry-content ul{padding-left:60px}.code-example ol{padding-left:5px}.css-float-without1{float:left;width:100px;height:50px;margin:10px;background-size:cover}.css-float-without2{border:1px solid #6025d8}.css-float-with1{float:left;width:100px;height:50px;margin:10px;background-size:cover}.css-float-with2{border:1px solid #6025d8;clear:left}.css-examination-card{-webkit-box-shadow:0 .5rem 1rem rgba(0,0,0,.3);box-shadow:0 .5rem 1rem rgba(0,0,0,.3);background-color:#eaeaea;border-radius:.3rem;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.92);transform:scale(.92)}.css-examination-card:hover{-webkit-box-shadow:0 10px 20px rgba(0,0,0,.19),0 1rem 2rem rgba(0,0,0,.2);box-shadow:0 10px 20px rgba(0,0,0,.19),0 1rem 2rem rgba(0,0,0,.2);-webkit-transform:scale(.94);transform:scale(.94);cursor:pointer}.example-padding{padding-left:15px}#category_post_list_widget-5 .fl.newsdesc:last-child{background-color:#ddd}#category_post_list_widget-5 .fl.newsdesc:last-child a:hover{background-color:#ccc}#category_post_list_widget-5 .fl.newsdesc:last-child:before{content:"NEW";position:absolute;right:0;font-size:13px;font-weight:900;color:#fff;text-align:center;height:18px;width:42px;background-color:#db4e61;border-radius:0;margin:4px 8px;display:block;line-height:19px;letter-spacing:.15px}#css-image-sprites-ex{position:absolute}#css-image-sprites-ex li{margin:0;padding:0;list-style:none;position:absolute;top:0}#css-image-sprites-ex a,#css-image-sprites-ex li{height:76px;display:block}#css-sprite-1{left:0;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") 0 0}#css-sprite-2{left:80px;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") -145px 0}#css-sprite-3{left:160px;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") -287px 0}#css-sprite-1 a:hover{left:0;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") -71px 0}#css-sprite-2 a:hover{left:80px;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") -218px 0}#css-sprite-3 a:hover{left:160px;width:70px;background:url("https://cdn.bitdegree.org/learn/css-image-sprite-6.png?748bc5e9") -359px 0}.css-pagination-ex{display:-webkit-box;display:-ms-flexbox;display:flex;padding:2px;margin:2px}.css-pagination-ex a{text-decoration:none;color:#6025d8;float:left;padding:10px 15px}.css-pagination-ex-2 a.active{background-color:#add8e6;color:#add8e6}.css-pagination-ex-2 a:hover:not(.active){background-color:#d3d3d3}.css-pagination-ex-4 a{border-radius:10px;-webkit-transition:background-color .5s;transition:background-color .5s}.css-pagination-ex-4 a,.css-pagination-ex-6 a{text-decoration:none;color:#6025d8;float:left;padding:10px 15px}.css-pagination-ex-6 a{border:2px solid #6025d8;margin:5px 10px}.css-pagination-ex-6 a.active{background-color:#add8e6;color:#6025d8;border-radius:10px}.css-pagination-ex-6 a:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.css-pagination-ex-6 a:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.css-pagination-ex-7 a{font-size:22px}.css-pagination-ex-3 a,.css-pagination-ex-7 a{text-decoration:none;color:#6025d8;float:left;padding:10px 15px}.css-pagination-ex-3 a{border:2px solid #6025d8}.css-pagination-ex-3 a.active{background-color:#add8e6;color:#add8e6;border-radius:10px}.css-navigation-bar-1 li a{display:block;color:#fff;padding:9px 17px;text-decoration:none}.css-navigation-bar-1 li a:hover{background-color:#7300ff;color:#000}.css-navigation-bar-2:active{background-color:#ddd;color:#000}.css-horizontal-nav-bar li{text-align:left;display:inline}.css-horizontal-nav-bar li a{color:#fff;padding:9px 17px;text-decoration:none}.css-horizontal-nav-bar-1 li a:hover{background-color:#7300ff}.css-horizontal-nav-bar-1:active{background-color:#ddd;color:#000}.css-floating-list-navigation ul{list-style-type:none;margin:0;padding:0}.css-floating-list-navigation li{text-align:left;float:left;background-color:#8842d5}.css-floating-list-navigation li a{display:block;color:#fff;padding:9px}.css-right-align-navigation ul{list-style-type:none;margin:1px;padding:1px;overflow:hidden;background-color:#8842d5}.css-right-align-navigation li{float:left}.css-right-align-navigation li a{display:block;color:#fff;text-align:left;padding:15px 17px;text-decoration:none}.css-right-align-navigation li a:hover{background-color:#7300ff}.css-right-align-navigation-active{background-color:#d61d1d}.css-border-dividers-navigation ul{list-style-type:none;margin:1px;padding:1px;overflow:hidden;background-color:#8842d5}.css-border-dividers-navigation li{float:left;border-right:2px solid #fff}.css-border-dividers-navigation li:last-child{border-right:none}.css-border-dividers-navigation li a{display:block;color:#fff;text-align:left;padding:15px 17px;text-decoration:none}.css-border-dividers-navigation li a:hover{background-color:#7300ff}img.hover-example{opacity:.3}img.hover-example:hover{opacity:1}.focus-input1{width:100%;padding:12px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;outline:none;border:1px solid #555;margin-bottom:4px}.focus-input1:focus{background-color:blue}.focus-input2{width:100%;padding:12px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:5px solid #e7e7e7;-webkit-transition:.5s;transition:.5s}.focus-input2:focus{border:5px solid green!important;outline:none}.animated-input{width:130px;-webkit-box-sizing:border-box;box-sizing:border-box;border:2px solid #ccc;border-radius:4px;font-size:16px;background-color:#fff;background-position:10px 12px;background-repeat:no-repeat;padding:12px 20px;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.animated-input:focus{width:80%}.textarea{width:80%;height:200px;padding:15px 22px;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #ccc;border-radius:5px;background-color:gray;resize:none}.button-ex-style{background-color:purple;border:none;color:#fff;padding:15px 32px!important;text-align:center;-webkit-transition-duration:.4s;transition-duration:.4s;margin:16px 0!important;text-decoration:none;font-size:16px;cursor:pointer}.button-ex-font1{font-size:10px}.button-ex1{background-color:purple}.button-ex-font2{font-size:12px}.button-ex2{background-color:blue}.button-ex-font3{font-size:16px}.button-ex3{background-color:red}.button-ex4{background-color:gray}.button-ex5{background-color:#000}.button-ex-align{display:inline-block}.button-ex-padding1{padding:10px 24px;font-size:15px}.button-ex-padding2{padding:14px 40px}.button-ex-padding3{padding:32px 16px}.button-ex-round1{border-radius:4px;padding:20px}.button-ex-round2{border-radius:12px;padding:20px}.button-ex-round3{border-radius:50%;padding:20px}.button-ex-border1{border-radius:3px;background-color:#fff;color:#000;border:2px solid purple}.button-ex-border2{border-radius:3px;background-color:#fff;color:#000;border:2px solid blue}.button-ex-border3{border-radius:3px;background-color:#fff;color:#000;border:2px solid red}.button-ex-border111{border-radius:3px;background-color:purple;color:#fff}.button-ex-border11,.button-ex-border111:hover{background-color:#fff;color:#000;border:2px solid purple}.button-ex-border11:hover{background-color:purple;color:#fff}.button-ex-shadow1{-webkit-box-shadow:0 9px 17px 0 rgba(0,0,0,.3),0 7px 21px 0 rgba(0,0,0,.2)!important;box-shadow:0 9px 17px 0 rgba(0,0,0,.3),0 7px 21px 0 rgba(0,0,0,.2)!important}.button-ex-shadow2:hover{-webkit-box-shadow:0 13px 17px 0 rgba(0,0,0,.25),0 18px 51px 0 rgba(0,0,0,.2)!important;box-shadow:0 13px 17px 0 rgba(0,0,0,.25),0 18px 51px 0 rgba(0,0,0,.2)!important}.button-ex-disabled{cursor:not-allowed;opacity:.7}.button-ex-width1{width:300px}.button-ex-width2{width:60%}.button-ex-float{margin:0!important;float:left;-webkit-transition:none;transition:none}.button-ex-float:hover{background-color:#77006d}.button-ex-color1{color:#000}.button-ex-color1:hover{color:#ce06bd}.button-ex-float:hover{background-color:#6d0062}.button-ex-focus{width:45%;padding:14px 20px;-webkit-box-sizing:border-box;box-sizing:border-box;border:3px solid purple;height:55px}.button-ex-focus:focus{background-color:#6d0062;color:#fff;outline:none}.button-ex-mouseover{background-color:purple;color:#fff;display:inline-block;padding:12px 25px;text-align:center;width:100%;height:55px}.button-ex-mouseover:hover{background-color:#6d0062}.tooltip-ex{position:relative;cursor:help;color:#8512d5;margin-right:20px;display:inline-block;float:left}.tooltip-ex-text{visibility:hidden;position:absolute;width:120px;background-color:#555;color:#fff;text-align:center;padding:5px 0;border-radius:6px;z-index:1;opacity:0;-webkit-transition:opacity .6s;transition:opacity .6s}.tooltip-ex:hover .tooltip-ex-text{visibility:visible;opacity:1}.tooltip-ex-top{bottom:125%;left:50%;margin-left:-60px}.tooltip-ex-right{top:-5px;left:125%}.tooltip-ex-bottom{top:135%;left:50%;margin-left:-60px}.tooltip-ex-left{top:-5px;bottom:auto;right:128%}.video-lock{position:relative;max-width:620px;margin:0 auto}.video-lock:before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;background:#000;opacity:.8}.video-lock:hover:before{opacity:.9;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.video-lock:hover button.btn.video-lock-btn{background:#ff3b2e;color:#fff}.video-title{z-index:100;font-weight:700;top:0;left:0}.video-lock-content,.video-title{position:absolute;color:#fff;padding:5px 10px;font-size:15px;text-shadow:1px 1px 0 rgba(0,0,0,.8)}.video-lock-content{z-index:200;font-weight:800;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:60%}.video-lock-content p{display:none}.video-lock-content img{border:0;display:inline-block;width:20%;vertical-align:top;border:none!important}button.btn.video-lock-btn{font-size:24px;color:#000;background:#ffcd21;border:0;border-radius:3px;padding:10px 25px;font-weight:600}.video-lock-texts{display:inline-block;width:80%;vertical-align:top;padding:10px;float:right}span.h3{font-size:24px;margin:0!important}span.h3,span.h5{color:#fff;display:block}span.h5{font-size:16px;margin-bottom:20px}.video-lock a.main-link{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;cursor:pointer;display:block}span.underline{text-decoration:underline}.hidden-content{color:#000;background-color:#ffd6d6;border:1px dashed #000;padding:2px 6px;margin-left:3px;margin-right:3px;border-radius:3px;padding:15px;font-size:15px;text-align:center;margin-bottom:25px}.margin-bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:62px;background-color:#efefef}.margin-example{margin:20px;background-color:#fff;border:2px solid #e9385a;width:100%;text-align:center}#rotation2D,#rotation3D{width:80px;height:70px;color:#fff;position:relative;font-weight:700;font-size:15px;padding:10px;float:left;margin-right:50px;border-radius:5px;border:1px solid #000;background:#6e31a3;margin:10px}.image-contain{background-size:contain}.image-contain,.image-stretch{width:100%;height:300px;background-image:url("https://raw.githubusercontent.com/bitdegree/banners/master/learn/resting-doggo.jpg");background-repeat:no-repeat;border:2px solid #e9385a}.image-stretch{background-size:100% 100%}.image-cover{width:100%;height:300px;background-image:url("https://raw.githubusercontent.com/bitdegree/banners/master/learn/resting-doggo.jpg");background-repeat:no-repeat;background-size:cover;border:2px solid #e9385a}.animation-example{position:relative;border:none;padding:10px;-webkit-animation:animation-example 5s infinite;animation:animation-example 5s infinite}@-webkit-keyframes animation-example{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);left:0}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}55%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}70%{-webkit-transform:rotate(20deg);transform:rotate(20deg);left:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:0}}@keyframes animation-example{0%{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);left:0}25%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}55%{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:85%}70%{-webkit-transform:rotate(20deg);transform:rotate(20deg);left:0}to{-webkit-transform:rotate(0deg);transform:rotate(0deg);left:0}}