.announcement-bar{display:none;width:100%;height:52px;line-height:52px;font-size:16px;color:#2a3744;background-repeat:repeat;background-size:cover}@media (max-width: 679px){.announcement-bar{font-size:14px}}.announcement-bar--open{display:block}.announcement-bar--open+.global-nav .global-nav__mobile-toggle{top:52px}.announcement-bar__content{display:flex;flex-flow:row nowrap;align-items:center;height:52px}@media (min-width: 680px){.announcement-bar__content{margin:0 auto}.announcement-bar__content:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.announcement-bar__content{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.announcement-bar__content{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.announcement-bar__content{max-width:630px}}@media (max-width: 679px){.announcement-bar__content{width:100%;padding:0 10px;overflow:hidden}}.announcement-bar__primary{white-space:nowrap;flex:1 0 auto;display:flex;flex-flow:nowrap;align-items:center;height:52px}.announcement-bar__secondary{text-align:right;flex:0 0 auto;height:52px}.announcement-bar__title{height:52px;line-height:52px}@media (min-width: 680px){.announcement-bar__title{display:inline-block}}@media (max-width: 679px){.announcement-bar__title{display:block;white-space:normal;margin:10px 0;padding:0;width:100%}}@media (min-width: 680px){.announcement-bar__title-desktop{display:inline-block}}@media (max-width: 679px){.announcement-bar__title-desktop{display:none}}@media (min-width: 680px){.announcement-bar__title-mobile{display:none}}@media (max-width: 679px){.announcement-bar__title-mobile{display:inline-block}}.announcement-bar__title a{font-weight:bold;color:#136fd2;text-decoration:underline;display:inline-block}.announcement-bar__title a:hover,.announcement-bar__title a:active,.announcement-bar__title a:focus{color:#1163bb;text-decoration:underline}@media (max-width: 679px){.announcement-bar__title a{margin:0;padding:0;line-height:16px}}.announcement-bar__close-link{font-weight:bold;color:#136fd2;text-decoration:underline;display:inline-block;white-space:nowrap}.announcement-bar__close-link:hover,.announcement-bar__close-link:active,.announcement-bar__close-link:focus{color:#1163bb;text-decoration:underline}.announcement-bar__close-icon{margin-left:4px;vertical-align:middle;font-size:16px}.announcement-bar__close-label{display:none}.announcement-bar__icon-container{overflow:hidden;max-height:52px;margin-right:20px}@media (min-width: 680px) and (max-width: 1023px){.announcement-bar__icon-container{max-width:120px}}.announcement-bar__icon{max-height:52px}@media (max-width: 679px){.announcement-bar__icon{display:none}}@media (max-width: 1023px){.announcement-bar__desktop-only{display:none !important}}*{box-sizing:border-box}body{font:normal 16px/26px "Roboto", Arial, sans-serif;background:#fefefe;color:#2a3744;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;padding:0;-webkit-text-size-adjust:none}h2,h3,h4,h5,h6{line-height:1em}a{color:#0085B6;text-decoration:none;outline:none;border:none}a:hover,a:active,a:focus{color:#00729d}a img{outline:none;border:none}i[class^=icon-],i[class^=tutsicon-]{font-size:16px}h1{font-size:49px;line-height:1em}@media (max-width: 679px){h1{font-size:36px;line-height:2.5rem}}figure{margin:0;padding:0}header,footer,main,section,article{display:block}object,embed{outline:0}fieldset{border:none;margin:0;padding:0}input:disabled{background-color:#eee}ol.lower-alpha{list-style-type:lower-alpha}ol.decimal{list-style-type:decimal}audio,video{max-width:100%}img:not([src]){visibility:hidden}img[data-src]:not(.lazy-load-image__no-display-style),img[data-srcset]:not(.lazy-load-image__no-display-style){display:block;min-height:1px}.spinner{color:#82B541;margin:100px auto 80px;font-size:54px;-webkit-animation:fa-spin 1s infinite linear;animation:fa-spin 1s infinite linear}.clear{clear:both;overflow:hidden}.page-body{margin:0;padding:0;width:100%;min-height:100vh;display:flex;flex-direction:column}.page-content{position:relative;width:100%;background:#FEFEFE;height:auto;flex-grow:1;display:flex;flex-direction:column;align-items:center}.page-content.topic-design{border-top:10px #C94E4B solid}.page-content.topic-code{border-top:10px #4CC1BE solid}.page-content.topic-music{border-top:10px #56A4CA solid}.page-content.topic-photography{border-top:10px #8360A8 solid}.page-content.topic-cgi{border-top:10px #F95858 solid}.page-content.topic-computers{border-top:10px #5D7DBA solid}.page-content.topic-business{border-top:10px #F38844 solid}.page-content.topic-crafts{border-top:10px #ff9069 solid}.page-content.topic-gamedevelopment{border-top:10px #72BF40 solid}.page-content.topic-webdesign{border-top:10px #49B293 solid}.content{width:100%;display:block;background:#FEFEFE;padding-bottom:10px}@media (min-width: 680px){.content{margin:0 auto}.content:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.content{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.content{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.content{max-width:630px}}@media (min-width: 680px){.content{margin:45px auto}}@media (max-width: 679px){.content{padding:10px;margin:0}}html{height:100%}.layout__center-column{margin:0 auto;max-width:960px}@media (min-width: 1340px){.layout__content-with-sidebar{width:960px;float:left}}@media (min-width: 1024px) and (max-width: 1339px){.layout__content-with-sidebar{width:630px;float:left}}.layout__content-full-width{width:100%}.layout__offset-content-with-sidebar{position:relative}@media (min-width: 1340px){.layout__offset-content-with-sidebar{width:850px;float:left;margin-left:110px}}@media (min-width: 1024px) and (max-width: 1339px){.layout__offset-content-with-sidebar{width:630px;float:left}}@media (min-width: 1340px){.layout__offset-content-with-sidebar--post{width:740px;margin-left:190px}}@media (min-width: 1340px){.layout__sidebar{width:300px;float:right}}@media (min-width: 1024px) and (max-width: 1339px){.layout__sidebar{width:300px;float:right}}@media (min-width: 680px) and (max-width: 1023px){.layout__sidebar-primary{width:300px;float:left;margin-right:30px}}@media (min-width: 680px) and (max-width: 1023px){.layout__sidebar-secondary{width:300px;float:right}}@media (min-width: 1340px){.layout__navbar{float:left;width:190px;margin-right:30px}}@media (min-width: 1024px) and (max-width: 1339px){.layout__navbar{float:left;width:190px;margin-right:30px}}@media (min-width: 1340px){.layout__content-with-navbar{width:1070px;float:right}}@media (min-width: 1024px) and (max-width: 1339px){.layout__content-with-navbar{width:740px;float:right}}iframe[name='google_conversion_frame']{height:0 !important;width:0 !important;line-height:0 !important;font-size:0 !important;margin-top:-13px;float:left}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';font-display:swap;src:url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b2979.eot");src:url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-7bfcab6db99d5cfbf1705ca0536ddc78585432cc5fa41bbd7ad0f009033b2979.eot") format("embedded-opentype"),url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-2adefcbc041e7d18fcf2d417879dc5a09997aa64d675b7a3c4b6ce33da13f3fe.woff2") format("woff2"),url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-ba0c59deb5450f5cb41b3f93609ee2d0d995415877ddfa223e8a8a7533474f07.woff") format("woff"),url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-aa58f33f239a0fb02f5c7a6c45c043d7a9ac9a093335806694ecd6d4edc0d6a8.ttf") format("truetype"),url("https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/fontawesome-webfont-ad6157926c1622ba4e1d03d478f1541368524bfc46f51e42fe0d945f7ef323e4.svg") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:0.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eeeeee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#ffffff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}@font-face{font-family:"tutsicons";font-display:swap;font-weight:normal;font-style:normal;src:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/tutsicons-f219ddb728c0e78036aab937a81188e7d4681857815df24c890d276b0ebfaf0e.eot);src:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/tutsicons-f219ddb728c0e78036aab937a81188e7d4681857815df24c890d276b0ebfaf0e.eot) format("embedded-opentype"),url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/tutsicons-81d895ea7c98c932f610b7d2a499a2d350a0a74624dc5ce6e507f251750bf111.woff) format("woff"),url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/tutsicons-035e1a4100c0e4248c0145629a2a86e584c951975ed8febe31d7c9c86ad40ccb.ttf) format("truetype"),url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/tutsicons-56fedae065f02c75aaac35557ad175a15f4c97cceeefdf691a5959d3459a6f29.svg) format("svg")}.tutsicon-arrow-icon:before,.tutsicon-comment:before,.tutsicon-download:before,.tutsicon-globe:before,.tutsicon-grid:before,.tutsicon-list:before,.tutsicon-play-icon:before,.tutsicon-user:before{font-family:"tutsicons";font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;display:inline-block;text-decoration:inherit}.tutsicon-arrow-icon:before{content:"\f100"}.tutsicon-comment:before{content:"\f101"}.tutsicon-download:before{content:"\f102"}.tutsicon-globe:before{content:"\f103"}.tutsicon-grid:before{content:"\f104"}.tutsicon-list:before{content:"\f105"}.tutsicon-play-icon:before{content:"\f106"}.tutsicon-user:before{content:"\f107"}.global-nav__header{background:#282828;position:relative;font-family:Roboto, sans-serif}.global-nav__header-content{justify-content:space-between;position:relative;height:135px;margin:0 auto}@media (min-width: 1340px){.global-nav__header-content{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.global-nav__header-content{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.global-nav__header-content{max-width:630px}}@media (max-width: 1023px){.global-nav__header-content{height:75px}}@media (max-width: 679px){.global-nav__header-content{margin:0 10px}}.global-nav__header-tuts-logo-link{height:100%}@media (max-width: 679px){.global-nav__header-tuts-logo-link{top:15px;left:8px}}.global-nav__header-tuts-logo-image{margin-top:3px;width:185px;height:23px}.global-nav__header-left{display:inline-block;position:absolute;height:100%}.global-nav__header-right{display:inline-block;position:absolute;height:100%;right:0;color:#999999;font-size:14px}@media (min-width: 680px) and (max-width: 1023px){.global-nav__header-right{right:40px}}@media (max-width: 679px){.global-nav__header-right{display:none}}.global-nav__header-top{display:block;height:50%;width:100%;position:relative;padding-top:22px}@media (max-width: 1023px){.global-nav__header-top{height:100%}}.global-nav__header-bottom{display:block;height:50%;width:100%;position:relative;padding-top:12px}@media (max-width: 1023px){.global-nav__header-bottom{display:none}}.global-nav__search{padding:0;width:300px;position:relative}.global-nav__search-terms{width:100%;outline:none;border:1px solid rgba(255,255,255,0.1);background:transparent;border-radius:5px;padding:6px 8px;color:#FEFEFE;font:14px/1.6em Arial, sans-serif}.global-nav__search-terms:hover,.global-nav__search-terms:focus,.global-nav__search-terms:active{transition:all 0.2s ease;color:#ffffff;background:#3c444c !important}.global-nav__search-terms:hover::-webkit-input-placeholder,.global-nav__search-terms:focus::-webkit-input-placeholder,.global-nav__search-terms:active::-webkit-input-placeholder{color:#ffffff}.global-nav__search-terms:hover:-moz-placeholder,.global-nav__search-terms:focus:-moz-placeholder,.global-nav__search-terms:active:-moz-placeholder{color:#ffffff}.global-nav__search-terms:hover::-moz-placeholder,.global-nav__search-terms:focus::-moz-placeholder,.global-nav__search-terms:active::-moz-placeholder{color:#ffffff}.global-nav__search-terms:hover:-ms-input-placeholder,.global-nav__search-terms:focus:-ms-input-placeholder,.global-nav__search-terms:active:-ms-input-placeholder{color:#ffffff}.global-nav__search-button{position:absolute;top:7px;right:10px;color:#999999;background:transparent;border:none;outline:none;margin:0;padding:0;font-size:18px}.global-nav__header-list{list-style:none;margin:0;padding:0;padding-top:4px;height:30px;line-height:30px;display:inline-block}@media (max-width: 1023px){.global-nav__header-list{display:none}}.global-nav__header-buttons{list-style:none;margin:0;padding:0;height:30px;line-height:30px;display:inline-block}@media (max-width: 679px){.global-nav__header-buttons{display:none}}.global-nav__header-buttons .global-nav__header-item:last-child{margin-right:0}.global-nav__header-item{display:inline-block;margin:0px 30px 0 0}.global-nav__header-item--envato-link{color:#999999;font-size:14px}.global-nav__header-item--envato-link:hover{transition:all 0.2s ease;color:#ffffff}.global-nav__header-item--internal-link{color:#ffffff}.global-nav__header-item--internal-link:hover{transition:all 0.2s ease;color:#999999}.global-nav__header-item--free-account-button{background-color:#82B541;padding:0px 20px;color:#ffffff;border-radius:4px;height:100%;display:inline-block;font-weight:500;cursor:pointer}.global-nav__header-item--free-account-button:hover{transition:all 0.2s ease;background-color:#8fc050;color:#ffffff}.global-nav__header-item--free-account-button:active{background-color:#75a23a}.global-nav__header-item--sign-in-button{border:1px solid #82B541;padding:0px 10px;color:#ffffff;border-radius:4px;height:100%;display:inline-block;font-weight:500}.global-nav__pricing-button{font-size:12px;font-weight:bold;padding:7px 14px;height:40px;margin-left:10px;color:#fff;background:#1fa756;display:block;white-space:nowrap}.global-nav__pricing-button:hover,.global-nav__pricing-button:active,.global-nav__pricing-button:focus{transition:all 0.2s ease;color:#fff;background:#1d9a4f}@media (min-width: 680px) and (max-width: 1023px){.global-nav__pricing-button{font:bold 12px "Roboto", Arial, sans-serif;padding:4px 10px 5px;margin-right:5px}}.global-nav__pricing-button--standalone{margin-top:6px;margin-right:0}.global-nav__header-link{display:inline-block;font-size:16px;color:#ffffff;white-space:nowrap}.global-nav__header-link:hover,.global-nav__header-link:active,.global-nav__header-link:focus{transition:all 0.2s ease;color:#999999}.global-nav__header-link--active{color:#82B541}.global-nav__header-link--active:hover,.global-nav__header-link--active:active,.global-nav__header-link--active:focus{color:#8fc050}.global-nav__header-link-envato-logo{padding:13px;background:#171C22}.global-nav__header-link-envato-logo:hover,.global-nav__header-link-envato-logo:active,.global-nav__header-link-envato-logo:focus{transition:all 0.2s ease;background:#171C22}.global-nav__header-link-envato-logo-image{width:70px}.global-nav__header .fa-chevron-down{font-size:8px;margin-left:8px;position:relative;top:-2px}.global-nav__header-right--courses{right:0}@media (min-width: 1024px) and (max-width: 1339px){.global-nav__header-right--courses{right:96px}}@media (max-width: 679px){.global-nav__header-right--courses{display:block}}@media (min-width: 1340px){.global-nav__concise-user-links{display:none}}@media (min-width: 1024px) and (max-width: 1339px){.global-nav__concise-user-links{display:none}}.global-nav__user-menu{position:relative;padding-right:20px}.global-nav__user-menu-link{display:block;vertical-align:top;position:relative;color:#999999}.global-nav__user-menu-items{display:none;border-radius:3px;position:absolute;right:0;padding:0;margin:0;min-width:180px;box-shadow:0 2px 8px rgba(0,0,0,0.3);list-style:none}.global-nav__user-menu-items:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;top:-6px;right:17px}.global-nav__user-menu-items li.global-nav__user-menu-item:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.global-nav__user-menu-items li.global-nav__user-menu-item:last-child a{border-top:1px solid #999999;border-radius:0 0 3px 3px;padding-bottom:20px}.global-nav__user-menu-item--separator-before{border-top:1px solid black}.global-nav__user-menu-item--separator-after{border-bottom:1px solid black}.global-nav__user-menu-item-link{position:relative;display:inline-block;width:100%;background:#FEFEFE;padding:10px 20px;font:normal 14px/17px "Roboto", Arial, sans-serif;white-space:nowrap;color:#8E8E8E}.global-nav__user-menu-item-link:hover{transition:all 0.2s ease;font-weight:bold;color:#2A3744}.global-nav__user-menu-item-link--admin{background:#fff2f0;min-width:200px}.global-nav__user-menu-item-link--admin:hover{transition:all 0.2s ease;background:#ffded8}.global-nav__user-menu:hover{transition:all 0.2s ease;z-index:10}.global-nav__user-menu:hover .global-nav__user-menu-link{color:#ffffff;z-index:11}.global-nav__user-menu:hover .global-nav__user-menu-link i.fa-chevron-down:before{transform:rotate(180deg)}.global-nav__user-menu:hover .global-nav__user-menu-items{display:block}.global-nav__mobile-toggle{position:absolute;top:0;right:0;z-index:2}@media (min-width: 1340px){.global-nav__mobile-toggle{display:none}}@media (min-width: 1024px) and (max-width: 1339px){.global-nav__mobile-toggle{display:none}}.global-nav__mobile-toggle-link,.global-nav__mobile-toggle-link:hover,.global-nav__mobile-toggle-link:active,.global-nav__mobile-toggle-link:focus{transition:all 0.2s ease;display:block;color:#ffffff;padding:0px 16px;margin:21px 13px}.global-nav__mobile-toggle-link .fa-reorder,.global-nav__mobile-toggle-link:hover .fa-reorder,.global-nav__mobile-toggle-link:active .fa-reorder,.global-nav__mobile-toggle-link:focus .fa-reorder{font-size:24px;line-height:33px;display:block}.global-nav__mobile-toggle-link .fa-times,.global-nav__mobile-toggle-link:hover .fa-times,.global-nav__mobile-toggle-link:active .fa-times,.global-nav__mobile-toggle-link:focus .fa-times{font-size:18px;line-height:33px;display:none}.body--mobile-nav-open .global-nav__mobile-toggle{right:240px}.body--mobile-nav-open .global-nav__mobile-toggle-link{background:#82B541;border-radius:3px}.body--mobile-nav-open .global-nav__mobile-toggle-link .fa-reorder{display:none}.body--mobile-nav-open .global-nav__mobile-toggle-link .fa-times{display:block}.global-nav__mobile{display:none;width:240px;padding:0;overflow:hidden;position:absolute;top:0;right:0;min-height:100%;background:#282828}@media (max-width: 1023px){.body--mobile-nav-open .global-nav__mobile{display:block;z-index:1001}}@media (max-width: 1023px){.body--mobile-nav-open .global-nav__mobile-overlay{position:fixed;left:0;right:0;top:0;bottom:0;z-index:1000;background-color:#3A3A3A;opacity:0.8}}@media (max-width: 1023px){.body--mobile-nav-open .global-nav__mobile-toggle{z-index:1001}}.global-nav__mobile-search{padding:21px 14px 10px;width:100%;position:relative}.global-nav__mobile-search-terms{width:100%;outline:none;border:1px solid rgba(255,255,255,0.1);background:transparent;border-radius:5px;padding:6px 8px;color:#FEFEFE;font:14px/1.6em Arial, sans-serif}.global-nav__mobile-search-terms:hover,.global-nav__mobile-search-terms:focus,.global-nav__mobile-search-terms:active{transition:all 0.2s ease;color:#ffffff;background:#3c444c}.global-nav__mobile-search-terms:hover::-webkit-input-placeholder,.global-nav__mobile-search-terms:focus::-webkit-input-placeholder,.global-nav__mobile-search-terms:active::-webkit-input-placeholder{color:#ffffff}.global-nav__mobile-search-terms:hover:-moz-placeholder,.global-nav__mobile-search-terms:focus:-moz-placeholder,.global-nav__mobile-search-terms:active:-moz-placeholder{color:#ffffff}.global-nav__mobile-search-terms:hover::-moz-placeholder,.global-nav__mobile-search-terms:focus::-moz-placeholder,.global-nav__mobile-search-terms:active::-moz-placeholder{color:#ffffff}.global-nav__mobile-search-terms:hover:-ms-input-placeholder,.global-nav__mobile-search-terms:focus:-ms-input-placeholder,.global-nav__mobile-search-terms:active:-ms-input-placeholder{color:#ffffff}.global-nav__mobile-search-button{position:absolute;top:26px;right:21px;color:#999999;background:transparent;border:none;outline:none;margin:0;padding:0;font-size:18px}.global-nav__mobile-top-level{list-style:none;border-top:solid 2px #2a3744;padding:15px 0;border-bottom:solid 1px rgba(255,255,255,0.1);margin:0}.global-nav__mobile-top-level:first-of-type{border-top:none}.global-nav__mobile-top-level-link{display:block;position:relative;padding:0 14px;color:#999999}.global-nav__mobile-top-level-link:hover,.global-nav__mobile-top-level-link:active,.global-nav__mobile-top-level-link:focus{transition:all 0.2s ease;color:#ffffff}.global-nav-mobile__envato-links{padding:0}.global-mobile__header-item--envato-link{display:block;position:relative;padding:0 14px;color:#ffffff}.global-mobile__header-item--envato-link:hover,.global-mobile__header-item--envato-link:active,.global-mobile__header-item--envato-link:focus{transition:all 0.2s ease;color:#999999}.global-nav__mobile-top-level-link.global-nav__mobile-top-level-link-expandable{float:left;width:190px}.global-nav__mobile-top-level-expansion-link{float:right;width:40px}.global-nav__mobile-top-level-expand-text,.global-nav__mobile-top-level-collapse-text{position:absolute;right:14px;top:0;font:14px/2.9em Arial, sans-serif;color:#999999}.global-nav__mobile-top-level-link-icon{margin-left:5px;vertical-align:middle}.global-nav__mobile-second-level-topic-link,.global-nav__mobile-second-level-free-courses-link,.global-nav__mobile-second-level-all-topics-link{display:block;margin-bottom:1px;color:#ffffff;line-height:2.4em;padding-left:15px}.global-nav__mobile-second-level-topic-link:hover,.global-nav__mobile-second-level-topic-link:active,.global-nav__mobile-second-level-topic-link:focus,.global-nav__mobile-second-level-free-courses-link:hover,.global-nav__mobile-second-level-free-courses-link:active,.global-nav__mobile-second-level-free-courses-link:focus,.global-nav__mobile-second-level-all-topics-link:hover,.global-nav__mobile-second-level-all-topics-link:active,.global-nav__mobile-second-level-all-topics-link:focus{transition:all 0.2s ease;color:#999999}.global-nav__mobile-second-level-free-courses-link{background:#384757}.global-nav__mobile-second-level-free-courses-link:hover{transition:all 0.2s ease;background:#2e3a47}.global-nav__mobile-second-level-all-topics-link{background:#384757}.global-nav__mobile-second-level-all-topics-link:hover{transition:all 0.2s ease;background:#2e3a47}.global-nav__mobile-top-level-collapse-text{display:none}.global-nav__mobile-second-level{list-style:none;background:#1d2630;padding:0 10px;margin:0;transition:max-height 0.5s ease;max-height:0;overflow:hidden;clear:both}.global-nav__mobile-top-level-item{font-size:14px;line-height:2.9em}.global-nav__mobile-top-level-item--expanded{background-color:#1d2630}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-expand-text{display:none}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-collapse-text{display:block}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-second-level{padding:0 10px 12px;max-height:1000px}.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-expansion-link,.global-nav__mobile-top-level-item--expanded .global-nav__mobile-top-level-link-expandable{border-bottom:none;background:#1d2630}.global-nav__mobile-user-links{color:#a66230;font-size:12px;position:static;max-width:100%;padding:0 0 10px;border-bottom:1px solid rgba(255,255,255,0.1)}.global-nav__mobile-user-link{color:#ffffff;display:block;height:44px;padding:0 14px;margin:0;font-size:14px;line-height:2.9em}.global-nav__mobile-user-link:hover,.global-nav__mobile-user-link:active,.global-nav__mobile-user-link:focus{transition:all 0.2s ease;color:#999999}.global-nav__mobile-user-greeting{color:#9BB4D0;margin:0 0 10px;text-align:center;display:block}.global-nav__mobile-user-greeting-name{color:#9BB4D0;font-weight:normal}@media (max-width: 679px){.grid-guides{display:none}}.grid-guides__toggle{display:none;opacity:0.4;position:fixed;bottom:60px;right:40px;z-index:9999;background:#fcfdde;border-radius:8px;padding:5px 10px;transition:all ease 0.2s;transform:rotate(-90deg)}.grid-guides__toggle.grid-guides__toggle--active{transform:rotate(0deg);opacity:1}.grid-guides__toggle:hover{opacity:1}.grid-guides__guides{position:fixed;top:0;left:0;right:0;bottom:0;height:100%;display:none;margin:0;padding:0;background:rgba(0,128,0,0.1);transition:all ease 0.2s}@media (min-width: 680px){.grid-guides__guides{margin:0 auto}.grid-guides__guides:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.grid-guides__guides{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.grid-guides__guides{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.grid-guides__guides{max-width:630px}}.grid-guides__guides.grid-guides__guides--active{display:block}.grid-guides__column{height:100%;list-style:none;margin:0;padding:0;width:80px;margin-right:30px;float:left;font-size:32px;text-align:center;font-weight:bold;padding-top:55px;color:rgba(119,119,119,0.5);text-shadow:1px 1px 1px rgba(255,255,255,0.3)}.grid-guides__column:last-child{margin-right:0}@media (min-width: 1024px) and (max-width: 1339px){.grid-guides__column:nth-child(9){margin-right:0}.grid-guides__column:nth-child(n+10){display:none}}@media (min-width: 680px) and (max-width: 1023px){.grid-guides__column:nth-child(6){margin-right:0}.grid-guides__column:nth-child(n+7){display:none}}.grid-guides__column:nth-child(odd){background:rgba(255,192,203,0.2)}.grid-guides__column:nth-child(even){background:rgba(255,255,0,0.2)}.grid-guides__lines{display:none;position:absolute;top:135px;left:0;width:100%}.grid-guides__lines.grid-guides__lines--active{display:none}.grid-guides__line{border-top:dotted 1px rgba(170,170,170,0.2);height:26px}.body--mobile-nav-open .page-content{position:relative}@media (min-width: 680px) and (max-width: 1023px){.body--mobile-nav-open .page-content{overflow:hidden}}@media (max-width: 679px){.body--mobile-nav-open .page-content{overflow:hidden}}@media (min-width: 680px) and (max-width: 1023px){.body--mobile-nav-open .page-footer{display:none}}@media (max-width: 679px){.body--mobile-nav-open .page-footer{display:none}}span.twitter-typeahead .tt-dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;list-style:none;font-size:14px;text-align:left;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}span.twitter-typeahead .tt-hint{color:#cccccc !important}span.twitter-typeahead .tt-suggestion>p{display:block;padding:3px 10px;margin:0;clear:both;font-weight:normal;line-height:1.2em;color:#333333;white-space:nowrap}span.twitter-typeahead .tt-suggestion>p:hover,span.twitter-typeahead .tt-suggestion>p:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#428bca}span.twitter-typeahead .tt-suggestion.tt-cursor{color:#ffffff;background-color:#428bca}span.twitter-typeahead{width:100%}.input-group span.twitter-typeahead{display:block !important}.input-group span.twitter-typeahead .tt-dropdown-menu{top:32px !important}.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu{top:44px !important}.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu{top:28px !important}.topics-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.topics-menu:hover .topics-menu__topics{display:block}.topics-menu:hover .topics-menu__dropdown-toggle{position:relative;z-index:11}.topics-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.topics-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.topics-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;top:-6px;left:126px}.topics-menu__topics li.topics-menu__topic:first-child a.topics-menu__topic-link{border-radius:3px 0 0 0;padding-top:20px}.topics-menu__topics li.topics-menu__topic:first-child i.topics-menu__topic-link-chevron{top:26px}.topics-menu__topics li.topics-menu__topic:last-child a.topics-menu__topic-link{border-radius:0 0 0 3px;padding-bottom:20px}.topics-menu__topics--expanded{width:525px}.topics-menu__topic{list-style:none}.topics-menu__topic-link{position:relative;display:inline-block;width:190px;background:#FEFEFE;padding:10px 25px;font:normal 14px/20px "Roboto", Arial, sans-serif;white-space:nowrap;color:#3A3A3A}i.topics-menu__topic-link-chevron{position:absolute;right:10px;top:15px;font-size:10px;display:none}i.topics-menu__topic-link-chevron--active{display:inline}.topics-menu__topic-link--active{text-decoration:underline}.topics-menu__topic-link--active.topic-design{color:#B03532}.topics-menu__topic-link--active.topic-code{color:#33A8A5}.topics-menu__topic-link--active.topic-music{color:#3D8BB1}.topics-menu__topic-link--active.topic-photography{color:#6A478F}.topics-menu__topic-link--active.topic-cgi{color:#E03F3F}.topics-menu__topic-link--active.topic-computers{color:#4464A1}.topics-menu__topic-link--active.topic-business{color:#DA6F2B}.topics-menu__topic-link--active.topic-crafts{color:#E67750}.topics-menu__topic-link--active.topic-gamedevelopment{color:#59A627}.topics-menu__topic-link--active.topic-webdesign{color:#30997A}.topics-menu__topic-submenu{display:none;position:absolute;top:0;left:190px;padding:30px;width:335px;height:100%;border-radius:0 3px 3px 0}.topics-menu__topic-submenu.topic-design{background-color:#B03532}.topics-menu__topic-submenu.topic-code{background-color:#33A8A5}.topics-menu__topic-submenu.topic-music{background-color:#3D8BB1}.topics-menu__topic-submenu.topic-photography{background-color:#6A478F}.topics-menu__topic-submenu.topic-cgi{background-color:#E03F3F}.topics-menu__topic-submenu.topic-computers{background-color:#4464A1}.topics-menu__topic-submenu.topic-business{background-color:#DA6F2B}.topics-menu__topic-submenu.topic-crafts{background-color:#E67750}.topics-menu__topic-submenu.topic-gamedevelopment{background-color:#59A627}.topics-menu__topic-submenu.topic-webdesign{background-color:#30997A}.topics-menu__topic-submenu--visible{display:block}.topics-menu__submenu-title-link{display:inline-block;color:#FEFEFE;font:bold 14px/1.6em "Roboto", Arial, sans-serif;padding:6px 12px;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.topics-menu__submenu-title-link.topic-design{background:#C94E4B}.topics-menu__submenu-title-link.topic-code{background:#4CC1BE}.topics-menu__submenu-title-link.topic-music{background:#56A4CA}.topics-menu__submenu-title-link.topic-photography{background:#8360A8}.topics-menu__submenu-title-link.topic-cgi{background:#F95858}.topics-menu__submenu-title-link.topic-computers{background:#5D7DBA}.topics-menu__submenu-title-link.topic-business{background:#F38844}.topics-menu__submenu-title-link.topic-crafts{background:#ff9069}.topics-menu__submenu-title-link.topic-gamedevelopment{background:#72BF40}.topics-menu__submenu-title-link.topic-webdesign{background:#49B293}.topics-menu__submenu-title-link:hover,.topics-menu__submenu-title-link:active,.topics-menu__submenu-title-link:focus{color:#FEFEFE}.topics-menu__submenu-title-link:hover.topic-design,.topics-menu__submenu-title-link:active.topic-design,.topics-menu__submenu-title-link:focus.topic-design{background:#B03532}.topics-menu__submenu-title-link:hover.topic-code,.topics-menu__submenu-title-link:active.topic-code,.topics-menu__submenu-title-link:focus.topic-code{background:#33A8A5}.topics-menu__submenu-title-link:hover.topic-music,.topics-menu__submenu-title-link:active.topic-music,.topics-menu__submenu-title-link:focus.topic-music{background:#3D8BB1}.topics-menu__submenu-title-link:hover.topic-photography,.topics-menu__submenu-title-link:active.topic-photography,.topics-menu__submenu-title-link:focus.topic-photography{background:#6A478F}.topics-menu__submenu-title-link:hover.topic-cgi,.topics-menu__submenu-title-link:active.topic-cgi,.topics-menu__submenu-title-link:focus.topic-cgi{background:#E03F3F}.topics-menu__submenu-title-link:hover.topic-computers,.topics-menu__submenu-title-link:active.topic-computers,.topics-menu__submenu-title-link:focus.topic-computers{background:#4464A1}.topics-menu__submenu-title-link:hover.topic-business,.topics-menu__submenu-title-link:active.topic-business,.topics-menu__submenu-title-link:focus.topic-business{background:#DA6F2B}.topics-menu__submenu-title-link:hover.topic-crafts,.topics-menu__submenu-title-link:active.topic-crafts,.topics-menu__submenu-title-link:focus.topic-crafts{background:#E67750}.topics-menu__submenu-title-link:hover.topic-gamedevelopment,.topics-menu__submenu-title-link:active.topic-gamedevelopment,.topics-menu__submenu-title-link:focus.topic-gamedevelopment{background:#59A627}.topics-menu__submenu-title-link:hover.topic-webdesign,.topics-menu__submenu-title-link:active.topic-webdesign,.topics-menu__submenu-title-link:focus.topic-webdesign{background:#30997A}.topics-menu__featured-categories{padding:0;margin-top:0px;overflow:hidden}.topics-menu__featured-category{list-style:none;line-height:2.6em;width:50%;float:left}.topics-menu__featured-category-link{display:block;font-size:14px;color:#ffffff}.topics-menu__featured-category-link:hover,.topics-menu__featured-category-link:active,.topics-menu__featured-category-link:focus{text-decoration:underline;color:#ffffff}.topics-menu__more-categories-link{display:block;clear:left;width:50%;font-size:12px;line-height:24px;margin-top:10px;color:#ffffff;opacity:0.6}.topics-menu__more-categories-link:hover,.topics-menu__more-categories-link:active,.topics-menu__more-categories-link:focus{text-decoration:underline;color:#ffffff}.topics-menu__submenu-footer-link{display:block;font-size:12px;color:#ffffff;opacity:0.6}.topics-menu__submenu-footer-link:hover,.topics-menu__submenu-footer-link:active,.topics-menu__submenu-footer-link:focus{text-decoration:underline;color:#ffffff}.courses-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.courses-menu:hover .courses-menu__topics{display:block}.courses-menu:hover .courses-menu__dropdown-toggle{position:relative;z-index:11}.courses-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.courses-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,0.3);background:#FEFEFE}.courses-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.courses-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;top:-6px;left:65px}.courses-menu__topic{list-style:none}.courses-menu__topic-link{position:relative;display:inline-block;width:190px;padding:10px 25px;font:normal 14px/20px "Roboto", Arial, sans-serif;white-space:nowrap;color:#3A3A3A;padding-left:25px}.courses-menu__topic-link:hover{text-decoration:underline}.courses-menu__topic-link:hover.topic-design{color:#B03532}.courses-menu__topic-link:hover.topic-code{color:#33A8A5}.courses-menu__topic-link:hover.topic-music{color:#3D8BB1}.courses-menu__topic-link:hover.topic-photography{color:#6A478F}.courses-menu__topic-link:hover.topic-cgi{color:#E03F3F}.courses-menu__topic-link:hover.topic-computers{color:#4464A1}.courses-menu__topic-link:hover.topic-business{color:#DA6F2B}.courses-menu__topic-link:hover.topic-crafts{color:#E67750}.courses-menu__topic-link:hover.topic-gamedevelopment{color:#59A627}.courses-menu__topic-link:hover.topic-webdesign{color:#30997A}.courses-menu__free-link:hover,.courses-menu__all-topics-link:hover{color:#282828}.courses-menu__free-link{border-radius:0 0 3px 3px;padding-bottom:20px;width:120px}.courses-menu__separator{display:block;margin-bottom:0px;border-top:1px solid #E1E8ED;background-color:#fefefe}.new-course__label{background-color:#82B541;color:#FFF;padding:3px 15px;letter-spacing:1px;border-radius:5px;font-size:11px;font-weight:bold;line-height:normal}.learning-guide-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.learning-guide-menu:hover .learning-guide-menu__topics{display:block}.learning-guide-menu:hover .learning-guide-menu__dropdown-toggle{position:relative;z-index:11}.learning-guide-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.learning-guide-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.learning-guide-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.learning-guide-menu__topics li:last-child a{border-radius:0 0 3px 3px;padding-bottom:20px}.learning-guide-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;top:-6px;left:56px}.learning-guide-menu__topic{list-style:none}.learning-guide-menu__topic-link{position:relative;display:inline-block;width:190px;background:#FEFEFE;padding:10px 25px;font:normal 14px/20px "Roboto", Arial, sans-serif;white-space:nowrap;color:#3A3A3A}.learning-guide-menu__topic-link:hover{text-decoration:underline}.learning-guide-menu__topic-link:hover.topic-design{color:#B03532}.learning-guide-menu__topic-link:hover.topic-code{color:#33A8A5}.learning-guide-menu__topic-link:hover.topic-music{color:#3D8BB1}.learning-guide-menu__topic-link:hover.topic-photography{color:#6A478F}.learning-guide-menu__topic-link:hover.topic-cgi{color:#E03F3F}.learning-guide-menu__topic-link:hover.topic-computers{color:#4464A1}.learning-guide-menu__topic-link:hover.topic-business{color:#DA6F2B}.learning-guide-menu__topic-link:hover.topic-crafts{color:#E67750}.learning-guide-menu__topic-link:hover.topic-gamedevelopment{color:#59A627}.learning-guide-menu__topic-link:hover.topic-webdesign{color:#30997A}.learning-guide-menu__free-link:hover{background-color:#282828}.ebooks-menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.ebooks-menu:hover .ebooks-menu__topics{display:block}.ebooks-menu:hover .ebooks-menu__dropdown-toggle{position:relative;z-index:11}.ebooks-menu:hover i.fa-chevron-down:before{transform:rotate(180deg)}.ebooks-menu__topics{border-radius:3px;display:none;position:absolute;z-index:10;padding:0;margin:0;width:190px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.ebooks-menu__topics li:first-child a{border-radius:3px 3px 0 0;padding-top:20px}.ebooks-menu__topics li:last-child a{border-radius:0 0 3px 3px;padding-bottom:20px}.ebooks-menu__topics:before{content:"";display:block;width:0;height:0;position:absolute;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #ffffff;top:-6px;left:59px}.ebooks-menu__topic{list-style:none}.ebooks-menu__topic-link{position:relative;display:inline-block;width:190px;background:#FEFEFE;padding:10px 25px;font:normal 14px/20px "Roboto", Arial, sans-serif;white-space:nowrap;color:#3A3A3A}.ebooks-menu__topic-link:hover{text-decoration:underline}.ebooks-menu__topic-link:hover.topic-design{color:#B03532}.ebooks-menu__topic-link:hover.topic-code{color:#33A8A5}.ebooks-menu__topic-link:hover.topic-music{color:#3D8BB1}.ebooks-menu__topic-link:hover.topic-photography{color:#6A478F}.ebooks-menu__topic-link:hover.topic-cgi{color:#E03F3F}.ebooks-menu__topic-link:hover.topic-computers{color:#4464A1}.ebooks-menu__topic-link:hover.topic-business{color:#DA6F2B}.ebooks-menu__topic-link:hover.topic-crafts{color:#E67750}.ebooks-menu__topic-link:hover.topic-gamedevelopment{color:#59A627}.ebooks-menu__topic-link:hover.topic-webdesign{color:#30997A}.ebooks-menu__free-link:hover{background-color:#282828}.error-page{margin:100px 0 40px;text-align:center}.error-page__header-image{width:112px}.error-page__title{font-family:"Roboto", Arial, sans-serif;font-size:31px}.error-page__debug{clear:both;margin:20px 0;font-size:11px;overflow:auto;text-align:left;background:#f1f1f1;padding:20px}.error-page__debug-inspect{font-size:14px;font-weight:bold}.error-page__footer{overflow:hidden;padding-top:40px;border-top:solid 1px rgba(228,228,228,0.2);margin:200px 0 80px}.error-page__tuts-logo{width:120px;float:left}.error-page__envato-logo{width:80px;float:right}.mejs-container{position:relative;background:#000;font-family:Helvetica, Arial;text-align:left;vertical-align:top;text-indent:0}.me-plugin{position:absolute;height:auto;width:auto}.mejs-embed,.mejs-embed body{width:100%;height:100%;margin:0;padding:0;background:#000;overflow:hidden}.mejs-fullscreen{overflow:hidden !important}.mejs-container-fullscreen{position:fixed;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{width:100%;height:100%}.mejs-clear{clear:both}.mejs-background{position:absolute;top:0;left:0}.mejs-mediaelement{position:absolute;top:0;left:0;width:100%;height:100%}.mejs-poster{position:absolute;top:0;left:0;background-size:contain;background-position:50% 50%;background-repeat:no-repeat}:root .mejs-poster img{display:none}.mejs-poster img{border:0;padding:0;border:0}.mejs-overlay{position:absolute;top:0;left:0}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{position:absolute;top:50%;left:50%;width:100px;height:100px;margin:-50px 0 0 -50px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/bigplay-66778bcb649fbfee862cb405a0fc45e724a5105815f4d7faedeaeebe25c2e572.svg) no-repeat}.no-svg .mejs-overlay-button{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/bigplay-1e5b85acb1b0b2d0bd24f4806a1cfa66d7e6dec37110c78d563b84be9951e8f2.png)}.mejs-overlay:hover .mejs-overlay-button{background-position:0 -100px}.mejs-overlay-loading{position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px 0 0 -40px;background:#333;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(0,0,0,0.9);background:linear-gradient(rgba(50,50,50,0.9), rgba(0,0,0,0.9))}.mejs-overlay-loading span{display:block;width:80px;height:80px;background:transparent url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/loading-3036bee9f749fdca0544a5592ce8da4204fab8f2b68edc6ac3905c90266014d4.gif) 50% 50% no-repeat}.mejs-container .mejs-controls{position:absolute;list-style-type:none;margin:0;padding:0;bottom:0;left:0;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(0,0,0,0.7);background:linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));height:30px;width:100%}.mejs-container .mejs-controls div{list-style-type:none;background-image:none;display:block;float:left;margin:0;padding:0;width:26px;height:26px;font-size:11px;line-height:11px;font-family:Helvetica, Arial;border:0}.mejs-controls .mejs-button button{cursor:pointer;display:block;font-size:0;line-height:0;text-decoration:none;margin:7px 5px;padding:0;position:absolute;height:16px;width:16px;border:0;background:transparent url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/controls-016f259972a2aaaf499e93756f6182f73839b1af8c4187fd54976dac723bf853.svg) no-repeat}.no-svg .mejs-controls .mejs-button button{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/controls-f38cc337d1e8e5c17baf5c3812da8f6e4f49bedccba605b93dc38c338e89f4d5.png)}.mejs-controls .mejs-button button:focus{outline:dotted 1px #999}.mejs-container .mejs-controls .mejs-time{color:#fff;display:block;height:17px;width:auto;padding:8px 3px 0 3px;overflow:hidden;text-align:center;box-sizing:content-box}.mejs-container .mejs-controls .mejs-time span{color:#fff;font-size:11px;line-height:12px;display:block;float:left;margin:1px 2px 0 0;width:auto}.mejs-controls .mejs-play button{background-position:0 0}.mejs-controls .mejs-pause button{background-position:0 -16px}.mejs-controls .mejs-stop button{background-position:-112px 0}.mejs-controls div.mejs-time-rail{direction:ltr;width:200px;padding-top:5px}.mejs-controls .mejs-time-rail span{display:block;position:absolute;width:180px;height:10px;border-radius:2px;cursor:pointer}.mejs-controls .mejs-time-rail .mejs-time-total{margin:5px;background:#333;background:rgba(50,50,50,0.8);background:linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8))}.mejs-controls .mejs-time-rail .mejs-time-buffering{width:100%;background-image:linear-gradient(-45deg, rgba(255,255,255,0.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.15) 50%, rgba(255,255,255,0.15) 75%, transparent 75%, transparent);background-size:15px 15px;-webkit-animation:buffering-stripes 2s linear infinite;animation:buffering-stripes 2s linear infinite}@-webkit-keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}@keyframes buffering-stripes{from{background-position:0 0}to{background-position:30px 0}}.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#3caac8;background:rgba(60,170,200,0.8);background:linear-gradient(rgba(44,124,145,0.8), rgba(78,183,212,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-current{background:#fff;background:rgba(255,255,255,0.8);background:linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8));width:0}.mejs-controls .mejs-time-rail .mejs-time-handle{display:none;position:absolute;margin:0;width:10px;background:#fff;border-radius:5px;cursor:pointer;border:solid 2px #333;top:-2px;text-align:center}.mejs-controls .mejs-time-rail .mejs-time-float{position:absolute;display:none;background:#eee;width:36px;height:17px;border:solid 1px #333;top:-26px;margin-left:-18px;text-align:center;color:#111}.mejs-controls .mejs-time-rail .mejs-time-float-current{margin:2px;width:30px;display:block;text-align:center;left:0}.mejs-controls .mejs-time-rail .mejs-time-float-corner{position:absolute;display:block;width:0;height:0;line-height:0;border:solid 5px #eee;border-color:#eee transparent transparent transparent;border-radius:0;top:15px;left:13px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float{width:48px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current{width:44px}.mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner{left:18px}.mejs-controls .mejs-fullscreen-button button{background-position:-32px 0}.mejs-controls .mejs-unfullscreen button{background-position:-32px -16px}.mejs-controls .mejs-mute button{background-position:-16px -16px}.mejs-controls .mejs-unmute button{background-position:-16px 0}.mejs-controls .mejs-volume-button{position:relative}.mejs-controls .mejs-volume-button .mejs-volume-slider{display:none;height:115px;width:25px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);border-radius:0;top:-115px;left:0;z-index:1;position:absolute;margin:0}.mejs-controls .mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.5);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current{position:absolute;left:11px;top:8px;width:2px;height:100px;background:#ddd;background:rgba(255,255,255,0.9);margin:0}.mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle{position:absolute;left:4px;top:-3px;width:16px;height:6px;background:#ddd;background:rgba(255,255,255,0.9);cursor:N-resize;border-radius:1px;margin:0}.mejs-controls div.mejs-horizontal-volume-slider{height:26px;width:60px;position:relative}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;border-radius:2px;background:#333;background:rgba(50,50,50,0.8);background:linear-gradient(rgba(30,30,30,0.8), rgba(60,60,60,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{position:absolute;left:0;top:11px;width:50px;height:8px;margin:0;padding:0;font-size:1px;border-radius:2px;background:#fff;background:rgba(255,255,255,0.8);background:linear-gradient(rgba(255,255,255,0.9), rgba(200,200,200,0.8))}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle{display:none}.mejs-controls .mejs-captions-button{position:relative}.mejs-controls .mejs-captions-button button{background-position:-48px 0}.mejs-controls .mejs-captions-button .mejs-captions-selector{visibility:hidden;position:absolute;bottom:26px;right:-51px;width:85px;height:100px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px 10px 0 10px;overflow:hidden;border-radius:0}.mejs-controls .mejs-captions-button .mejs-captions-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-captions-button .mejs-captions-selector ul li label{width:55px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica, arial;font-size:10px}.mejs-controls .mejs-captions-button .mejs-captions-translations{font-size:10px;margin:0 0 5px 0}.mejs-chapters{position:absolute;top:0;left:0;-xborder-right:solid 1px #fff;width:10000px;z-index:1}.mejs-chapters .mejs-chapter{position:absolute;float:left;background:#222;background:rgba(0,0,0,0.7);background:linear-gradient(rgba(50,50,50,0.7), rgba(0,0,0,0.7));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232,endColorstr=#000000);overflow:hidden;border:0}.mejs-chapters .mejs-chapter .mejs-chapter-block{font-size:11px;color:#fff;padding:5px;display:block;border-right:solid 1px #333;border-bottom:solid 1px #333;cursor:pointer}.mejs-chapters .mejs-chapter .mejs-chapter-block-last{border-right:none}.mejs-chapters .mejs-chapter .mejs-chapter-block:hover{background:#666;background:rgba(102,102,102,0.7);background:linear-gradient(rgba(102,102,102,0.7), rgba(50,50,50,0.6));filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666,endColorstr=#323232)}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title{font-size:12px;font-weight:bold;display:block;white-space:nowrap;text-overflow:ellipsis;margin:0 0 3px 0;line-height:12px}.mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan{font-size:12px;line-height:12px;margin:3px 0 4px 0;display:block;white-space:nowrap;text-overflow:ellipsis}.mejs-captions-layer{position:absolute;bottom:0;left:0;text-align:center;line-height:20px;font-size:16px;color:#fff}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:normal}.mejs-captions-position{position:absolute;width:100%;bottom:15px;left:0}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text{padding:3px 5px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(20,20,20,0.5);white-space:pre-wrap}.me-cannotplay a{color:#fff;font-weight:bold}.me-cannotplay span{padding:15px;display:block}.mejs-controls .mejs-loop-off button{background-position:-64px -16px}.mejs-controls .mejs-loop-on button{background-position:-64px 0}.mejs-controls .mejs-backlight-off button{background-position:-80px -16px}.mejs-controls .mejs-backlight-on button{background-position:-80px 0}.mejs-controls .mejs-picturecontrols-button{background-position:-96px 0}.mejs-contextmenu{position:absolute;width:150px;padding:10px;border-radius:4px;top:0;left:0;background:#fff;border:solid 1px #999;z-index:1001}.mejs-contextmenu .mejs-contextmenu-separator{height:1px;font-size:0;margin:5px 6px;background:#333}.mejs-contextmenu .mejs-contextmenu-item{font-family:Helvetica, Arial;font-size:12px;padding:4px 6px;cursor:pointer;color:#333}.mejs-contextmenu .mejs-contextmenu-item:hover{background:#2C7C91;color:#fff}.mejs-controls .mejs-sourcechooser-button{position:relative}.mejs-controls .mejs-sourcechooser-button button{background-position:-128px 0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector{visibility:hidden;position:absolute;bottom:26px;right:-10px;width:130px;height:100px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:10px;overflow:hidden;border-radius:0}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li{margin:0 0 6px 0;padding:0;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px}.mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label{width:100px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica, arial;font-size:10px}.mejs-postroll-layer{position:absolute;bottom:0;left:0;width:100%;height:100%;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);z-index:1000;overflow:hidden}.mejs-postroll-layer-content{width:100%;height:100%}.mejs-postroll-close{position:absolute;right:0;top:0;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);color:#fff;padding:4px;z-index:100;cursor:pointer}div.mejs-speed-button{width:46px !important;position:relative}.mejs-controls .mejs-button.mejs-speed-button button{background:transparent;width:36px;font-size:11px;line-height:normal;color:#ffffff}.mejs-controls .mejs-speed-button .mejs-speed-selector{visibility:hidden;position:absolute;top:-100px;left:-10px;width:60px;height:100px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/mediaelement/background-82886336a384acad75c803bb87720b144e09c444c36ad1082203c29870ccf39e.png);background:rgba(50,50,50,0.7);border:solid 1px transparent;padding:0;overflow:hidden;border-radius:0}.mejs-controls .mejs-speed-button:hover>.mejs-speed-selector{visibility:visible}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label.mejs-speed-selected{color:#21f8f8}.mejs-controls .mejs-speed-button .mejs-speed-selector ul{margin:0;padding:0;display:block;list-style-type:none !important;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li{margin:0 0 6px 0;padding:0 10px;list-style-type:none !important;display:block;color:#fff;overflow:hidden}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li input{clear:both;float:left;margin:3px 3px 0 5px;display:none}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li label{width:60px;float:left;padding:4px 0 0 0;line-height:15px;font-family:helvetica, arial;font-size:11.5px;color:white;margin-left:5px;cursor:pointer}.mejs-controls .mejs-speed-button .mejs-speed-selector ul li:hover{background-color:#c8c8c8 !important;background-color:rgba(255,255,255,0.4) !important}@media (max-width: 679px){.leaderboard_ad_non_mobile{display:none}}@media (min-width: 680px){.leaderboard_ad_mobile{display:none}}.avert{max-width:300px;min-height:250px;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/ad-pinstripe-de659528c9ddf321417a1965e9a6d27778ff257d2dc3d95708e4577f36e129e7.png);margin:0 auto 30px}.avert__wrapper{overflow:hidden}.avert__content{text-align:center;display:block;margin:0 auto;justify-content:center}.avert__label{display:block;text-align:center;font-size:9.62px;margin-top:0px}.avert--leaderboard{max-width:none;width:100%;border:none;background:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/ad-pinstripe-de659528c9ddf321417a1965e9a6d27778ff257d2dc3d95708e4577f36e129e7.png);min-height:90px;padding:0;margin-bottom:0}.avert--leaderboard .avert__wrapper{position:relative}.avert--leaderboard .avert__content{margin-top:10px;margin-bottom:10px}.avert--leaderboard .avert__label{text-align:right;position:absolute;right:0px;bottom:0px}.avert--inarticle{max-width:336px}.avert--publift{padding:10px;width:100%;max-width:100%;height:auto}.avert--publift-inset{display:block;width:100%;height:250px;margin:auto}.avert--skyscraper .avert__wrapper{padding-top:10px}*{box-sizing:border-box}body{font:normal 16px/26px "Roboto", Arial, sans-serif;background:#fefefe;color:#2a3744;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;margin:0;padding:0;-webkit-text-size-adjust:none}h2,h3,h4,h5,h6{line-height:1em}a{color:#0085B6;text-decoration:none;outline:none;border:none}a:hover,a:active,a:focus{color:#00729d}a img{outline:none;border:none}i[class^=icon-],i[class^=tutsicon-]{font-size:16px}h1{font-size:49px;line-height:1em}@media (max-width: 679px){h1{font-size:36px;line-height:2.5rem}}figure{margin:0;padding:0}header,footer,main,section,article{display:block}object,embed{outline:0}fieldset{border:none;margin:0;padding:0}input:disabled{background-color:#eee}ol.lower-alpha{list-style-type:lower-alpha}ol.decimal{list-style-type:decimal}audio,video{max-width:100%}img:not([src]){visibility:hidden}img[data-src]:not(.lazy-load-image__no-display-style),img[data-srcset]:not(.lazy-load-image__no-display-style){display:block;min-height:1px}.spinner{color:#82B541;margin:100px auto 80px;font-size:54px;-webkit-animation:fa-spin 1s infinite linear;animation:fa-spin 1s infinite linear}@media (min-width: 1024px) and (max-width: 1339px){.content-banner-restricted-width{max-width:630px}}@media (min-width: 1340px){.content-banner-restricted-width{max-width:850px}}.content-banner-bottom{padding-bottom:40px;margin-bottom:10px}.content-banner-bottom.no-bottom-padding{padding-bottom:0px}.content-banner__icon,.content-banner__body{display:table-cell}.content-banner__title{color:#3A3A3A;margin:0;font-weight:500;font-size:49px;line-height:1em}@media (max-width: 679px){.content-banner__title{margin-top:10px}}@media (max-width: 679px){.content-banner__title{font-size:36px;line-height:2.5rem}}.content-banner__title--rtl{direction:rtl}.content-banner__title-icon{width:46px;height:36px;padding-right:10px}@media (max-width: 679px){.content-banner__title-icon{display:none}}.content-banner__description{color:#A6A6A6;font-size:18px;padding-top:10px;line-height:26px;margin-bottom:40px}@media (max-width: 679px){.content-banner__description{padding-top:5px;margin-bottom:10px}}.content-banner__description.introductory-text #introductory-text__content{margin-top:1em}.content-banner__description.introductory-text #introductory-text__content.show-less{max-height:100px;overflow:hidden}.content-banner__description.introductory-text #introductory-text__content p:first-child{margin-top:0px}.content-banner__description.introductory-text #introductory-text__content p:last-child{margin-bottom:0px}.content-banner__description.introductory-text #introductory-text__links-divider{background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 75%);height:60px;margin-top:-60px;position:relative}.content-banner__description.introductory-text #introductory-text__read-more-link,.content-banner__description.introductory-text #introductory-text__read-less-link{display:none;cursor:pointer;color:#0085B6}.content-banner__description.introductory-text #introductory-text__read-less-link{margin-top:15px}.content-banner__description.introductory-text .show{display:inline-block !important}.content-banner__content-breadcrumb{margin-top:0;margin-bottom:10px;list-style:none;padding-left:0;overflow:hidden;text-transform:uppercase}.content-banner__content-breadcrumb li{float:left;display:inline-block}.content-banner__content-breadcrumb li+li:before{padding-left:10px;padding-right:5px;content:">";color:#A6A6A6}.content-banner__content-breadcrumb.topic-design a{color:#C94E4B}.content-banner__content-breadcrumb.topic-code a{color:#4CC1BE}.content-banner__content-breadcrumb.topic-music a{color:#56A4CA}.content-banner__content-breadcrumb.topic-photography a{color:#8360A8}.content-banner__content-breadcrumb.topic-cgi a{color:#F95858}.content-banner__content-breadcrumb.topic-computers a{color:#5D7DBA}.content-banner__content-breadcrumb.topic-business a{color:#F38844}.content-banner__content-breadcrumb.topic-crafts a{color:#ff9069}.content-banner__content-breadcrumb.topic-gamedevelopment a{color:#72BF40}.content-banner__content-breadcrumb.topic-webdesign a{color:#49B293}.content-banner__title-breadcrumb{margin-top:10px;margin-bottom:60px}.content-banner__title-breadcrumb-link{color:#A6A6A6;font-weight:normal}.content-banner__title-breadcrumb-link:hover,.content-banner__title-breadcrumb-link:active,.content-banner__title-breadcrumb-link:focus{color:#A6A6A6;text-decoration:underline}.content-banner__title-social{display:inline-block;font-size:0.4em;vertical-align:middle;margin-left:15px}.content-banner__title-social .fa{color:#e4e4e4}.content-banner__title-breadcrumb-separator{padding-left:20px;padding-right:20px;font-size:0.6em;vertical-align:middle;color:#A6A6A6}.content-banner__topic-home{max-width:960px}.content-title__title{color:#A6A6A6;font:lighter 49px/1.3em "Roboto", Arial, sans-serif;margin-top:15px;display:inline-block}@media (max-width: 1023px){.content-title__title{font-size:40px;line-height:1.5em;margin-bottom:0;margin-top:0}}.content-title__title-search-terms{font-weight:bold;color:#4D4D4D}.content-title__subtitle{color:#A6A6A6;font:normal 16px/1.3em "Roboto", Arial, sans-serif;line-height:1.3em;display:inline;padding-top:0.2em}.multi-search__switcher-levels,.multi-search__switcher-orders{margin-bottom:5px}.content-title--section-switcher-list{width:100%;margin:0;list-style:none;border-bottom:solid 1px #E8E8E8;margin-bottom:20px;padding:0;font:normal 20px/0.9em "Roboto", Arial, sans-serif}@media (max-width: 679px){.content-title--section-switcher-list{font:normal 14px/1.3em "Roboto", Arial, sans-serif}}.content-title--section-switcher-item{display:inline-block;padding:0}.content-title--section-switcher-item-link{display:inline-block;padding:15px 25px 30px;color:#A6A6A6}.content-title--section-switcher-item-link:hover,.content-title--section-switcher-item-link:active,.content-title--section-switcher-item-link:focus{color:#4D4D4D}.content-title--section-switcher-item-link__active{color:#4D4D4D;border-bottom:solid 4px #4D4D4D;font-weight:bolder}.content-title--section-switcher-item-link__active.topic-design{border-bottom:solid 4px #C94E4B}.content-title--section-switcher-item-link__active.topic-code{border-bottom:solid 4px #4CC1BE}.content-title--section-switcher-item-link__active.topic-music{border-bottom:solid 4px #56A4CA}.content-title--section-switcher-item-link__active.topic-photography{border-bottom:solid 4px #8360A8}.content-title--section-switcher-item-link__active.topic-cgi{border-bottom:solid 4px #F95858}.content-title--section-switcher-item-link__active.topic-computers{border-bottom:solid 4px #5D7DBA}.content-title--section-switcher-item-link__active.topic-business{border-bottom:solid 4px #F38844}.content-title--section-switcher-item-link__active.topic-crafts{border-bottom:solid 4px #ff9069}.content-title--section-switcher-item-link__active.topic-gamedevelopment{border-bottom:solid 4px #72BF40}.content-title--section-switcher-item-link__active.topic-webdesign{border-bottom:solid 4px #49B293}.content-title--section-switcher-item-link__active:hover,.content-title--section-switcher-item-link__active:active,.content-title--section-switcher-item-link__active:focus{color:#A6A6A6}.multi_search__topics_dropdown{display:inline;padding:0 0.5em 0 0.5em}.multi_search__topics{color:#A6A6A6;font:normal 16px/1.3em "Roboto", Arial, sans-serif;border:1px solid #A6A6A6}.content-heading{font-size:14px;padding-bottom:15px}.content-heading__primary{padding:15px 0;border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4}@media (min-width: 680px){.content-heading__primary{display:table;width:100%}.content-heading__primary-authorship{display:table-cell}.content-heading__primary-attributes{display:table-cell;text-align:right}}.content-heading__item{margin-right:10px}.content-heading__item:last-child{margin-right:0}.content-heading__label{color:#8396A0;margin-right:4px}.content-heading__value{color:#4A4A4A}.content-heading__publication-date{padding-left:10px}@media (min-width: 680px){.content-heading__secondary{display:table;width:100%}.content-heading__secondary-categories{display:table-cell}.content-heading__secondary-social{display:table-cell;text-align:right}.content-heading__secondary-social-expanded{display:table-cell;text-align:right}}@media (max-width: 679px){.content-heading__secondary-social{margin-top:15px}.content-heading__secondary-social-expanded{margin-top:15px}}.content-heading__secondary{padding-top:10px;padding-bottom:15px;border-bottom:solid 1px #E8E8E8}.content-heading__secondary-categories-tag{display:inline-block;margin-top:5px;margin-right:4px;padding:0 4px;color:#9B9B9B;border:2px solid #E4E4E4;border-radius:6px;white-space:nowrap}.content-heading__secondary-categories-tag:hover,.content-heading__secondary-categories-tag:focus,.content-heading__secondary-categories-tag:active{border-color:#9B9B9B}.content-heading__secondary-social{width:100px}.content-heading__secondary-social .fa{color:#E4E4E4;font-size:18px;margin-right:5px}.content-heading__secondary-social .fa:hover{color:#136FD2}.content-heading__secondary-social-expanded{width:200px}.section-header__navigation{padding:20px 25px;min-height:67px}@media (min-width: 1024px) and (max-width: 1339px){.section-header__navigation{padding-bottom:5px}}@media (max-width: 1023px){.section-header__navigation{padding-bottom:5px}}.section-header__secondary{position:relative}@media (min-width: 680px){.section-header__secondary{float:right;width:300px}}@media (min-width: 1024px) and (max-width: 1339px){.section-header__secondary{float:right;width:300px}}@media (min-width: 680px) and (max-width: 1023px){.section-header__secondary{display:none}}@media (max-width: 679px){.section-header__secondary{display:none}}.section-header{margin-bottom:25px;background-color:#F2F2F2;color:#4A4A4A}.section-header__new{position:relative;top:-5px;padding-left:5px;vertical-align:middle;color:red}.section-header__nav-links{padding:0;margin:0;font-size:0}.section-header__nav-link{margin:0 6px;padding:0;list-style:none;display:inline-block;font-size:13px}@media (max-width: 1023px){.section-header__nav-link{margin-bottom:15px}}@media (min-width: 1024px) and (max-width: 1339px){.section-header__nav-link{margin-bottom:15px}}.section-header__nav-link>a{font-size:13px;font-weight:bold;white-space:nowrap;color:#4A4A4A;-webkit-font-smoothing:subpixel-antialised}@media (max-width: 679px){.section-header__nav-link>a{font-size:12px}}.section-header__nav-link>a:hover{color:#0f56a3}.section-header__nav-link-image{max-width:11px;max-height:11px;margin-right:5px}.section-header__nav-link--dropdown{background-color:#ffffff;border-radius:5px;min-width:160px;vertical-align:top}@media (min-width: 1024px) and (max-width: 1339px){.section-header__nav-link--dropdown{min-width:140px}}@media (max-width: 1023px){.section-header__nav-link--dropdown{min-width:120px}}.section-header__feed-link{margin:0;padding:0;list-style:none;display:inline-block;font-size:12px}@media (min-width: 680px){.section-header__feed-link{position:absolute;top:12px}}@media (min-width: 1024px) and (max-width: 1339px){.section-header__feed-link{right:-72px}}@media (max-width: 679px){.section-header__feed-link{display:none}}.section-header__feed-link__a{color:#999}.section-header__feed-link__text{display:inline-block}@media (min-width: 680px) and (max-width: 1023px){.section-header__feed-link__text{display:none}}@media (max-width: 679px){.section-header__feed-link__text{display:none}}.section-header__feed-link__image-tag{padding-left:5px}.section-header .dropdown-menu{margin-left:-10px;margin-right:-10px}.section-header .dropdown-menu__items{top:30px}.section-header__subscriptions{display:inline-block;font-size:11px;color:#5B5B5B}.section-header__subscription-icon{padding:0 0 0 5px}.section-header__subscription-icon:before{font-size:11px}.section-header__search{position:absolute;top:6px;right:0px;width:100%}@media (min-width: 680px) and (max-width: 1023px){.section-header__search{top:0}}.section-header__search-input{width:100%;border:solid 1px #d2d2d2;border-radius:5px;font:13px/15px Arial, sans-serif;height:32px;margin-top:1px;padding:5px 10px 4px 30px;color:#8fa6b3;background-color:#FEFEFE}.section-header__search-input::-webkit-input-placeholder{color:#8fa6b3}@media (min-width: 680px) and (max-width: 1023px){.section-header__search-input::-webkit-input-placeholder{font-size:11px;line-height:15px}}.section-header__search-input:-moz-placeholder{color:#8fa6b3}@media (min-width: 680px) and (max-width: 1023px){.section-header__search-input:-moz-placeholder{font-size:11px;line-height:15px}}.section-header__search-input::-moz-placeholder{color:#8fa6b3}@media (min-width: 680px) and (max-width: 1023px){.section-header__search-input::-moz-placeholder{font-size:11px;line-height:15px}}.section-header__search-input:-ms-input-placeholder{color:#8fa6b3}@media (min-width: 680px) and (max-width: 1023px){.section-header__search-input:-ms-input-placeholder{font-size:11px;line-height:15px}}.section-header__search-button{position:absolute;top:4px;bottom:4px;left:10px;color:#8fa6b3;background:transparent;border:none;outline:none;margin:0;padding:0;cursor:pointer}.section-header__search-icon{font-size:15px}.section-header__menu{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative}.section-header__menu .fa-chevron-down{padding-top:8px;font-size:10px;float:right;-webkit-font-smoothing:subpixel-antialised}.section-header__menu.open-popup .section-header__menu-items{display:block}.section-header__menu.open-popup i.fa-chevron-down:before{transform:rotate(180deg)}.section-header__menu-toggle{color:#8E8E8E;display:block;padding:0 10px;width:100%}.section-header__menu-title{color:#2A3744;font-size:13px;font-weight:bold;white-space:nowrap;-webkit-font-smoothing:subpixel-antialised}.section-header__menu-items{display:none;position:absolute;z-index:5;background:#FEFEFE;padding:0;margin:0;min-width:190px;box-shadow:0 2px 8px rgba(0,0,0,0.3)}.section-header__menu-item,.section-header__menu-more{list-style:none;min-width:190px;white-space:nowrap}.section-header__menu-link{font-size:12px;font-weight:bold;position:relative;display:inline-block;width:100%;background:#FEFEFE;padding:3px 10px;color:#8fa6b3}.section-header__menu-link:hover{background-color:#f5f7f8}.section-header__menu-item--rtl{direction:rtl;list-style:none}.section-header__menu-more-link{font-weight:normal}.section-header__nav-link--secondary{float:right;margin:0 10px}@media (max-width: 1023px){.section-header__nav-link--secondary{float:none}}.popup-menu-content{display:none}.social-share-menu{display:inline}ul.social-share-menu__popup-menu-content{list-style:none;margin:0;padding-left:10px}ul.social-share-menu__popup-menu-content li{margin-left:16px;display:inline}ul.social-share-menu__popup-menu-content li:first-child{margin-left:0}ul.social-share-menu__popup-menu-content .fa{font-size:21px}ul.social-share-menu__popup-menu-content .fa-twitter{color:#55ACEE}ul.social-share-menu__popup-menu-content .fa-facebook{color:#3B5999}ul.social-share-menu__popup-menu-content .fa-google-plus{color:#dd4b39}ul.social-share-menu__popup-menu-content .fa-pinterest{color:#C04136}.social-links{margin:0 auto 20px;padding:3px 0 6px}.social-links__item{list-style:none;display:inline-block;margin-right:6px}.social-links__item:last-child{margin-right:0}.social-links__link{display:block;margin:0;font:bold 11px Arial, sans-serif;letter-spacing:0.7px;text-transform:uppercase;-webkit-font-smoothing:subpixel-antialiased;padding:5px 7px;border-radius:4px;color:white;background:#939393}.social-links__link:hover{color:white;background:#7a7a7a}.social-links__link--feed{background:#ffa500}.social-links__link--feed:hover{background:#cc8400}.social-links__link--facebook{background:#4c66a4}.social-links__link--facebook:hover{background:#3c5081}.social-links__link--twitter{background:#55acee}.social-links__link--twitter:hover{background:#2795e9}.social-links__link--google-plus{background:#df4932}.social-links__link--google-plus:hover{background:#c0341e}.social-links__link--pinterest{background:#cd1d1f}.social-links__link--pinterest:hover{background:#a01718}.social-links__icon{margin-right:4px;font-size:12px}.drop-element,.drop-element:after,.drop-element:before,.drop-element *,.drop-element *:after,.drop-element *:before{box-sizing:border-box}.drop-element{position:absolute;display:none}.drop-element.drop-open{display:block}.drop-element.drop-theme-arrows-bounce{max-width:100%;max-height:100%}.drop-element.drop-theme-arrows-bounce .drop-content{border-radius:5px;position:relative;font-family:inherit;background:#fff;color:#444;padding:1em;font-size:1.1em;line-height:1.5em;transform:translateZ(0);filter:drop-shadow(0 1px 4px rgba(0,0,0,0.2))}.drop-element.drop-theme-arrows-bounce .drop-content:before{content:"";display:block;position:absolute;width:0;height:0;border-color:transparent;border-width:12px;border-style:solid}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content{margin-bottom:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content:before{top:100%;left:50%;margin-left:-12px;border-top-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content{margin-top:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content:before{bottom:100%;left:50%;margin-left:-12px;border-bottom-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content{margin-right:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content:before{left:100%;top:50%;margin-top:-12px;border-left-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content{margin-left:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content:before{right:100%;top:50%;margin-top:-12px;border-right-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content{margin-top:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before{bottom:100%;left:12px;border-bottom-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content{margin-top:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before{bottom:100%;right:12px;border-bottom-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content{margin-bottom:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before{top:100%;left:12px;border-top-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content{margin-bottom:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before{top:100%;right:12px;border-top-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content{margin-right:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before{top:12px;left:100%;border-left-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content{margin-left:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before{top:12px;right:100%;border-right-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content{margin-right:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before{bottom:12px;left:100%;border-left-color:#fff}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content{margin-left:12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before{bottom:12px;right:100%;border-right-color:#fff}.drop-element.drop-theme-arrows-bounce{transform:translateZ(0);transition:opacity 100ms;opacity:0}.drop-element.drop-theme-arrows-bounce .drop-content{transition:transform 0.3s cubic-bezier(0, 0, 0.265, 1.55);transform:scale(0) translateZ(0)}.drop-element.drop-theme-arrows-bounce.drop-open{display:none}.drop-element.drop-theme-arrows-bounce.drop-open-transitionend{display:block}.drop-element.drop-theme-arrows-bounce.drop-after-open{transition:none;opacity:1}.drop-element.drop-theme-arrows-bounce.drop-after-open .drop-content{transform:scale(1) translateZ(0)}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content{transform-origin:50% calc(100% + 12px)}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content{transform-origin:50% -12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content{transform-origin:calc(100% + 12px) 50%}.drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content{transform-origin:-12px 50%}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content{transform-origin:0 -12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content{transform-origin:100% -12px}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content{transform-origin:0 calc(100% + 12px)}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content{transform-origin:100% calc(100% + 12px)}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content{transform-origin:calc(100% + 12px) 0}.drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content{transform-origin:-12px 0}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content{transform-origin:calc(100% + 12px) 100%}.drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content{transform-origin:-12px 100%}.recommended-items__header{font-weight:bold;font-size:18px;line-height:1.2em;padding-top:8px;margin-bottom:5px;color:#2A3744}.recommended-items__item{position:relative;padding:10px 0 10px 70px;min-height:80px}.recommended-items__item:hover .recommended-items__preview_image{opacity:0.8}.recommended-items__item:hover .recommended-items__title{color:black}.recommended-items__preview-image-container{position:absolute;left:0;width:60px;height:42px;overflow:hidden;border:solid 1px #d3d3d3}.recommended-items__preview-image{width:100%;margin:0}.recommended-items__preview-image--cropped{margin:-15% 0 -17.9%}@media (max-width: 679px){.recommended-items__preview-image--cropped{margin:-16.4% 0 -24%}}.recommended-items__title{font:normal 14px/1.3em "Roboto", Arial, sans-serif;color:#4b4b4b}.recommended-items__topic{font-size:11px}.recommended-items__topic.topic-design{color:#C94E4B}.recommended-items__topic.topic-code{color:#4CC1BE}.recommended-items__topic.topic-music{color:#56A4CA}.recommended-items__topic.topic-photography{color:#8360A8}.recommended-items__topic.topic-cgi{color:#F95858}.recommended-items__topic.topic-computers{color:#5D7DBA}.recommended-items__topic.topic-business{color:#F38844}.recommended-items__topic.topic-crafts{color:#ff9069}.recommended-items__topic.topic-gamedevelopment{color:#72BF40}.recommended-items__topic.topic-webdesign{color:#49B293}.related-courses{margin-bottom:30px}.related-courses__header{font-weight:bold;font-size:18px;line-height:1.2em;padding-top:8px;margin-bottom:5px;color:#2A3744}.related-courses__course{position:relative;margin-bottom:5px}.related-courses__course-link,.related-courses__course-thumbnail,.related-courses__course-title,.related-courses__course-meta{display:block}.related-courses__course-link{position:relative;padding:10px 0 10px 70px}.related-courses__course-link:hover .related-courses__course-title{color:black}.related-courses__course-title{font-size:14px;line-height:1.2em;color:#4b4b4b;margin-bottom:4px}.related-courses__course-thumbnail{position:absolute;left:0;width:60px;height:42px;overflow:hidden;border:solid 1px #d3d3d3}.related-courses__course-thumbnail-image{width:100%;margin:0}.related-courses__course-meta{font-size:12px;line-height:1.6em;color:#8a8a8a}.related-ebooks{margin-bottom:30px}.related-ebooks__header{font-weight:bold;font-size:18px;line-height:1.2em;padding-top:8px;margin-bottom:5px;color:#2A3744}.related-ebooks__ebook{position:relative;margin-bottom:5px;height:90px}.related-ebooks__ebook-link,.related-ebooks__ebook-thumbnail,.related-ebooks__ebook-title,.related-ebooks__ebook-meta{display:block}.related-ebooks__ebook-link{position:relative;padding:10px 0 10px 70px}.related-ebooks__ebook-link:hover .related-ebooks__ebook-title{color:black}.related-ebooks__ebook-title{font-size:14px;line-height:1.2em;color:#4b4b4b;margin-bottom:4px}.related-ebooks__ebook-thumbnail{position:absolute;left:0;width:60px;height:78px;overflow:hidden;border:solid 1px #d3d3d3}.related-ebooks__ebook-thumbnail-image{width:100%;margin:0}.related-ebooks__ebook-meta{font-size:12px;line-height:1.6em;color:#8a8a8a}.posts{list-style:none;margin:0;padding:0}.posts__post{display:block;position:relative;overflow:hidden}.posts__post article{position:absolute;width:100%;top:0;bottom:0;transition:all 0.2s ease}@media (max-width: 1023px){.posts__post article{position:relative;height:100%}}.posts__post--rtl .posts__post-title--rtl,.posts__post--rtl .posts__post-teaser{direction:rtl;text-align:right}.posts__post-preview{overflow:hidden;width:100%;text-align:center;display:block;margin:0 auto;border-bottom:1px solid #E1E8ED;line-height:0;height:207px}.posts__post-preview-image{margin:0}.posts__post-preview-image--regular{border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px}.posts__post-preview-image--cropped{width:100%;margin:-15% 0 -17.9%}@media (max-width: 679px){.posts__post-preview-image--cropped{margin:-16.4% 0 -24%}}.posts__post-primary-topic{text-transform:uppercase}.posts__post-primary-topic.topic-design{color:#C94E4B}.posts__post-primary-topic.topic-code{color:#4CC1BE}.posts__post-primary-topic.topic-music{color:#56A4CA}.posts__post-primary-topic.topic-photography{color:#8360A8}.posts__post-primary-topic.topic-cgi{color:#F95858}.posts__post-primary-topic.topic-computers{color:#5D7DBA}.posts__post-primary-topic.topic-business{color:#F38844}.posts__post-primary-topic.topic-crafts{color:#ff9069}.posts__post-primary-topic.topic-gamedevelopment{color:#72BF40}.posts__post-primary-topic.topic-webdesign{color:#49B293}.posts__post-title{display:block;margin:10px 15px 0;max-height:70px}.posts__post-title h1{font:bold 18px/1.4em "Roboto", Arial, sans-serif;color:#4A4A4A;margin-top:0;margin-bottom:0}.posts__post-publication-meta{display:block;background-color:#ffffff;width:100%;padding-top:15px}.posts__post-details{font-size:12px;position:absolute;bottom:5px;left:0;width:100%;padding:0 15px;color:#8E8E8E}.posts__post-language,.posts__post-social-count{margin-left:6px;white-space:nowrap}.posts__post-language:before,.posts__post-social-count:before{content:"•";display:inline-block;padding-right:6px}.posts__post-extra-info{position:absolute;top:31px;right:15px;bottom:0}.posts__post-primary-topic,.posts__post-primary-category{position:absolute;top:50px;right:13px;z-index:1}.posts__post-primary-topic-link,.posts__post-primary-category-link{font:bold 12px/1 "Roboto", Arial, sans-serif;text-transform:uppercase;display:inline-block;-webkit-font-smoothing:subpixel-antialiased;color:#999999}.posts__post-primary-topic-link.topic-design,.posts__post-primary-category-link.topic-design{color:#C94E4B}.posts__post-primary-topic-link.topic-code,.posts__post-primary-category-link.topic-code{color:#4CC1BE}.posts__post-primary-topic-link.topic-music,.posts__post-primary-category-link.topic-music{color:#56A4CA}.posts__post-primary-topic-link.topic-photography,.posts__post-primary-category-link.topic-photography{color:#8360A8}.posts__post-primary-topic-link.topic-cgi,.posts__post-primary-category-link.topic-cgi{color:#F95858}.posts__post-primary-topic-link.topic-computers,.posts__post-primary-category-link.topic-computers{color:#5D7DBA}.posts__post-primary-topic-link.topic-business,.posts__post-primary-category-link.topic-business{color:#F38844}.posts__post-primary-topic-link.topic-crafts,.posts__post-primary-category-link.topic-crafts{color:#ff9069}.posts__post-primary-topic-link.topic-gamedevelopment,.posts__post-primary-category-link.topic-gamedevelopment{color:#72BF40}.posts__post-primary-topic-link.topic-webdesign,.posts__post-primary-category-link.topic-webdesign{color:#49B293}.posts__post-primary-topic-link:hover.topic-design,.posts__post-primary-topic-link:active.topic-design,.posts__post-primary-topic-link:focus.topic-design,.posts__post-primary-category-link:hover.topic-design,.posts__post-primary-category-link:active.topic-design,.posts__post-primary-category-link:focus.topic-design{color:#9c2f2c}.posts__post-primary-topic-link:hover.topic-code,.posts__post-primary-topic-link:active.topic-code,.posts__post-primary-topic-link:focus.topic-code,.posts__post-primary-category-link:hover.topic-code,.posts__post-primary-category-link:active.topic-code,.posts__post-primary-category-link:focus.topic-code{color:#2d9492}.posts__post-primary-topic-link:hover.topic-music,.posts__post-primary-topic-link:active.topic-music,.posts__post-primary-topic-link:focus.topic-music,.posts__post-primary-category-link:hover.topic-music,.posts__post-primary-category-link:active.topic-music,.posts__post-primary-category-link:focus.topic-music{color:#367c9e}.posts__post-primary-topic-link:hover.topic-photography,.posts__post-primary-topic-link:active.topic-photography,.posts__post-primary-topic-link:focus.topic-photography,.posts__post-primary-category-link:hover.topic-photography,.posts__post-primary-category-link:active.topic-photography,.posts__post-primary-category-link:focus.topic-photography{color:#5d3f7e}.posts__post-primary-topic-link:hover.topic-cgi,.posts__post-primary-topic-link:active.topic-cgi,.posts__post-primary-topic-link:focus.topic-cgi,.posts__post-primary-category-link:hover.topic-cgi,.posts__post-primary-category-link:active.topic-cgi,.posts__post-primary-category-link:focus.topic-cgi{color:#dc2929}.posts__post-primary-topic-link:hover.topic-computers,.posts__post-primary-topic-link:active.topic-computers,.posts__post-primary-topic-link:focus.topic-computers,.posts__post-primary-category-link:hover.topic-computers,.posts__post-primary-category-link:active.topic-computers,.posts__post-primary-category-link:focus.topic-computers{color:#3c598f}.posts__post-primary-topic-link:hover.topic-business,.posts__post-primary-topic-link:active.topic-business,.posts__post-primary-topic-link:focus.topic-business,.posts__post-primary-category-link:hover.topic-business,.posts__post-primary-category-link:active.topic-business,.posts__post-primary-category-link:focus.topic-business{color:#c96323}.posts__post-primary-topic-link:hover.topic-crafts,.posts__post-primary-topic-link:active.topic-crafts,.posts__post-primary-topic-link:focus.topic-crafts,.posts__post-primary-category-link:hover.topic-crafts,.posts__post-primary-category-link:active.topic-crafts,.posts__post-primary-category-link:focus.topic-crafts{color:#e3663a}.posts__post-primary-topic-link:hover.topic-gamedevelopment,.posts__post-primary-topic-link:active.topic-gamedevelopment,.posts__post-primary-topic-link:focus.topic-gamedevelopment,.posts__post-primary-category-link:hover.topic-gamedevelopment,.posts__post-primary-category-link:active.topic-gamedevelopment,.posts__post-primary-category-link:focus.topic-gamedevelopment{color:#4e9122}.posts__post-primary-topic-link:hover.topic-webdesign,.posts__post-primary-topic-link:active.topic-webdesign,.posts__post-primary-topic-link:focus.topic-webdesign,.posts__post-primary-category-link:hover.topic-webdesign,.posts__post-primary-category-link:active.topic-webdesign,.posts__post-primary-category-link:focus.topic-webdesign{color:#2a866b}.posts__post-author-link{display:inline-block;max-width:175px;vertical-align:middle;color:#8E8E8E;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.no-touch .posts__post .posts__post-preview:hover{opacity:0.8}html.no-touch .posts__post .posts__post-title:hover{color:black;text-decoration:underline}.posts__post-publication-meta,.posts__post-author{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.posts__post-author{display:block;font-style:normal;line-height:1em}.posts__post{position:relative;float:left;width:300px;margin-right:30px;margin-bottom:40px;height:463px}@media (max-width: 679px){.posts__post{margin-right:auto;margin-left:auto;float:none}}.posts__post article{border:1px solid #E1E8ED;border-radius:4px;margin-top:13px;height:450px}.posts__post.free-course .free-course__label{position:absolute;top:0px;left:15px;z-index:2}.posts__post-author_photo{height:32px;width:32px;border-radius:50px}@media (min-width: 1340px){.posts--with-sidebar .posts__post:nth-child(3n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.posts--with-sidebar .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.posts--with-sidebar .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 1340px){.posts--with-center-column .posts__post:nth-child(3n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.posts--with-center-column .posts__post:nth-child(3n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.posts--with-center-column .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 1340px){.posts--full-width .posts__post:nth-child(4n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.posts--full-width .posts__post:nth-child(3n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.posts--full-width .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 1340px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.posts--half-width .posts__post:nth-child(2n){margin-right:0}}.posts--standalone .posts__post{margin:30px auto 10px auto;float:none;background-color:#ffffff}.posts__post-teaser{width:100%;font-size:14px;color:#7d7d7d;line-height:1.5em;text-align:left;padding:9px 15px 5px 15px;position:absolute;top:285px}@media (max-width: 1023px){.posts__post-teaser{padding:9px 15px 70px 15px}}.posts__post-teaser-overlay{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );display:block;height:20px;width:100%}.posts__post-details__info{display:inline-block;padding-left:5px}.course{margin-top:45px}.course:after{content:"";display:table;clear:both}.course .layout__content-with-sidebar{max-width:850px}.course__sponsored-content{padding:20px;margin:0 0 26px 0;background:#f5f7f8;font-size:14px;line-height:1.6em}.course__sponsored-content p{margin:10px 0 0}.course__description{font-size:18px;color:#3A3A3A;margin-bottom:45px}.course__description p{margin-top:0}.course__requirement-block{background-color:#fff9d8;padding:16px 20px;font-size:14px;line-height:1.6em;margin-bottom:45px}.course__extra-information-block{margin:20px 0 40px;background-color:#f5f7f8;padding:16px 20px;font:normal 14px/1.6em Arial, sans-serif}.course__extra-information-block--warning{background-color:#fff9d8}.course__extra-information-block-title{font:bold 16px/1.2em "Roboto", Arial, sans-serif;margin-bottom:16px}.course .lesson-index{margin-bottom:80px}@media (max-width: 1023px){.course .lesson-index{margin-bottom:30px}}.course__lesson-preview{width:100%;min-height:250px;overflow:hidden}@media (min-width: 680px){.course__lesson-preview{min-height:420px}}.course__lesson-preview-label{font:bold 16px "Roboto", Arial, sans-serif}.free-course__label{background-color:#82B541;color:#FFF;padding:3px 15px;letter-spacing:1px;border-radius:5px;font-weight:bold;line-height:normal}.fa-weixin{color:#00cd00}img.qrcode{width:100px;height:100px}.qrcode .tooltip{position:relative;display:inline-block;cursor:pointer}.qrcode .tooltip .tooltip-content{visibility:hidden;background-color:white;border:1px solid #E4E4E4;color:black;text-align:center;border-radius:5px;padding:10px;position:absolute;z-index:1;bottom:150%;left:50%;margin-left:-60px;line-height:14px;font-size:12px;box-shadow:0 6px 12px rgba(0,0,0,0.175)}.qrcode .tooltip:hover .tooltip-content{visibility:visible}.post{margin-top:45px;position:relative}.post:after{content:"";display:table;clear:both}@media (max-width: 679px){.post{border-top:none;padding-top:0;margin-top:15px}}@media (min-width: 1340px){.post .layout__content-with-sidebar{max-width:850px}}.post .avert{margin-bottom:30px}.post__featured-image{max-width:100%;width:100%}.post__inline-ad{float:right;margin-left:80px}.post__sidebar:after{content:"";display:table;clear:both}@media (min-width: 680px) and (max-width: 1023px){.post__sidebar-primary{width:300px;float:left}}.post__sidebar-resource-links a{display:block;background:#046FA9;color:#FFFFFF;border-radius:4px;padding:8px 0 8px;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap;margin-bottom:10px}.post__sidebar-resource-links a:hover,.post__sidebar-resource-links a:active,.post__sidebar-resource-links a:focus{background:#035f90;color:#FFFFFF}.post__sidebar-resource-links a:last-child{margin-bottom:30px}@media (min-width: 680px) and (max-width: 1023px){.post__sidebar-secondary{width:300px;float:right}}.post__footer{border-top:solid 1px #E4E4E4;margin-top:40px;padding-top:40px}.post__footer:after{content:"";display:table;clear:both}.post__comments{margin-bottom:40px}.post__qrcode{text-align:center;margin-bottom:40px}.post__qrcode img{max-width:150px}.post__bottom_share_list{border-top:solid 1px #e4e4e4;border-bottom:solid 1px #e4e4e4;padding:20px 0 20px 0;margin-bottom:40px}@media (max-width: 679px){.category_sidebar_ad{display:none}}@media (min-width: 680px){.category_sidebar_ad_mobile{display:none}}@media (min-width: 1024px){.sticky-ad-target{min-height:960px}}@media (max-width: 1023px){.sticky-ad.tether-enabled{display:none !important}}@media (max-width: 679px){.sticky-ad-non-mobile{display:none}}@media (min-width: 680px){.sticky-ad-mobile{display:none}}.post-body__translation{margin:20px 0}@media (min-width: 1340px){.post-body__translation{display:none}}@media (min-width: 1024px) and (max-width: 1339px){.post-body__translation{display:none}}.post-body__sponsored-content{padding:20px;margin:0 0 26px 0;background:#f5f7f8;font-size:14px;line-height:1.6em}.post-body__sponsored-content p{margin:10px 0 0}.post-body__translated-by{padding:20px;margin:0 0 26px 0;background:#f5f7f8;font-size:14px}.post-body__translated-by p{margin:10px 0 0}.post-body__series-navigation{padding:20px;margin:0 0 26px 0;background:#f5f7f8;font-size:14px}.post-body__series-navigation p{margin:10px 0 0}.post-body__series-navigation-item{margin-top:10px}.post-body__series-navigation-previous-link:before{content:"";font:14px "FontAwesome";margin-right:10px}.post-body__series-navigation-next-link:before{content:"";font:14px "FontAwesome";margin-right:10px}.roundup-block__contents{margin:20px 0 40px;padding:0;overflow:hidden}.post-body__content,.syllabus__content{font-style:normal;font-size:18px;line-height:1.6em;color:#3A3A3A;margin:0 0 40px 0}.post-body__content>*:first-child,.syllabus__content>*:first-child{margin-top:0;padding-top:0}.post-body__content h2:first-of-type,.syllabus__content h2:first-of-type{margin-top:26px}.post-body__content figure,.post-body__content img,.post-body__content embed,.post-body__content video,.post-body__content object,.post-body__content iframe,.syllabus__content figure,.syllabus__content img,.syllabus__content embed,.syllabus__content video,.syllabus__content object,.syllabus__content iframe{max-width:100%;text-align:center}.post-body__content figure.embedded-video,.post-body__content figure.final-product--video,.syllabus__content figure.embedded-video,.syllabus__content figure.final-product--video{position:relative;padding-bottom:56.25%}.post-body__content figure.embedded-video iframe,.post-body__content figure.embedded-video object,.post-body__content figure.embedded-video embed,.post-body__content figure.final-product--video iframe,.post-body__content figure.final-product--video object,.post-body__content figure.final-product--video embed,.syllabus__content figure.embedded-video iframe,.syllabus__content figure.embedded-video object,.syllabus__content figure.embedded-video embed,.syllabus__content figure.final-product--video iframe,.syllabus__content figure.final-product--video object,.syllabus__content figure.final-product--video embed{top:0;left:0;width:100%;height:100%;position:absolute}.post-body__content figure.final-product--video,.syllabus__content figure.final-product--video{margin-bottom:80px}.post-body__content img,.syllabus__content img{height:auto;outline:#E1E8ED 1px solid;margin:1px;background:#FBFBFB;padding:10px}.post-body__content code,.post-body__content tt,.post-body__content pre,.syllabus__content code,.syllabus__content tt,.syllabus__content pre{font-family:"Source Code Pro", Monaco, monospace}.post-body__content pre,.syllabus__content pre{overflow:hidden}.post-body__content hr,.syllabus__content hr{display:none}.post-body__content h2,.post-body__content h3,.syllabus__content h2,.syllabus__content h3{font-weight:bold;line-height:1.2em;margin-bottom:0}.post-body__content h4,.post-body__content h5,.post-body__content h6,.post-body__content .question,.syllabus__content h4,.syllabus__content h5,.syllabus__content h6,.syllabus__content .question{font-weight:bold;line-height:1.2em;margin-bottom:0}.post-body__content .question,.syllabus__content .question{line-height:1.6em}.post-body__content h2,.syllabus__content h2{margin:52px 0 26px 0;font-size:31px}@media (max-width: 679px){.post-body__content h2,.syllabus__content h2{line-height:34px}}.post-body__content h2>span,.syllabus__content h2>span{color:#cbcbcb}.post-body__content h3,.syllabus__content h3{margin:26px 0 4px 0;font-size:21px}.post-body__content h4,.post-body__content .question,.syllabus__content h4,.syllabus__content .question{font-size:inherit;margin-bottom:13px}.post-body__content h4>span,.post-body__content .question>span,.syllabus__content h4>span,.syllabus__content .question>span{color:#8E8E8E}.post-body__content h4>span:after,.post-body__content .question>span:after,.syllabus__content h4>span:after,.syllabus__content .question>span:after{content:". "}.post-body__content h5,.syllabus__content h5{font-size:15px}.post-body__content h6,.syllabus__content h6{font-size:12px;text-transform:uppercase;letter-spacing:0.1em}.post-body__content h3+*,.post-body__content h3+*>*:first-child,.syllabus__content h3+*,.syllabus__content h3+*>*:first-child{margin-top:0.3em}.post-body__content p.question:before,.syllabus__content p.question:before{content:"Q. ";color:#8e8e8e}.post-body__content blockquote,.syllabus__content blockquote{margin:26px 40px;font-style:italic;font-weight:200;font-family:"Helvetica Neue", Arial, sans-serif;font-size:24px;color:#6c6c6c}.post-body__content code,.syllabus__content code{border:solid 1px #E4E4E4;padding:4px 4px 1px;background:#f5f7f8;font-size:14px;border-radius:3px}.post-body__content figure,.syllabus__content figure{margin:30px 0}.post-body__content figcaption,.syllabus__content figcaption{font-size:14px;color:#5B5B5B}.post-body__content .hex,.syllabus__content .hex{background:#d7dee5;padding:0.3em 0.5em 0.15em;font-family:"Source Code Pro", Monaco, monospace;font-size:14px;color:#4B4B4B;border-radius:3px}.post-body__content p,.syllabus__content p{text-indent:0;margin:0 0 26px 0}@media (max-width: 679px){.post-body__content .PDS_Poll .pds-box,.syllabus__content .PDS_Poll .pds-box{width:100%}}.post-body__content .sponsored-shortcode,.post-body__content .review-shortcode,.post-body__content .disclaimer-shortcode,.post-body__content .republished-shortcode,.post-body__content .changed-shortcode,.post-body__content .videodownload-shortcode,.post-body__content .related-shortcode,.post-body__content .tip-shortcode,.syllabus__content .sponsored-shortcode,.syllabus__content .review-shortcode,.syllabus__content .disclaimer-shortcode,.syllabus__content .republished-shortcode,.syllabus__content .changed-shortcode,.syllabus__content .videodownload-shortcode,.syllabus__content .related-shortcode,.syllabus__content .tip-shortcode{padding:20px;margin:0 0 26px 0;background:#f5f7f8;font-size:14px}.post-body__content .sponsored-shortcode p,.post-body__content .review-shortcode p,.post-body__content .disclaimer-shortcode p,.post-body__content .republished-shortcode p,.post-body__content .changed-shortcode p,.post-body__content .videodownload-shortcode p,.post-body__content .related-shortcode p,.post-body__content .tip-shortcode p,.syllabus__content .sponsored-shortcode p,.syllabus__content .review-shortcode p,.syllabus__content .disclaimer-shortcode p,.syllabus__content .republished-shortcode p,.syllabus__content .changed-shortcode p,.syllabus__content .videodownload-shortcode p,.syllabus__content .related-shortcode p,.syllabus__content .tip-shortcode p{margin:10px 0 0}.post-body__content ul.webroundup,.syllabus__content ul.webroundup{list-style:none;margin:0;padding:0}.post-body__content ul.webroundup li,.syllabus__content ul.webroundup li{margin-bottom:30px}@media (min-width: 680px){.post-body__content ul.webroundup li,.syllabus__content ul.webroundup li{position:relative;padding-left:200px;min-height:170px}.post-body__content ul.webroundup li img,.syllabus__content ul.webroundup li img{position:absolute;left:0;top:5px;width:170px;height:auto}}@media (max-width: 679px){.post-body__content ul.webroundup li h4,.syllabus__content ul.webroundup li h4{margin-top:0}}.post-body__content table,.syllabus__content table{border-collapse:collapse;width:100%;margin:0 0 26px 0}.post-body__content td,.post-body__content th,.syllabus__content td,.syllabus__content th{border:solid 1px #8E8E8E;text-align:left;padding:5px 10px}.post-body__content #quiz-container *,.syllabus__content #quiz-container *{box-sizing:content-box;line-height:initial}.post-body__content .roundup-block__posts,.post-body__content .roundup-block__contents,.syllabus__content .roundup-block__posts,.syllabus__content .roundup-block__contents{margin:20px 0 40px;padding:0;overflow:hidden}.post-body__content .roundup-block__posts .free-course .free-course__label,.post-body__content .roundup-block__contents .free-course .free-course__label,.syllabus__content .roundup-block__posts .free-course .free-course__label,.syllabus__content .roundup-block__contents .free-course .free-course__label{position:absolute;z-index:2}@media (min-width: 1340px){.post-body__content .roundup-block--list.posts--half-width .roundup-block__content,.syllabus__content .roundup-block--list.posts--half-width .roundup-block__content{width:425px}}@media (min-width: 1024px) and (max-width: 1339px){.post-body__content .roundup-block--list.posts--half-width .roundup-block__content,.syllabus__content .roundup-block--list.posts--half-width .roundup-block__content{width:100%}}.post-body__content .roundup-block--list,.syllabus__content .roundup-block--list{display:flex;flex-wrap:wrap}.post-body__content .roundup-block--list .roundup-block__post,.post-body__content .roundup-block--list .roundup-block__content,.syllabus__content .roundup-block--list .roundup-block__post,.syllabus__content .roundup-block--list .roundup-block__content{list-style:none;padding:40px 0;margin:0;overflow:hidden;clear:both;border-bottom:1px solid #dae1e5}@media (min-width: 1024px){.post-body__content .roundup-block--list .roundup-block__post,.post-body__content .roundup-block--list .roundup-block__content,.syllabus__content .roundup-block--list .roundup-block__post,.syllabus__content .roundup-block--list .roundup-block__content{width:480px}}@media (max-width: 1023px){.post-body__content .roundup-block--list .roundup-block__post,.post-body__content .roundup-block--list .roundup-block__content,.syllabus__content .roundup-block--list .roundup-block__post,.syllabus__content .roundup-block--list .roundup-block__content{width:100%}}.post-body__content .roundup-block--list a.roundup-block__post-link,.post-body__content .roundup-block--list a.roundup-block__content-link,.syllabus__content .roundup-block--list a.roundup-block__post-link,.syllabus__content .roundup-block--list a.roundup-block__content-link{color:#2A3744;display:block}.post-body__content .roundup-block--list a.roundup-block__post-link:after,.post-body__content .roundup-block--list a.roundup-block__content-link:after,.syllabus__content .roundup-block--list a.roundup-block__post-link:after,.syllabus__content .roundup-block--list a.roundup-block__content-link:after{content:"";display:table;clear:both}.post-body__content .roundup-block--list a.roundup-block__post-link:hover,.post-body__content .roundup-block--list a.roundup-block__post-link:active,.post-body__content .roundup-block--list a.roundup-block__post-link:focus,.post-body__content .roundup-block--list a.roundup-block__content-link:hover,.post-body__content .roundup-block--list a.roundup-block__content-link:active,.post-body__content .roundup-block--list a.roundup-block__content-link:focus,.syllabus__content .roundup-block--list a.roundup-block__post-link:hover,.syllabus__content .roundup-block--list a.roundup-block__post-link:active,.syllabus__content .roundup-block--list a.roundup-block__post-link:focus,.syllabus__content .roundup-block--list a.roundup-block__content-link:hover,.syllabus__content .roundup-block--list a.roundup-block__content-link:active,.syllabus__content .roundup-block--list a.roundup-block__content-link:focus{color:#202a34;text-decoration:none}.post-body__content .roundup-block--list img.roundup-block__preview-image,.syllabus__content .roundup-block--list img.roundup-block__preview-image{width:180px;float:left;margin-right:20px;vertical-align:top;outline:none;background:none;padding:0}@media (min-width: 1024px) and (max-width: 1339px){.post-body__content .roundup-block--list img.roundup-block__preview-image,.syllabus__content .roundup-block--list img.roundup-block__preview-image{width:160px;margin-right:15px}}.post-body__content .roundup-block--list .roundup-block__primary-category,.syllabus__content .roundup-block--list .roundup-block__primary-category{font:bold 12px/1.6em Arial, sans-serif;text-transform:uppercase;letter-spacing:0.1em;display:block;-webkit-font-smoothing:subpixel-antialiased;margin-bottom:10px}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-design,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-design{color:#C94E4B}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-code,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-code{color:#4CC1BE}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-music,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-music{color:#56A4CA}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-photography,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-photography{color:#8360A8}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-cgi,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-cgi{color:#F95858}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-computers,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-computers{color:#5D7DBA}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-business,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-business{color:#F38844}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-crafts,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-crafts{color:#ff9069}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-gamedevelopment,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-gamedevelopment{color:#72BF40}.post-body__content .roundup-block--list .roundup-block__primary-category.topic-webdesign,.syllabus__content .roundup-block--list .roundup-block__primary-category.topic-webdesign{color:#49B293}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-design,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-design,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-design,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-design,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-design,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-design{color:#9c2f2c}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-code,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-code,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-code,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-code,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-code,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-code{color:#2d9492}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-music,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-music,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-music,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-music,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-music,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-music{color:#367c9e}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-photography,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-photography,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-photography,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-photography,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-photography,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-photography{color:#5d3f7e}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-cgi,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-cgi,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-cgi,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-cgi,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-cgi,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-cgi{color:#dc2929}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-computers,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-computers,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-computers,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-computers,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-computers,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-computers{color:#3c598f}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-business,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-business,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-business,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-business,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-business,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-business{color:#c96323}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-crafts,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-crafts,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-crafts,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-crafts,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-crafts,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-crafts{color:#e3663a}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-gamedevelopment,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-gamedevelopment,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-gamedevelopment,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-gamedevelopment,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-gamedevelopment,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-gamedevelopment{color:#4e9122}.post-body__content .roundup-block--list .roundup-block__primary-category:hover.topic-webdesign,.post-body__content .roundup-block--list .roundup-block__primary-category:active.topic-webdesign,.post-body__content .roundup-block--list .roundup-block__primary-category:focus.topic-webdesign,.syllabus__content .roundup-block--list .roundup-block__primary-category:hover.topic-webdesign,.syllabus__content .roundup-block--list .roundup-block__primary-category:active.topic-webdesign,.syllabus__content .roundup-block--list .roundup-block__primary-category:focus.topic-webdesign{color:#2a866b}@media (min-width: 1024px) and (max-width: 1339px){.post-body__content .roundup-block--list .roundup-block__primary-category,.syllabus__content .roundup-block--list .roundup-block__primary-category{font-size:11px}}.post-body__content .roundup-block--list .roundup-block__post-title,.post-body__content .roundup-block--list .roundup-block__content-title,.syllabus__content .roundup-block--list .roundup-block__post-title,.syllabus__content .roundup-block--list .roundup-block__content-title{display:block;font:bold 16px/1.2em "Helvetica Neue", Arial, sans-serif;color:#2A3744;padding-right:10px}@media (min-width: 1024px) and (max-width: 1339px){.post-body__content .roundup-block--list .roundup-block__post-title,.post-body__content .roundup-block--list .roundup-block__content-title,.syllabus__content .roundup-block--list .roundup-block__post-title,.syllabus__content .roundup-block--list .roundup-block__content-title{font-size:15px}}.post-body__content .roundup-block--list .roundup-block__author,.syllabus__content .roundup-block--list .roundup-block__author{font:normal 12px/1.6em Arial, sans-serif;color:#7d7d7d;margin-top:10px}.post-body__content .roundup-block--list .free-course .free-course__label,.syllabus__content .roundup-block--list .free-course .free-course__label{margin-top:-9px;margin-left:10px;font-size:12px;padding:3px 10px}.post-body__content .roundup-block__posts.roundup-block--card .posts__post-preview-image--regular,.post-body__content .roundup-block__posts.roundup-block--card .posts__post-author_photo,.post-body__content .roundup-block__contents.roundup-block--card .posts__post-preview-image--regular,.post-body__content .roundup-block__contents.roundup-block--card .posts__post-author_photo,.syllabus__content .roundup-block__posts.roundup-block--card .posts__post-preview-image--regular,.syllabus__content .roundup-block__posts.roundup-block--card .posts__post-author_photo,.syllabus__content .roundup-block__contents.roundup-block--card .posts__post-preview-image--regular,.syllabus__content .roundup-block__contents.roundup-block--card .posts__post-author_photo{padding:1px;outline:none;margin:0;background:transparent}.post-body__content .roundup-block__posts.roundup-block--card .posts__post-author_photo,.post-body__content .roundup-block__contents.roundup-block--card .posts__post-author_photo,.syllabus__content .roundup-block__posts.roundup-block--card .posts__post-author_photo,.syllabus__content .roundup-block__contents.roundup-block--card .posts__post-author_photo{height:32px;width:32px;border-radius:50px}.post-body__content .roundup-block__posts.roundup-block--card .posts__post-preview-image--regular,.post-body__content .roundup-block__contents.roundup-block--card .posts__post-preview-image--regular,.syllabus__content .roundup-block__posts.roundup-block--card .posts__post-preview-image--regular,.syllabus__content .roundup-block__contents.roundup-block--card .posts__post-preview-image--regular{border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px}.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link{color:#2A3744;display:block}.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:after,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:after,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:after,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:after,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:after,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:after,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:after,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:after{content:"";display:table;clear:both}.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:hover,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:active,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:focus,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:hover,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:active,.post-body__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:focus,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:hover,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:active,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:focus,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:hover,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:active,.post-body__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:focus,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:hover,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:active,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__post-link:focus,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:hover,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:active,.syllabus__content .roundup-block__posts.roundup-block--card a.roundup-block__content-link:focus,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:hover,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:active,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__post-link:focus,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:hover,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:active,.syllabus__content .roundup-block__contents.roundup-block--card a.roundup-block__content-link:focus{color:#202a34;text-decoration:none}.post-body__content .roundup-block__posts.roundup-block--card img.roundup-block__preview-image,.post-body__content .roundup-block__contents.roundup-block--card img.roundup-block__preview-image,.syllabus__content .roundup-block__posts.roundup-block--card img.roundup-block__preview-image,.syllabus__content .roundup-block__contents.roundup-block--card img.roundup-block__preview-image{border:none;border-radius:4px 4px 0 0;height:207px;max-height:207px;padding:0}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category{font:bold 10px/1.6em Arial, sans-serif;text-transform:uppercase;letter-spacing:0.1em;display:block;-webkit-font-smoothing:subpixel-antialiased;margin-bottom:10px}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-design,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-design,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-design,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-design{color:#C94E4B}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-code,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-code,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-code,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-code{color:#4CC1BE}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-music,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-music,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-music,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-music{color:#56A4CA}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-photography,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-photography,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-photography,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-photography{color:#8360A8}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-cgi,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-cgi,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-cgi,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-cgi{color:#F95858}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-computers,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-computers,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-computers,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-computers{color:#5D7DBA}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-business,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-business,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-business,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-business{color:#F38844}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-crafts,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-crafts,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-crafts,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-crafts{color:#ff9069}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-gamedevelopment{color:#72BF40}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-webdesign,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-webdesign,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category.topic-webdesign,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category.topic-webdesign{color:#49B293}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-design,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-design,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-design,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-design,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-design,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-design,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-design,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-design,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-design,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-design,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-design,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-design{color:#9c2f2c}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-code,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-code,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-code,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-code,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-code,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-code,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-code,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-code,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-code,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-code,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-code,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-code{color:#2d9492}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-music,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-music,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-music,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-music,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-music,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-music,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-music,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-music,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-music,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-music,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-music,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-music{color:#367c9e}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-photography,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-photography,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-photography,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-photography,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-photography,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-photography,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-photography,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-photography,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-photography,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-photography,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-photography,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-photography{color:#5d3f7e}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-cgi,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-cgi,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-cgi,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-cgi,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-cgi,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-cgi,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-cgi,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-cgi,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-cgi{color:#dc2929}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-computers,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-computers,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-computers,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-computers,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-computers,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-computers,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-computers,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-computers,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-computers,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-computers,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-computers,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-computers{color:#3c598f}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-business,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-business,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-business,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-business,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-business,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-business,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-business,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-business,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-business,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-business,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-business,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-business{color:#c96323}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-crafts,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-crafts,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-crafts,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-crafts,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-crafts,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-crafts,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-crafts,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-crafts,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-crafts{color:#e3663a}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-gamedevelopment,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-gamedevelopment,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-gamedevelopment{color:#4e9122}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:hover.topic-webdesign,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:active.topic-webdesign,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__primary-category:focus.topic-webdesign{color:#2a866b}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__post-title,.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__content-title,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__post-title,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__content-title,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__post-title,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__content-title,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__post-title,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__content-title{display:block;font:bold 19px/1.2em "Helvetica Neue", Arial, sans-serif;color:#2A3744}.post-body__content .roundup-block__posts.roundup-block--card .roundup-block__author,.post-body__content .roundup-block__contents.roundup-block--card .roundup-block__author,.syllabus__content .roundup-block__posts.roundup-block--card .roundup-block__author,.syllabus__content .roundup-block__contents.roundup-block--card .roundup-block__author{font:normal 12px/1.6em Arial, sans-serif;color:#7d7d7d;margin-top:10px}.post-body__content .roundup-block__posts.roundup-block--card .free-course .free-course__label,.post-body__content .roundup-block__contents.roundup-block--card .free-course .free-course__label,.syllabus__content .roundup-block__posts.roundup-block--card .free-course .free-course__label,.syllabus__content .roundup-block__contents.roundup-block--card .free-course .free-course__label{top:0px;left:15px}.post-body__content .twitter-tweet,.syllabus__content .twitter-tweet{margin:30px 0 !important}.post-body--rtl .post-body__content{direction:rtl}.post-body--rtl .post-body__content code,.post-body--rtl .post-body__content tt,.post-body--rtl .post-body__content pre{unicode-bidi:embed;direction:ltr;font-family:"Source Code Pro", Monaco, monospace}.post-body--rtl .post-body__content .syntaxhighlighter{direction:ltr}@media (max-width: 679px){.post__article-top{display:none}}@media (max-width: 679px){.post__inarticle-ad-template{display:none !important}}@media (max-width: 679px){.post__inarticle-ad-template-mobile .avert,.post__inarticle-ad-1-template-mobile .avert{min-height:45px}}@media (min-width: 680px){.post__inarticle-ad-template-mobile,.post__inarticle-ad-1-template-mobile,.post__inarticle-ad-2-template-mobile{display:none !important}}@media (max-width: 679px){.post__article-ad{display:none}}@media (min-width: 680px){.post__article-ad-mobile{display:none}}@media (max-width: 679px){.layout__sidebar-ad-1,.layout__sidebar-ad-2,.layout__sidebar-ad-3{display:none}}@media (min-width: 680px){.layout__sidebar-ad-mobile{display:none}}.pagination{display:block;position:relative;font-size:12px;text-align:center;clear:both}@media (max-width: 679px){.pagination{min-height:60px;padding:0}}.pagination__button--disabled{color:#dae1e5;opacity:1}.pagination__button--disabled:hover,.pagination__button--disabled:active,.pagination__button--disabled:focus{color:#dae1e5;background-color:transparent;cursor:not-allowed}.pagination__button{display:inline-block;text-decoration:none;color:#9B9B9B;border-radius:4px;font:bold 12px/1.3 "Helvetica Neue", Arial, sans-serif;box-shadow:none;height:30px;line-height:30px;min-width:30px;padding:0px 10px;margin:0}.pagination__button:hover,.pagination__button:active,.pagination__button:focus{color:#2A3744;background-color:#d7dfe3}.pagination__prev-button,.pagination__next-button{right:0;margin:0 5px;color:#ffffff;background-color:#4A4A4A}.pagination__prev-button .fa,.pagination__next-button .fa{font-weight:bold;font-size:16px}.pagination__page--current{font-weight:bold;color:#444444;background-color:#EEEEEE;margin:0 5px}.pagination__page--current:hover,.pagination__page--current:active,.pagination__page--current:focus{color:#fefefe;background-color:#d5d5d5}.pagination__gap{margin:0 5px}.weekly-digest-subscription{font:14px Arial, sans-serif;padding-top:8px;clear:both;line-height:1.4em;background-color:#fbfbfb;border:#E1E8ED solid 1px;border-radius:4px;padding:20px;margin-bottom:50px}.weekly-digest-subscription--header{font:20px/1.2em "Roboto", Arial, sans-serif;margin-bottom:20px}.weekly-digest-subscription__created,.weekly-digest-subscription__new{background:#eef1f3;padding:40px}.weekly-digest-subscription__created-title,.weekly-digest-subscription__new-title{font-size:31px;margin-bottom:30px}.weekly-digest-subscription__new-errors{color:red}.weekly-digest-subscription__form{margin-bottom:1em;margin-top:2em;max-width:520px;justify-content:space-between}.weekly-digest-subscription__email-field{border:solid 1px #d2d2d2;border-radius:5px;font:14px "Roboto", Arial, sans-serif;height:32px;margin-top:1px;padding:5px 10px;color:#2A3744;background-color:#fefefe;width:100%}.weekly-digest-subscription__email-field,.field_with_errors{width:100%}.weekly-digest-subscription__subscribe-button{background-color:#82B541;padding:0px 20px;color:#ffffff;border-radius:4px;line-height:36px;height:36px;border:none;width:100%;display:inline-block;font-size:14px;font-weight:bold;margin-top:20px}.weekly-digest-subscription__subscribe-button:hover{transition:all 0.2s ease;background-color:#8fc050;color:#ffffff}.weekly-digest-subscription__subscribe-button:active{background-color:#75a23a}.weekly-digest-subscription__captcha{width:300px;margin:0 auto;padding-bottom:20px}.featured-sections{overflow:hidden;margin:0;padding-top:8px;clear:both;background-color:#fbfbfb;border:#E1E8ED solid 1px;border-radius:4px;padding:20px;margin-bottom:50px}.featured-sections__title{font:20px/1.2em "Roboto", Arial, sans-serif;margin-bottom:10px;-webkit-font-smoothing:subpixel-antialiased}.featured-sections__section{overflow:hidden}.featured-sections__section-link{display:block;padding:14px 0}.featured-sections__section-link:hover,.featured-sections__section-link:active,.featured-sections__section-link:focus{background:#f9f9f9}.featured-sections__section-title{font:bold 17px/1.2em "Roboto", Arial, sans-serif;-webkit-font-smoothing:subpixel-antialiased;color:#2A3744;margin-bottom:4px}.featured-sections__section-image{max-width:30px;width:100%;float:left;margin-top:4px}.featured-sections__section-summary{font:normal 12px/1.4em "Roboto", Arial, sans-serif;color:#8a8a8a}.featured-sections__section-title,.featured-sections__section-summary{margin-left:40px}.alphadex{margin:0 auto}@media (min-width: 680px){.alphadex{width:730px}}@media (max-width: 679px){.alphadex{width:100%}}.alphadex__navigation{text-align:center;padding:10px;box-shadow:0 4px 12px -8px rgba(0,0,0,0.1);margin-bottom:40px}@media (max-width: 679px){.alphadex__navigation{display:none}}.alphadex__navigation-label{display:inline-block;color:#8E8E8E;margin-right:5px}.alphadex__navigation-list{display:inline-block;list-style:none;margin:0;padding:0}.alphadex__navigation-letter{display:inline-block}.alphadex__navigation-letter-link,.alphadex__navigation-letter-no-link{display:inline-block;background:#8E8E8E;color:#FEFEFE;font-weight:bold;font-size:13px;width:20px;height:20px;line-height:21px;text-align:center;margin:1px}.alphadex__navigation-letter-no-link{opacity:0.2}.alphadex__section{overflow:hidden;padding:20px 0 40px;border-bottom:solid 1px #E4E4E4}@media (max-width: 679px){.alphadex__section:last-child{border-bottom:none}}.alphadex__section-title{font-weight:bold;font-size:12px;color:#8fa6b3}.alphadex__list{list-style:none;margin:0;padding:0}.alphadex__item{display:block;margin:1px 10px;position:relative}@media (min-width: 680px){.alphadex__item{float:left;width:220px}}.alphadex__item-link{font-size:14px}@media (max-width: 679px){.alphadex__item-link{display:block;padding:4px 0}}.alphadex__item-count{position:absolute;color:#D8D8D8;top:0;right:0}.content-author{border-top:solid 1px #E4E4E4;border-bottom:solid 1px #E4E4E4;padding:40px 60px;margin-top:40px;margin-bottom:80px;color:#999999}@media (min-width: 1340px){.content-author{max-width:850px}}@media (max-width: 1023px){.content-author{margin-bottom:40px}}.content-author__header{text-align:center}.content-author__image{width:80px;height:80px;border-radius:50%;margin:0 auto}.content-author__name{font-size:22px;padding-top:10px;color:#3A3A3A}.content-author__title{padding-bottom:20px;color:#999999}.content-author__bio{font-size:16px;line-height:1.6em;color:#3A3A3A}.content-author__twitter{text-align:center;padding-top:10px}.content-author__twitter .fa{margin-right:5px}.market-highlight{background:#F2F5F6;width:100%;padding:30px 0;text-align:center}@media (max-width: 679px){.market-highlight{display:none}}.market-highlight--padded-bottom{padding:30px 0 80px 0}.market-highlight__heading{margin:auto;max-width:80%}@media (min-width: 1340px){.market-highlight__heading{max-width:850px}}.market-highlight__intro{text-transform:uppercase;color:#9B9B9B;margin-bottom:10px;font-weight:bold;font-size:18px}.market-highlight__title{font-size:30px;line-height:1.4;padding:16px 0}.market-highlight__cta{margin-top:30px;font-weight:bold}.market-highlight__cta a{display:inline-block;color:#82B541;border-radius:4px;border:2px #82B541 solid;padding:10px 40px;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap}.market-highlight__cta a:hover,.market-highlight__cta a:active,.market-highlight__cta a:focus{color:#75a23a}@media (min-width: 680px){.market-highlight__cards{margin:0 auto}.market-highlight__cards:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.market-highlight__cards{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.market-highlight__cards{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.market-highlight__cards{max-width:630px}}.market-highlight__card{position:relative;float:left;width:300px;margin-right:30px;background:#FFFFFF;border:solid 1px #E4E4E4;border-radius:4px;text-align:left}@media (max-width: 679px){.market-highlight__card{margin-right:auto;margin-left:auto;float:none}}@media (min-width: 1340px){.market-highlight__card:nth-child(4n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.market-highlight__card:nth-child(3n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.market-highlight__card:nth-child(2n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.market-highlight__card:nth-child(n+4){display:none}}@media (min-width: 680px) and (max-width: 1023px){.market-highlight__card:nth-child(n+3){display:none}}.market-highlight__card a{color:#4B4B4B}.market-highlight__card-image{width:100%;height:170px}.market-highlight__card-content{padding:10px}.market-highlight__card-title{font-weight:bold}.market-highlight__card-description{font-size:14px}.post-translate{border:solid 1px #E4E4E4;border-radius:2px;margin-bottom:20px;padding:30px;text-align:center;font-size:13px;color:#8FA6B3}.post-translate-heading{font-weight:bold;font-size:14px}.post-translate-button{display:block;background:#046FA9;color:#FFFFFF;border-radius:4px;padding:8px 0 8px;vertical-align:middle;text-align:center;cursor:pointer;white-space:nowrap}.post-translate-button:hover,.post-translate-button:active,.post-translate-button:focus{background:#035f90;color:#FFFFFF}.post-translate-by{margin-top:10px;font-size:11px}.post-translate-by-image{width:70px;vertical-align:-7px;margin-left:7px}.free-trial-highlight.image-green{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/image-green-591d64ab88d4b6519067334360f0373d1ac68528e469e0b91f2fb57e5ddb664e.png)}.free-trial-highlight.image-grey{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/image-grey-1ff0aa27184780c595079e0b3812cfad0bf7d85cf25843d303aa7532cf1ff55b.png)}.free-trial-highlight.image-teal{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/image-teal-810c9e2028ed4e3f5903e16b93044cf10d53fb6f1e1b71ad721f74c549f7a3a2.png)}.free-trial-highlight.blue{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/background-blue-d90e1c758828ee65f87a0addba9af1a6db21d786c10dcecf6d963d5ca6851528.png)}.free-trial-highlight.blue .free-trial-highlight__highlight-text{color:#2682FF}.free-trial-highlight.blue .free-trial-highlight__action-text{background:#2682FF}.free-trial-highlight.blue .free-trial-highlight__action-button{background:#0d73ff}.free-trial-highlight.orange{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/background-orange-d33c5b4eb816b505adbb79a684f779cd3726f7b0148a04508448c106ea5c00d2.png)}.free-trial-highlight.orange .free-trial-highlight__highlight-text{color:#EE654E}.free-trial-highlight.orange .free-trial-highlight__action-text{background:#EE654E}.free-trial-highlight.orange .free-trial-highlight__action-button{background:#ec5137}.free-trial-highlight.green{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/background-green-d73de7c2b6af0d2e0d8b0e9e638c4098857ddd931872e6b34c8760cab3b629cf.png)}.free-trial-highlight.green .free-trial-highlight__action-text{color:#3A3A3A}.free-trial-highlight.green .free-trial-highlight__highlight-text{color:#26FFBA}.free-trial-highlight.green .free-trial-highlight__action-text{background:#26FFBA}.free-trial-highlight.green .free-trial-highlight__action-button{background:#00f2a5}.free-trial-highlight.purple{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/free_trial/background-purple-9bde6b4763fe098a528398f75f41d6ac181bced7b1cdde32b354bf3ae230fe8b.png)}.free-trial-highlight.purple .free-trial-highlight__highlight-text{color:#A355D4}.free-trial-highlight.purple .free-trial-highlight__action-text{background:#A355D4}.free-trial-highlight.purple .free-trial-highlight__action-button{background:#9841cf}.free-trial-highlight{color:#FFFFFF;background:#260203;background-position:center;padding:40px 20px;border-radius:4px;text-align:center;margin:auto;margin-bottom:30px;font-weight:bold;width:100%;max-width:300px}.free-trial-highlight a{color:#FFFFFF}.free-trial-highlight.subscription-image{min-height:250px;min-width:300px;background-size:100% 100%}.free-trial-highlight__logo{margin:0 auto;width:60%}.free-trial-highlight__header{font-size:28px;text-shadow:2px 2px #000000;padding:25px 0}.free-trial-highlight__line-one{margin-bottom:5px}.free-trial-highlight__header{text-transform:uppercase}.free-trial-highlight__action-text{display:table-cell;white-space:nowrap;padding:10px 15px;border-top-left-radius:4px;border-bottom-left-radius:4px}.free-trial-highlight__action-button{display:table-cell;width:1%;border-top-right-radius:4px;border-bottom-right-radius:4px}.free-trial-highlight__action-button .fa-angle-right{width:38px;font-size:20px}.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{-moz-border-radius:0 0 0 0 !important;-webkit-border-radius:0 0 0 0 !important;background:none !important;border:0 !important;bottom:auto !important;float:none !important;height:auto !important;left:auto !important;line-height:1.1em !important;margin:0 !important;outline:0 !important;overflow:visible !important;padding:0 !important;position:static !important;right:auto !important;text-align:left !important;top:auto !important;vertical-align:baseline !important;width:auto !important;box-sizing:content-box !important;font-family:"Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;font-weight:normal !important;font-style:normal !important;font-size:1em !important;min-height:inherit !important;min-height:auto !important}.syntaxhighlighter{width:100% !important;margin:1em 0 1em 0 !important;position:relative !important;overflow:auto !important;font-size:1em !important}.syntaxhighlighter.source{overflow:hidden !important}.syntaxhighlighter .bold{font-weight:bold !important}.syntaxhighlighter .italic{font-style:italic !important}.syntaxhighlighter .line{white-space:pre !important}.syntaxhighlighter table{width:100% !important}.syntaxhighlighter table caption{text-align:left !important;padding:.5em 0 0.5em 1em !important}.syntaxhighlighter table td.code{width:100% !important}.syntaxhighlighter table td.code .container{position:relative !important}.syntaxhighlighter table td.code .container textarea{box-sizing:border-box !important;position:absolute !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;border:none !important;background:white !important;padding-left:1em !important;overflow:hidden !important;white-space:pre !important}.syntaxhighlighter table td.gutter .line{text-align:right !important;padding:0 0.5em 0 1em !important}.syntaxhighlighter table td.code .line{padding:0 1em !important}.syntaxhighlighter.nogutter td.code .container textarea,.syntaxhighlighter.nogutter td.code .line{padding-left:0em !important}.syntaxhighlighter.show{display:block !important}.syntaxhighlighter.collapsed table{display:none !important}.syntaxhighlighter.collapsed .toolbar{padding:0.1em 0.8em 0em 0.8em !important;font-size:1em !important;position:static !important;width:auto !important;height:auto !important}.syntaxhighlighter.collapsed .toolbar span{display:inline !important;margin-right:1em !important}.syntaxhighlighter.collapsed .toolbar span a{padding:0 !important;display:none !important}.syntaxhighlighter.collapsed .toolbar span a.expandSource{display:inline !important}.syntaxhighlighter .toolbar{position:absolute !important;right:1px !important;top:1px !important;width:11px !important;height:11px !important;font-size:10px !important;z-index:10 !important}.syntaxhighlighter .toolbar span.title{display:inline !important}.syntaxhighlighter .toolbar a{display:block !important;text-align:center !important;text-decoration:none !important;padding-top:1px !important}.syntaxhighlighter .toolbar a.expandSource{display:none !important}.syntaxhighlighter.ie{font-size:.9em !important;padding:1px 0 1px 0 !important}.syntaxhighlighter.ie .toolbar{line-height:8px !important}.syntaxhighlighter.ie .toolbar a{padding-top:0px !important}.syntaxhighlighter.printing .line.alt1 .content,.syntaxhighlighter.printing .line.alt2 .content,.syntaxhighlighter.printing .line.highlighted .number,.syntaxhighlighter.printing .line.highlighted.alt1 .content,.syntaxhighlighter.printing .line.highlighted.alt2 .content{background:none !important}.syntaxhighlighter.printing .line .number{color:#bbbbbb !important}.syntaxhighlighter.printing .line .content{color:black !important}.syntaxhighlighter.printing .toolbar{display:none !important}.syntaxhighlighter.printing a{text-decoration:none !important}.syntaxhighlighter.printing .plain,.syntaxhighlighter.printing .plain a{color:black !important}.syntaxhighlighter.printing .comments,.syntaxhighlighter.printing .comments a{color:#008200 !important}.syntaxhighlighter.printing .string,.syntaxhighlighter.printing .string a{color:blue !important}.syntaxhighlighter.printing .keyword{color:#006699 !important;font-weight:bold !important}.syntaxhighlighter.printing .preprocessor{color:gray !important}.syntaxhighlighter.printing .variable{color:#aa7700 !important}.syntaxhighlighter.printing .value{color:#009900 !important}.syntaxhighlighter.printing .functions{color:#ff1493 !important}.syntaxhighlighter.printing .constants{color:#0066cc !important}.syntaxhighlighter.printing .script{font-weight:bold !important}.syntaxhighlighter.printing .color1,.syntaxhighlighter.printing .color1 a{color:gray !important}.syntaxhighlighter.printing .color2,.syntaxhighlighter.printing .color2 a{color:#ff1493 !important}.syntaxhighlighter.printing .color3,.syntaxhighlighter.printing .color3 a{color:red !important}.syntaxhighlighter.printing .break,.syntaxhighlighter.printing .break a{color:black !important}.syntaxhighlighter{background-color:white !important}.syntaxhighlighter .line.alt1{background-color:white !important}.syntaxhighlighter .line.alt2{background-color:white !important}.syntaxhighlighter .line.highlighted.alt1,.syntaxhighlighter .line.highlighted.alt2{background-color:#e0e0e0 !important}.syntaxhighlighter .line.highlighted.number{color:black !important}.syntaxhighlighter table caption{color:black !important}.syntaxhighlighter .gutter{color:#afafaf !important}.syntaxhighlighter .gutter .line{border-right:3px solid #6ce26c !important}.syntaxhighlighter .gutter .line.highlighted{background-color:#6ce26c !important;color:white !important}.syntaxhighlighter.printing .line .content{border:none !important}.syntaxhighlighter.collapsed{overflow:visible !important}.syntaxhighlighter.collapsed .toolbar{color:blue !important;background:white !important;border:1px solid #6ce26c !important}.syntaxhighlighter.collapsed .toolbar a{color:blue !important}.syntaxhighlighter.collapsed .toolbar a:hover{color:red !important}.syntaxhighlighter .toolbar{color:white !important;background:#6ce26c !important;border:none !important}.syntaxhighlighter .toolbar a{color:white !important}.syntaxhighlighter .toolbar a:hover{color:black !important}.syntaxhighlighter .plain,.syntaxhighlighter .plain a{color:black !important}.syntaxhighlighter .comments,.syntaxhighlighter .comments a{color:#008200 !important}.syntaxhighlighter .string,.syntaxhighlighter .string a{color:blue !important}.syntaxhighlighter .keyword{color:#006699 !important}.syntaxhighlighter .preprocessor{color:gray !important}.syntaxhighlighter .variable{color:#aa7700 !important}.syntaxhighlighter .value{color:#009900 !important}.syntaxhighlighter .functions{color:#ff1493 !important}.syntaxhighlighter .constants{color:#0066cc !important}.syntaxhighlighter .script{font-weight:bold !important;color:#006699 !important;background-color:none !important}.syntaxhighlighter .color1,.syntaxhighlighter .color1 a{color:gray !important}.syntaxhighlighter .color2,.syntaxhighlighter .color2 a{color:#ff1493 !important}.syntaxhighlighter .color3,.syntaxhighlighter .color3 a{color:red !important}.syntaxhighlighter .keyword{font-weight:bold !important}.syntaxhighlighter{background-color:#f5f7f8 !important}.syntaxhighlighter a,.syntaxhighlighter div,.syntaxhighlighter code,.syntaxhighlighter table,.syntaxhighlighter table td,.syntaxhighlighter table tr,.syntaxhighlighter table tbody,.syntaxhighlighter table thead,.syntaxhighlighter table caption,.syntaxhighlighter textarea{padding:5px 0 !important;font:14px "Source Code Pro", Monaco, monospace !important}.syntaxhighlighter .gutter .line{border-right:solid 1px #E4E4E4 !important}.syntaxhighlighter .line.alt1,.syntaxhighlighter .line.alt2{background-color:#f5f7f8 !important}.ecosystem-highlight{background-color:#303030;font-family:"Helvetica Neue", "Roboto", Arial, sans-serif;width:100%;padding:80px 0;text-align:center}@media (min-width: 680px) and (max-width: 1023px){.ecosystem-highlight{height:auto;padding:40px 0;text-align:center}}@media (max-width: 679px){.ecosystem-highlight{display:none}}@media (min-width: 680px){.ecosystem-highlight__cards{margin:0 auto}.ecosystem-highlight__cards:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.ecosystem-highlight__cards{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.ecosystem-highlight__cards{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.ecosystem-highlight__cards{max-width:630px}}.ecosystem-highlight__card{position:relative;float:left;width:300px;margin-right:30px;min-height:300px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);background:#FFF;border:solid 1px #303030;border-radius:4px;text-align:left}@media (max-width: 679px){.ecosystem-highlight__card{margin-right:auto;margin-left:auto;float:none}}@media (min-width: 1340px){.ecosystem-highlight__card:nth-child(4n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.ecosystem-highlight__card:nth-child(3n){margin-right:0}}@media (min-width: 680px) and (max-width: 1023px){.ecosystem-highlight__card:nth-child(2n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.ecosystem-highlight__card:nth-child(n+4){display:none}}@media (min-width: 680px) and (max-width: 1023px){.ecosystem-highlight__card:nth-child(n+3){display:none}}.ecosystem-highlight__card a{color:#4B4B4B}.ecosystem-highlight__card-image{width:100%;height:150px}.ecosystem-highlight__card-content{padding:10px}.ecosystem-highlight__card-title{font-size:18px;font-weight:500;line-height:24px;color:#444444}.ecosystem-highlight__card-description{font-size:16px;font-weight:500;line-height:22px;margin-top:10px;color:#969696}.content-space-info-container{font-family:"Roboto", Arial, sans-serif;width:100%}@media (min-width: 680px) and (max-width: 1023px){.content-space-info-container{height:auto;padding:40px 0;text-align:center}}@media (min-width: 680px){.content-space-info__cards{margin:0 auto}.content-space-info__cards:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.content-space-info__cards{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.content-space-info__cards{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.content-space-info__cards{max-width:630px}}.cards_container{margin-top:25px}.content-space-info__card{position:relative;float:left;width:273px;margin-right:15px;min-height:320px;background:#FFF;border:solid 1px #e1e8ed;border-radius:2px;text-align:left}@media (max-width: 679px){.content-space-info__card{margin-right:auto;margin-left:auto;float:none}}@media (min-width: 1340px){.content-space-info__card:nth-child(3n){margin-right:0}}@media (min-width: 1024px) and (max-width: 1339px){.content-space-info__card:nth-child(2n){margin-right:0;margin-bottom:15px}}.content-space-info__card .content-space-info-preview:hover{opacity:0.8}@media (min-width: 680px) and (max-width: 1023px){.content-space-info__card{margin-bottom:15px}}@media (max-width: 679px){.content-space-info__card{margin-bottom:15px}}.post-body__content .content-space-info__card-image{width:100%;outline:0px;margin:0px;border-radius:4px 4px 0px 0px;border-bottom:solid 1px #e1e8ed;background:#fbfbfb;padding:2px}.content-space-info__header-title{font:bold 25px/1.4em "Roboto", Arial, sans-serif;color:#2A3744}.content-space-info__header-description{width:100%}.content-space-info__card-content{padding:10px}.content-space-info__card-title h1{font:bold 18px/1.4em "Roboto", Arial, sans-serif;color:#2A3744;padding-right:10px;margin-top:0;margin-bottom:0}@media (min-width: 1024px) and (max-width: 1339px){.content-space-info__card-title h1{font-size:15px}}.content-space-info__card-title{display:block;margin:10px 15px 0}.content-space-info__card-description{font-size:14px;color:#7d7d7d;line-height:1.5em;padding:9px 15px 5px 15px;position:absolute;top:245px}@media (min-width: 1024px) and (max-width: 1339px){.content-space-info__card-description{font-size:13px}}.quick-links{background-color:#303030;color:#ffffff;font-family:"Roboto", Arial, sans-serif;font-size:13px}.quick-links__collapsed .quick-links__toggle-icon:before{transform:rotate(-90deg)}.quick-links__collapsed .quick-links__toggle-icon:after{opacity:1}.quick-links__collapsed .quick-links__content{max-height:0;opacity:0;display:none}@media (min-width: 680px){.quick-links__container{margin:0 auto}.quick-links__container:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.quick-links__container{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.quick-links__container{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.quick-links__container{max-width:630px}}@media (max-width: 679px){.quick-links__container{padding:10px}}.quick-links__title{border-top:2px solid #454545;padding-top:24px;padding-bottom:24px}@media (max-width: 679px){.quick-links__title{border:none}}.quick-links__toggle{cursor:pointer;display:inline-block}.quick-links__toggle-icon{display:inline-block;position:relative;width:10px;height:10px;margin-right:16px}.quick-links__toggle-icon:before,.quick-links__toggle-icon:after{content:"";position:absolute;background:gray;transition:200ms all ease-out;top:4px;left:0;right:0;height:2px}.quick-links__toggle-icon:after{opacity:0}.quick-links__toggle-text{color:#ffffff;text-transform:uppercase;font-weight:bold}.quick-links__toggle-text:hover,.quick-links__toggle-text:active,.quick-links__toggle-text:focus{text-decoration:underline}.quick-links__toggle-subtext{opacity:0.5}.quick-links__toggle-subtext:before{content:" - "}.quick-links__content{display:flex;flex-flow:row wrap;height:auto;max-height:1500px;overflow:hidden;opacity:1;transition:all 0.5s cubic-bezier(0.39, 0.575, 0.565, 1)}.quick-links__list{width:20%;list-style:none;margin-top:0;margin-bottom:24px;padding:0}@media (min-width: 680px) and (max-width: 1023px){.quick-links__list{width:33.33%}}@media (max-width: 679px){.quick-links__list{width:100%}}.quick-links__list-title{display:inline-block;width:100%;white-space:nowrap;margin-bottom:8px}.quick-links__list-item{display:inline-block;width:100%;white-space:nowrap}@media (max-width: 679px){.quick-links__list-item{width:auto;margin-right:5px}.quick-links__list-item:after{position:absolute;content:", ";opacity:0.5}.quick-links__list-item:last-child:after{content:""}}.quick-links__link{color:#999999}.quick-links__link:hover,.quick-links__link:active,.quick-links__link:focus{color:#ffffff;text-decoration:underline}.page-footer{background:#191919;font-size:14px;line-height:1.6em;font-family:Roboto, sans-serif}.page-footer__content{padding-bottom:20px;padding-top:50px}@media (min-width: 680px){.page-footer__content{margin:0 auto}.page-footer__content:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.page-footer__content{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__content{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__content{max-width:630px}}@media (max-width: 679px){.page-footer__content{padding:10px}}.page-footer__links{font-size:0}.page-footer__links-column{font-size:14px;width:300px;display:inline-block;vertical-align:top;margin-right:0}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__links-column{width:190px}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__links-column{width:190px}}@media (max-width: 679px){.page-footer__links-column{width:100%;text-align:center;margin-bottom:0;border-top:solid 1px #17232c}}.page-footer__links-last-column{margin-right:0}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__links-last-column{width:300px}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__links-last-column{width:100%;display:block;margin-right:0;margin-top:30px}}@media (max-width: 679px){.page-footer__links-last-column{padding-top:20px}}@media (max-width: 679px){.page-footer__section{transition:max-height 0.5s ease;max-height:3.5em;overflow:hidden;position:relative;background-color:#191919}}.page-footer__section--expanded{max-height:1000px}.page-footer__section--expanded .page-footer__links-column-expansion-link-expand-text{display:none}.page-footer__section--expanded .page-footer__links-column-expansion-link-collapse-text{display:block}@media (max-width: 679px){.page-footer__section-subscribe{max-height:1000px}}.page-footer__heading{color:#FFF;text-transform:uppercase;font-weight:bold;line-height:1.2em;margin-bottom:20px}@media (max-width: 679px){.page-footer__heading{margin-bottom:0;line-height:3.5em}}.page-footer__links-column-expansion-link{display:none}@media (max-width: 679px){.page-footer__links-column-expansion-link{height:3.5em;width:3.5em;display:block;position:absolute;top:0;right:0;line-height:3.5em;color:#999999}.page-footer__links-column-expansion-link:visited,.page-footer__links-column-expansion-link:active,.page-footer__links-column-expansion-link:focus{color:#999999}.page-footer__links-column-expansion-link:hover{color:#ffffff}}.page-footer__links-column-expansion-link-collapse-text{display:none}.page-footer__links-column-link-icon{margin-left:5px;vertical-align:middle}@media (max-width: 679px){.page-footer__item{line-height:3em}.page-footer__item:last-child{margin-bottom:15px}}.page-footer__link{color:#999999;white-space:nowrap}.page-footer__link:hover,.page-footer__link:active,.page-footer__link:focus{color:#ffffff;text-decoration:underline}.page-footer__tuts-brand{position:relative;color:#8E8E8E}@media (min-width: 680px){.page-footer__tuts-brand{margin-bottom:40px;float:left}}@media (max-width: 679px){.page-footer__tuts-brand{margin-bottom:20px}}.page-footer__tuts-logo-image{margin:7px 0 16px 0;vertical-align:middle;width:144px;height:18px}.page-footer__tuts-brand-text{font-size:12px}@media (min-width: 680px){.page-footer__tuts-brand-text{display:block}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__tuts-brand-text{display:block;margin-left:0;margin-top:-10px}}@media (max-width: 679px){.page-footer__tuts-brand-text{display:block;margin-top:-10px}}@media (min-width: 680px){.page-footer__counts{margin-top:8px}}@media (max-width: 1023px){.page-footer__counts{margin-bottom:20px}}.page-footer__count-item{display:block;width:80px;float:left}.page-footer__count-item:first-child{margin-left:0}@media (max-width: 1023px){.page-footer__count-item{display:inline-block;float:none}}.page-footer__count-label{color:#8e8e8e;display:block}.page-footer__count-value{color:#fff;display:block;font-weight:500;font-size:18px}.page-footer__social-link{width:36px;height:36px;display:inline-block;vertical-align:middle}.page-footer__social-link:hover{position:relative}.page-footer__social-link:hover:before{content:"";display:block;position:absolute;width:100%;height:100%;left:0;top:0;border-radius:3px}.page-footer__facebook-link:hover:before{background-color:rgba(59,89,152,0.3)}.page-footer__twitter-link:hover:before{background-color:rgba(0,172,237,0.3)}.page-footer__pinterest-link:hover:before{background-color:rgba(203,32,39,0.3)}.page-footer__rss{float:left;width:410px}.page-footer__envato_teaser{margin-top:10px}@media (max-width: 679px){.page-footer__envato_teaser{width:50%}}.page-footer__envato-product{overflow:hidden;margin-bottom:10px;color:#8e8e8e;display:inline-block;background-color:#19212A;padding:20px;position:relative}.page-footer__envato-product:last-child{float:right}@media (min-width: 1340px){.page-footer__envato-product{width:630px}}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__envato-product{width:465px}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__envato-product{width:630px}}@media (max-width: 679px){.page-footer__envato-product{width:180px}.page-footer__envato-product:last-child{float:none}}.page-footer__envato-product-image{width:140px;margin-right:30px;float:left}.page-footer__envato-product-description{margin-left:170px}@media (max-width: 679px){.page-footer__envato-product-description{margin:122px 0 0 0;word-wrap:break-word;font-size:14px}}@media (max-width: 679px){.page-footer__envato-product-description-text{display:none}}.page-footer__envato-product-link{margin-top:5px;display:block;color:#fff;position:absolute;bottom:20px}@media (max-width: 679px){.page-footer__envato-product-link{position:initial;white-space:normal;text-align:left}}.page-footer__envato-bar{background:#191919}.page-footer__envato-bar-content{color:#999999;border-top:1px solid #333333;overflow:hidden;position:relative}@media (min-width: 680px){.page-footer__envato-bar-content{margin:0 auto}.page-footer__envato-bar-content:after{content:"";display:table;clear:both}}@media (min-width: 1340px){.page-footer__envato-bar-content{max-width:1290px}}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__envato-bar-content{max-width:960px}}@media (min-width: 680px) and (max-width: 1023px){.page-footer__envato-bar-content{max-width:630px}}@media (min-width: 680px){.page-footer__envato-bar-content{padding-top:25px;padding-bottom:25px}}@media (max-width: 679px){.page-footer__envato-bar-content{padding:10px 10px 7px}}@media (min-width: 1340px){.page-footer__envato-bar-content-left-column{float:left;width:630px}}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__envato-bar-content-left-column{float:left;width:520px}}@media (min-width: 1340px){.page-footer__envato-bar-content-right-column{float:right;width:410px;padding-top:20px}}@media (min-width: 1024px) and (max-width: 1339px){.page-footer__envato-bar-content-right-column{float:right;width:410px;padding-top:20px}}@media (max-width: 1023px){.page-footer__envato-bar-content-right-column{float:left;width:100%}}.page-footer__envato-bar-links{margin:0;padding:0;list-style-type:none;line-height:40px}.page-footer__envato-bar-link-item{display:inline;margin-right:10px}.page-footer__envato-bar-link{font-size:14px;line-height:40px;color:#FFFFFF}.page-footer__envato-bar-link:hover,.page-footer__envato-bar-link:active,.page-footer__envato-bar-link:focus{color:#ffffff;text-decoration:underline}.page-footer__copyright{display:block;float:left;font-size:12px;line-height:20px}@media (max-width: 1023px){.page-footer__copyright{float:none;text-align:left;line-height:2em;margin-bottom:10px}}.page-footer__follow-us{margin:0;text-align:right;font-size:12px;list-style:none}@media (max-width: 1023px){.page-footer__follow-us{float:left;padding:0}}.page-footer__follow-us-element{display:inline-block;margin-left:12px}@media (max-width: 1023px){.page-footer__follow-us-element:nth-child(2){margin-left:0}.page-footer__follow-us-element:first-child{display:inline-block;line-height:2.5em;margin-left:0}}.hidden{display:none}.show{display:flex}.sign-up-modal{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:fixed;top:0;justify-content:center;align-items:center;z-index:10}.sign-up-modal .modal-content{background:#FFFFFF;border:1px solid #E7E7E8;border-radius:0.5em;position:relative;margin:0 auto;font-family:-apple-system, BlinkMacSystemFont, ".SFNS Text", sans-serif;padding:1.88em;max-height:90vh;overflow:auto}@media (max-width: 679px){.sign-up-modal .modal-content{margin:0 10px;padding:1em}}.sign-up-modal .modal-content .close{color:#AAAAAA;font-size:1.57em;position:absolute;top:0.4em;right:0.7em;font-weight:bold;margin-bottom:3px}@media (max-width: 679px){.sign-up-modal .modal-content .close{top:0.2em;right:0.4em}}.sign-up-modal .modal-content .close:hover,.sign-up-modal .modal-content .close:focus{color:#000000;text-decoration:none;cursor:pointer}@media (min-width: 680px){.sign-up-modal .modal-content .header{font-size:16px}}@media (max-width: 679px){.sign-up-modal .modal-content .header{font-size:12px}}.sign-up-modal .modal-content .header .sign-up-modal__header{font-weight:bold;font-size:1.87em;margin-top:0.3em}@media (max-width: 679px){.sign-up-modal .modal-content .header .sign-up-modal__header{line-height:1.25em}}.sign-up-modal .modal-content .header .sign-up-modal__sub-header{font-size:1em;margin:0;font-weight:600;color:#A1A1A3;line-height:1.4em}@media (max-width: 679px){.sign-up-modal .modal-content .header .sign-up-modal__sub-header{margin-bottom:20px;font-size:3.5vw}}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-1,.sign-up-modal .modal-content .modal-body .column-2,.sign-up-modal .modal-content .modal-body .column-3{margin-top:1.25em;float:left;height:18.75em}}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-1,.sign-up-modal .modal-content .modal-body .column-3{width:46%}}.sign-up-modal .modal-content .modal-body .column-1 .column-header .image,.sign-up-modal .modal-content .modal-body .column-3 .column-header .image{width:3.13em;height:3.13em;float:left;margin-right:0.6em;vertical-align:middle}.sign-up-modal .modal-content .modal-body .column-1 .column-header .logo,.sign-up-modal .modal-content .modal-body .column-3 .column-header .logo{height:0.82em;text-align:left;margin-left:3.7em;background-repeat:no-repeat}.sign-up-modal .modal-content .modal-body .column-1 .column-header .mini-description,.sign-up-modal .modal-content .modal-body .column-3 .column-header .mini-description{line-height:40px;font-weight:bold;font-size:14px}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-1 .feature-description,.sign-up-modal .modal-content .modal-body .column-3 .feature-description{display:none}}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-1 .feature-description,.sign-up-modal .modal-content .modal-body .column-3 .feature-description{color:#AAAAAA;font-size:0.9em;font-weight:600;line-height:20px;margin-left:60px}}.sign-up-modal .modal-content .modal-body .column-1 .feature-list,.sign-up-modal .modal-content .modal-body .column-3 .feature-list{list-style:none;font-size:0.87em;padding-left:1.5em}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-1 .feature-list .feature-list-item,.sign-up-modal .modal-content .modal-body .column-3 .feature-list .feature-list-item{word-wrap:normal;padding-left:0.6em}}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-1 .feature-list .feature-list-item,.sign-up-modal .modal-content .modal-body .column-3 .feature-list .feature-list-item{display:none}}.sign-up-modal .modal-content .modal-body .column-1 .column-header .tuts-image{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/tuts_icon-7202d80610c6bc7083716a42f43c52b0d9d6152a051a9974294bd707c1797ca3.svg)}.sign-up-modal .modal-content .modal-body .column-1 .column-header .tuts-logo{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/tuts_logo-35a682eafbbdf2f1ed8dd72e051c3819ebe0a8a089c93599eb5b49c3fded421c.svg);width:6.75em}.sign-up-modal .modal-content .modal-body .column-1 .feature-list{list-style-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/tick_blue-d6c3e45a34e6297b2316769b424484a9213965521fbfbb4e8c347fc29105f40e.svg)}.sign-up-modal .modal-content .modal-body .column-1 .feature-list .feature-list-item.more{list-style-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/plus_blue-3d266bacb520fc76e9b47bb3837040b0f9104d09789b5cc3d9ceb215935c828a.svg)}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-2{width:8%;display:block}}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-2{height:3em}}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider{margin:0 auto;background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/vertical_divider-c43840896b9222bc091e90f7e7e877f1a7e0bc9988862c55b54faefe0b42938d.svg);width:0.125em;height:8em}}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/horizontal_divider-9e01d964f53af2903886b11d126c906616a0aa8a4655037fa30cc8111b25dc05.svg);width:calc( 50vw - 3em );height:2px;float:left;margin-top:1em !important}}.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider.top{margin-bottom:5px}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider.top{margin-right:5px}}.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider.bottom{margin-top:5px}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-2 .modal-body__divider.bottom{margin-left:5px}}.sign-up-modal .modal-content .modal-body .column-2 .ellipse{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/ellipse-c2a9479f413a4e4745bc1ab53e8cf7ee029dd0c33883d9af19ed208129e4d512.svg);width:2em;height:2em;margin:0 auto;display:flex;justify-content:center;align-items:center}@media (max-width: 679px){.sign-up-modal .modal-content .modal-body .column-2 .ellipse{float:left}}.sign-up-modal .modal-content .modal-body .column-2 .ellipse .mid-plus{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/mid_plus-f4e0994d6fcd1353e51caeae358d2977bbbeddb2819f11cdb579b895890c95a4.svg);width:0.5em;height:0.56em}@media (min-width: 680px){.sign-up-modal .modal-content .modal-body .column-3{padding-left:0.63em}}.sign-up-modal .modal-content .modal-body .column-3 .column-header .elements-image{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/elements_icon-bcd99104c57656a488a1784d62faee1e8b2f5205a22842e360a8f297cec405fe.svg)}.sign-up-modal .modal-content .modal-body .column-3 .column-header .elements-logo{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/elements_logo-9931065d32dd9704059e73f51eb4d6ac2f568f993c42138a507509ca9d4229a7.svg);width:8.09em}.sign-up-modal .modal-content .modal-body .column-3 .feature-list{list-style-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/tick_green-a721040a4621696ac281d0410fd943c815a508cf50d6f5ea704b3a3c7e208cd3.svg)}.sign-up-modal .modal-content .modal-body .column-3 .feature-list .feature-list-item.more{list-style-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/plus_green-fbc8e5acec62210d1fa69a4a468405606c1c8d72243ac534a91f4c5d03716837.svg)}.sign-up-modal .modal-content .modal-body:after{content:"";display:table;clear:both}.sign-up-modal .modal-content .footer{margin:-1.88em;text-align:right}@media (max-width: 679px){.sign-up-modal .modal-content .footer{margin:-1em;margin-top:5px}}@media (min-width: 680px){.sign-up-modal .modal-content .footer{margin-top:0}}.sign-up-modal .modal-content .footer .students-discount{margin-bottom:-15px}.sign-up-modal .modal-content .footer .students-discount .students-discount-banner{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/students_discount_banner-27273c23187773504d969e605174e5600b45dfbadf5034feeedcfb1be2ccc124.svg);width:8.69em;height:1.5em;margin-top:0px;margin-left:70%}@media (max-width: 679px){.sign-up-modal .modal-content .footer .students-discount .students-discount-banner{margin-left:calc(100vw - 11.5em)}}.sign-up-modal .modal-content .footer .students-discount .arrow{background-image:url(https://search.webdepozit.sk/webarchiv/public/20201002011932/https://static.tutsplus.com/assets/sign_up_modal/arrow-fc4d3e6e08e2aa2a8a1389fb499e7d740ade6afcbf8abc79058d1163719d342b.svg);width:2.9em;height:2.38em;margin-left:86%;position:relative;z-index:5}@media (max-width: 679px){.sign-up-modal .modal-content .footer .students-discount .arrow{margin-left:calc(100vw - 7.5em)}}.sign-up-modal .modal-content .footer .subscribe-with-elements{padding:10px;background-color:#EEEEEE;border-radius:0 0 0.5em 0.5em}@media (max-width: 679px){.sign-up-modal .modal-content .footer .subscribe-with-elements{padding:10px 0}}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content,.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container{display:inline-block;margin:10px;font-weight:bold;line-height:1.07em}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content{font-size:1.13em;color:#89898C;vertical-align:middle}@media (max-width: 679px){.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content{font-size:0.75em}}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content .from{display:inline-block;vertical-align:top;margin-right:5px}@media (max-width: 679px){.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content .from{margin-right:3px}}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements__pricing-content .subscribe-with-elements__pricing-price{color:#262626;font-size:1.77em}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container .subscribe-with-elements__button{width:9.7em;height:3.4em;background-color:#F93D66;padding:1.07em;color:#FFFFFF;font-size:0.88em;display:block;border-radius:0.14em;text-align:center}@media (max-width: 679px){.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container .subscribe-with-elements__button{width:8.7em;height:2.9em;padding:0.82em 0.57em}}.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container .subscribe-with-elements__button:hover,.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container .subscribe-with-elements__button:focus,.sign-up-modal .modal-content .footer .subscribe-with-elements .subscribe-with-elements-btn-container .subscribe-with-elements__button:active{background-color:#c73152;color:#FFFFFF}






/*
     FILE ARCHIVED ON 1:19:32 Oct 2, 2020 AND RETRIEVED FROM THE
     AN OPENWAYBACK INSTANCE ON 7:20:34 Sep 26, 2025.
     JAVASCRIPT APPENDED BY OPENWAYBACK, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/