.color-primary-1{color:#ffdc64}.color-primary-2{color:#ffd339}.color-primary-3{color:#c69900}.color-primary-4{color:#9b7900}.color-secondary-2-0{color:#0d56a6}.color-secondary-2-1{color:#5385bd}.color-secondary-2-2{color:#316bac}.color-secondary-2-3{color:#0a4281}.color-secondary-2-4{color:#063365}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap;word-wrap:break-word}q{quotes:2 1C 2 1D 2 18 2 19}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}body,figure{margin:0}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}*{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}input[type=color],input[type=date],input[type=datetime],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select:focus,textarea{font-size:16px}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.bounce{-webkit-animation-name:bounce;animation-name:bounce}.shake{-webkit-animation-name:shake;animation-name:shake}@-moz-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}@-webkit-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}@-o-keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,to{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}@-moz-keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}}@-webkit-keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}}@-o-keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}}@keyframes shake{0%,to{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translate(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translate(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translate(10px)}}@font-face{font-family:radnika-next;src:url(/https/BeginnerJavaScript.com/assets/RadnikaNext-ExtraBold.CFRqlX-l.woff2) format("woff2"),url(/https/BeginnerJavaScript.com/assets/RadnikaNext-ExtraBold.CcL9tmvG.woff) format("woff");font-weight:700;font-style:normal}h1,.button,button,h2,h3,.pacing{font-weight:100;font-family:radnika-next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}h1,h2,h3,h4,h5,h6,.pacing{color:#000;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;font-style:italic;font-family:radnika-next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}html{font-size:10px;line-height:1.6;border-top:5px solid #ffc600;font-family:radnika-next,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}p,li{font-size:1.7rem;color:#000;font-weight:500}body{-webkit-font-smoothing:antialiased;font-family:sans-serif;-moz-osx-font-smoothing:grayscale}h2{font-size:4rem;color:#000}h3,.pacing{font-size:3rem;color:#000}h4{letter-spacing:0}.center{text-align:center}.usd{font-size:1.2rem}.content{color:#000;padding-top:35px}.banner{font-size:10rem;color:#fff;letter-spacing:-1px;margin:2rem 0;padding:0;line-height:1.5;text-shadow:7px -3px 0 rgba(0,0,0,.08);z-index:2;text-align:center;position:relative;transition:all .2s}@media (max-width: 800px){.banner{text-shadow:3px -2px 0 rgba(0,0,0,.08)}.banner--videos{font-size:4rem!important}}.banner--large{font-size:10rem}.banner--medium{font-size:13rem;line-height:1;margin-bottom:4rem}.banner--videos{font-size:8rem;line-height:1;margin-top:5rem}.banner--videos span{display:block;height:10px;background-image:linear-gradient(0deg,transparent 12px,#ffc600 13px,#ffc600 22px,transparent 23px,transparent 100%)}.banner--small{font-size:4rem;line-height:1;margin-bottom:4rem}.banner--full:before{height:100%;transform:translateY(0) rotate(-.3deg)}.faq{border-bottom:2px solid #ffc600}.faq:first-of-type{border-top:2px solid #ffc600}.faqs h2.banner{font-weight:100;font-size:10rem}.faqs .faq h3{font-size:2.4rem;margin-top:1rem;font-weight:600}.rope{position:relative;font-family:radnika-next;text-shadow:2px 2px 0 rgba(0,0,0,.1);font-size:60px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;color:#fff;align-items:center}.rope:before,.rope:after{display:block;content:"";height:20px;background:url("data:image/svg+xml,%3csvg%20width='45'%20height='60'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.694%201.944L44.911.517%2024.546%2024.05l17.913.908S.622%2060.069.62%2060.082l17.876-25.99-12.482-.616c.014.004%2020.681-31.532%2020.681-31.532z'%20fill='%23FFC600'%20fill-rule='nonzero'/%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:left}.rope:before{background-position:right}div.countdownBanner.black-friday{padding:30px;margin-top:0;position:relative;text-shadow:2px 2px 0 rgba(0,0,0,.05);transform:none;background-image:linear-gradient(160deg,#3023ae,#c86dd7);border-bottom:10px solid rgba(0,0,0,.03);text-align:left;z-index:69;display:none}div.countdownBanner.black-friday.on{display:block}div.countdownBanner.black-friday.rerecord{background-image:url(https://res.cloudinary.com/wesbos/image/fetch/q_auto,f_auto/https://courses.wesbos.com/images/borealis.jpg);background-position:bottom -20px center;border-bottom:10px solid rgba(0,0,0,.1);padding:5px}div.countdownBanner.black-friday.rerecord .bf-inner{background:#0000002b;padding:5px}div.countdownBanner.black-friday.newyear{background-image:linear-gradient(120deg,#7f00ff,#a64dff);border-bottom:5px solid rgba(0,0,0,.1)}div.countdownBanner.black-friday.newyear .bf-inner{background:none;padding:0}div.countdownBanner.black-friday.newyear .bf-inner a{border-bottom:2px solid #ffc600;text-decoration:none;text-shadow:2px 2px 0 rgba(0,0,0,.2)}div.countdownBanner.black-friday.newyear .well-actually{font-size:2rem}div.countdownBanner.black-friday h1,div.countdownBanner.black-friday p,div.countdownBanner.black-friday span{margin:0;transform:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:900;line-height:1.2;font-size:40px;color:#fff}@media all and (max-width: 1200px){div.countdownBanner.black-friday h1,div.countdownBanner.black-friday p,div.countdownBanner.black-friday span{font-size:25px}}@media all and (max-width: 650px){div.countdownBanner.black-friday h1,div.countdownBanner.black-friday p,div.countdownBanner.black-friday span{font-size:20px}}div.countdownBanner.black-friday h1.well-actually,div.countdownBanner.black-friday p.well-actually,div.countdownBanner.black-friday span.well-actually{font-size:12px}div.countdownBanner.black-friday p{padding-left:0;padding-bottom:7px;padding-right:0}div.countdownBanner.black-friday .rerecord-sub{font-size:15px}div.countdownBanner.black-friday .yellow{color:#ffc600;font-size:20px}div.countdownBanner.black-friday .bf-countdown-clock .time-left{display:flex;justify-content:center}div.countdownBanner.black-friday .bf-countdown-clock .time-left>span{display:flex;flex-direction:column}div.countdownBanner.black-friday .bf-countdown-clock p span{background:none;padding:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}div.countdownBanner.black-friday .bf-countdown-clock .time-unit{font-size:9px;font-weight:500}div.countdownBanner.black-friday a{display:inline;padding:0;color:#fff;border-bottom:1px solid #ffc600}div.countdownBanner.black-friday+header{margin-top:0}div.countdownBanner.black-friday span{text-shadow:none}div.countdownBanner.black-friday small{color:#fff;font-style:italic;font-size:15px}div.countdownBanner.black-friday strike{color:#fff;font-weight:100}div.countdownBanner.black-friday strong.black-friday-price{color:#ffc600}div.countdownBanner.black-friday .also-on-sale{margin:0}div.countdownBanner.black-friday .also-on-sale a{padding:0;color:#fff;font-size:14px;border-bottom:1px solid #ffc600;display:inline-block;margin-top:20pxg}.bf-details{padding:0 20px;flex:1}@media all and (max-width: 650px){.bf-details{padding:0;margin-bottom:10px}}.bf-inner{max-width:1200px;margin:0 auto;display:flex}@media all and (max-width: 650px){.bf-inner{flex-direction:column}}.bf-countdown-clock{border-left:2px solid rgba(0,0,0,.1);padding-left:20px;text-align:center;display:flex;flex-direction:column;justify-content:center}@media all and (max-width: 650px){.bf-countdown-clock{padding-left:0;border-left:0;padding-top:10px;border-top:2px solid rgba(0,0,0,.1);flex-direction:row;justify-content:flex-start;align-items:center}}.bf-laptop{width:275px;display:flex;align-items:center}@media all and (max-width: 1200px){.bf-laptop{width:200px}}@media all and (max-width: 850px){.bf-laptop{display:none}}.bf-laptop img{width:100%}html{overflow-x:hidden}body{background:linear-gradient(180deg,#0252b8,#3583ea);overflow-x:hidden}body.comic *,body.comic button,body.comic p{font-family:Comic Sans MS,cursive,sans-serif!important}.welcome{padding:50px 50px 0;position:relative;background:#fff;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='100px'%20viewBox='0%200%2020%20100'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2048.2%20(47327)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ebank-note-rotated%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0.100000001'%20opacity='0.348675272'%3e%3cg%20id='bank-note-rotated'%20transform='translate(10.000000,%2050.000000)%20rotate(90.000000)%20translate(-10.000000,%20-50.000000)%20translate(-40.000000,%2040.000000)'%20fill='%23000000'%20fill-rule='nonzero'%3e%3cpath%20d='M21.1841339,20%20C21.5411448,19.869748%2021.9037256,19.7358773%2022.272392,19.5983261%20C22.6346445,19.4631679%2023.8705367,18.9999982%2024.0399055,18.9366758%20C33.6397477,15.3475548%2039.6469349,14%2050,14%20C60.2711361,14%2065.3618399,15.2217689%2074.6286093,18.9284767%20C75.584355,19.310775%2076.4978747,19.6675274%2077.3787841,20%20L83.604005,20%20C81.0931362,19.2694473%2078.4649665,18.3089537%2075.3713907,17.0715233%20C65.8881601,13.2782311%2060.5621972,12%2050,12%20C39.3741437,12%2033.144814,13.3973866%2023.3395101,17.0633242%20C23.1688625,17.1271247%2021.9338538,17.5899633%2021.5732596,17.7245028%20C19.0984715,18.6478581%2016.912678,19.3994574%2014.8494171,20%20L21.1841339,20%20Z%20M21.1841339,0%20C13.2575214,2.89194861%208.07672845,4%200,4%20L0,2%20C5.74391753,2%209.9514017,1.4256397%2014.8494171,1.40165657e-15%20L21.1841339,0%20Z%20M77.3787841,0%20C85.238555,2.9664329%2090.5022896,4%20100,4%20L100,2%20C93.1577329,2%2088.6144135,1.4578092%2083.604005,1.04805054e-13%20L77.3787841,0%20Z%20M0,14%20C8.44050043,14%2013.7183277,12.7898887%2022.272392,9.59832609%20C22.6346445,9.46316794%2023.8705367,8.99999822%2024.0399055,8.9366758%20C33.6397477,5.34755477%2039.6469349,4%2050,4%20C60.2711361,4%2065.3618399,5.2217689%2074.6286093,8.92847669%20C84.1118399,12.7217689%2089.4378028,14%20100,14%20L100,12%20C89.7288639,12%2084.6381601,10.7782311%2075.3713907,7.07152331%20C65.8881601,3.2782311%2060.5621972,2%2050,2%20C39.3741437,2%2033.144814,3.39738661%2023.3395101,7.0633242%20C23.1688625,7.12712472%2021.9338538,7.58996334%2021.5732596,7.72450279%20C13.2235239,10.8398294%208.16350991,12%200,12%20L0,14%20Z'%20id='Combined-Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:10px;background-position:top left;box-shadow:0 0 10px 10px #0000000d;z-index:1}@media (max-width: 600px){.welcome{padding:2rem 1rem}}.wave{display:block;left:0;width:100%;height:250px;mask:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20width='100%25'%20height='100%25'%20viewBox='0%200%20660%20263'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20xml:space='preserve'%20xmlns:serif='http://www.serif.com/'%20style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;'%3e%3crect%20id='Artboard2'%20x='0'%20y='0'%20width='660'%20height='263'%20style='fill:none;'/%3e%3cclipPath%20id='_clip1'%3e%3crect%20x='0'%20y='0'%20width='660'%20height='263'/%3e%3c/clipPath%3e%3cg%20clip-path='url(%23_clip1)'%3e%3crect%20id='Artboard1'%20x='0'%20y='0'%20width='715'%20height='263'%20style='fill:none;'/%3e%3cpath%20id='Rectangle-Copy-29'%20d='M0,144.5c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-92c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,33c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-56c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,76c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-59c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,98c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-94c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,38c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-58c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,67c0,15.178%2012.322,27.5%2027.5,27.5c15.178,0%2027.5,-12.322%2027.5,-27.5l0,-70c0,-15.178%2012.322,-27.5%2027.5,-27.5c15.178,0%2027.5,12.322%2027.5,27.5l0,235.5l-660,0l0,-118.5Z'/%3e%3c/g%3e%3c/svg%3e");position:absolute;background:#fff;z-index:-1;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='100px'%20viewBox='0%200%2020%20100'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2048.2%20(47327)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ebank-note-rotated%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0.100000001'%20opacity='0.348675272'%3e%3cg%20id='bank-note-rotated'%20transform='translate(10.000000,%2050.000000)%20rotate(90.000000)%20translate(-10.000000,%20-50.000000)%20translate(-40.000000,%2040.000000)'%20fill='%23000000'%20fill-rule='nonzero'%3e%3cpath%20d='M21.1841339,20%20C21.5411448,19.869748%2021.9037256,19.7358773%2022.272392,19.5983261%20C22.6346445,19.4631679%2023.8705367,18.9999982%2024.0399055,18.9366758%20C33.6397477,15.3475548%2039.6469349,14%2050,14%20C60.2711361,14%2065.3618399,15.2217689%2074.6286093,18.9284767%20C75.584355,19.310775%2076.4978747,19.6675274%2077.3787841,20%20L83.604005,20%20C81.0931362,19.2694473%2078.4649665,18.3089537%2075.3713907,17.0715233%20C65.8881601,13.2782311%2060.5621972,12%2050,12%20C39.3741437,12%2033.144814,13.3973866%2023.3395101,17.0633242%20C23.1688625,17.1271247%2021.9338538,17.5899633%2021.5732596,17.7245028%20C19.0984715,18.6478581%2016.912678,19.3994574%2014.8494171,20%20L21.1841339,20%20Z%20M21.1841339,0%20C13.2575214,2.89194861%208.07672845,4%200,4%20L0,2%20C5.74391753,2%209.9514017,1.4256397%2014.8494171,1.40165657e-15%20L21.1841339,0%20Z%20M77.3787841,0%20C85.238555,2.9664329%2090.5022896,4%20100,4%20L100,2%20C93.1577329,2%2088.6144135,1.4578092%2083.604005,1.04805054e-13%20L77.3787841,0%20Z%20M0,14%20C8.44050043,14%2013.7183277,12.7898887%2022.272392,9.59832609%20C22.6346445,9.46316794%2023.8705367,8.99999822%2024.0399055,8.9366758%20C33.6397477,5.34755477%2039.6469349,4%2050,4%20C60.2711361,4%2065.3618399,5.2217689%2074.6286093,8.92847669%20C84.1118399,12.7217689%2089.4378028,14%20100,14%20L100,12%20C89.7288639,12%2084.6381601,10.7782311%2075.3713907,7.07152331%20C65.8881601,3.2782311%2060.5621972,2%2050,2%20C39.3741437,2%2033.144814,3.39738661%2023.3395101,7.0633242%20C23.1688625,7.12712472%2021.9338538,7.58996334%2021.5732596,7.72450279%20C13.2235239,10.8398294%208.16350991,12%200,12%20L0,14%20Z'%20id='Combined-Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:10px;background-position:bottom left;z-index:2}.wave.wave--top{bottom:100%;bottom:calc(100% - 1px)}.wave.wave--bottom{transform:rotateX(180deg);top:calc(100% - 1px)}.wave+div{margin-top:-120px}@media all and (max-width: 750px){.wave{height:100px}.wave+div{margin-top:-100px}}.bank{background:#fff;position:relative;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='20px'%20height='100px'%20viewBox='0%200%2020%20100'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2048.2%20(47327)%20-%20http://www.bohemiancoding.com/sketch%20--%3e%3ctitle%3ebank-note-rotated%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cdefs%3e%3c/defs%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%20fill-opacity='0.100000001'%20opacity='0.348675272'%3e%3cg%20id='bank-note-rotated'%20transform='translate(10.000000,%2050.000000)%20rotate(90.000000)%20translate(-10.000000,%20-50.000000)%20translate(-40.000000,%2040.000000)'%20fill='%23000000'%20fill-rule='nonzero'%3e%3cpath%20d='M21.1841339,20%20C21.5411448,19.869748%2021.9037256,19.7358773%2022.272392,19.5983261%20C22.6346445,19.4631679%2023.8705367,18.9999982%2024.0399055,18.9366758%20C33.6397477,15.3475548%2039.6469349,14%2050,14%20C60.2711361,14%2065.3618399,15.2217689%2074.6286093,18.9284767%20C75.584355,19.310775%2076.4978747,19.6675274%2077.3787841,20%20L83.604005,20%20C81.0931362,19.2694473%2078.4649665,18.3089537%2075.3713907,17.0715233%20C65.8881601,13.2782311%2060.5621972,12%2050,12%20C39.3741437,12%2033.144814,13.3973866%2023.3395101,17.0633242%20C23.1688625,17.1271247%2021.9338538,17.5899633%2021.5732596,17.7245028%20C19.0984715,18.6478581%2016.912678,19.3994574%2014.8494171,20%20L21.1841339,20%20Z%20M21.1841339,0%20C13.2575214,2.89194861%208.07672845,4%200,4%20L0,2%20C5.74391753,2%209.9514017,1.4256397%2014.8494171,1.40165657e-15%20L21.1841339,0%20Z%20M77.3787841,0%20C85.238555,2.9664329%2090.5022896,4%20100,4%20L100,2%20C93.1577329,2%2088.6144135,1.4578092%2083.604005,1.04805054e-13%20L77.3787841,0%20Z%20M0,14%20C8.44050043,14%2013.7183277,12.7898887%2022.272392,9.59832609%20C22.6346445,9.46316794%2023.8705367,8.99999822%2024.0399055,8.9366758%20C33.6397477,5.34755477%2039.6469349,4%2050,4%20C60.2711361,4%2065.3618399,5.2217689%2074.6286093,8.92847669%20C84.1118399,12.7217689%2089.4378028,14%20100,14%20L100,12%20C89.7288639,12%2084.6381601,10.7782311%2075.3713907,7.07152331%20C65.8881601,3.2782311%2060.5621972,2%2050,2%20C39.3741437,2%2033.144814,3.39738661%2023.3395101,7.0633242%20C23.1688625,7.12712472%2021.9338538,7.58996334%2021.5732596,7.72450279%20C13.2235239,10.8398294%208.16350991,12%200,12%20L0,14%20Z'%20id='Combined-Shape'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-size:10px;background-position:top left}hr{height:30px;border:0;width:700px;max-width:100%;margin:0 auto;background:url(/https/BeginnerJavaScript.com/assets/both-squiggles.BnmTsynf.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.course-viewer{min-height:100%;display:contents}#watch{display:contents}.video{width:100%;background:#fff;display:flex;flex-wrap:wrap}.video label[for=progress]{font-size:11px;display:flex;gap:5px;align-items:center}.video progress{width:40px;background:#fff;color:#ffc600;border-radius:5px;border:.5px solid #ccc;overflow:hidden;height:7px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.video progress::-webkit-progress-bar{background:#fff}.video progress::-moz-progress-bar{background:#ffc600}.video progress::-webkit-progress-value{background:#ffc600}.video progress[value="100"]::-moz-progress-bar{background:#5dd05d}.video progress[value="100"]::-webkit-progress-value{background:#5dd05d}.video .set-progress{border-bottom:1px solid #e7e7e7;border-left:1px solid #e7e7e7;padding:0 8px;display:flex;align-items:center}.video .set-progress input[type=checkbox]{margin:unset}.video header.module{background:#f1f1f1;background:#000;width:100%;font-size:20px;padding:5px;display:flex;align-items:center;color:#fff}.video .module-number{background:#ffc600;font-size:12px;color:#000;padding:1px 5px;text-transform:uppercase;margin-right:10px;margin-left:10px;font-weight:600}.video .module-viewed{display:flex;margin:0 0 0 auto}.video .module-viewed .hidden{display:none}.video .module-label{margin-left:10px;font-size:20px;color:#fff;display:inline-block}.video .module-checkbox{margin:0 3px 0 10px}.video:last-child a{border-bottom:0}.video p{margin:0;clear:both;color:#000;font-size:15px}.video span.video-number{font-size:15px;flex-basis:30px;text-align:center;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;align-self:stretch;color:#7a7a7a;font-weight:400;display:flex;justify-content:center;align-items:center}.video span.video-number .fa{color:#000}.video a{border-bottom:1px solid #e7e7e7!important;border-left:1px solid #e7e7e7!important;padding:3px;flex:1;cursor:pointer;color:#000;display:flex;align-items:center}.video a.download{flex:0 1 30px;display:flex;align-items:center;font-size:15px}.video img{float:left;margin-right:10px;margin-bottom:10px;width:80px;height:auto}.video h2{font-size:15px;line-height:1.6;letter-spacing:1px;margin:0;background:none;color:none;flex:1;-webkit-text-fill-color:inherit}.video h2 .duration{font-size:10px;background:#efefef;padding:2px 5px;position:relative;top:-3px;margin-left:5px;color:#00000080;border-radius:4px}.video-details{background:#000;color:#fff}.video-details h2{font-size:22px}.video-details p{font-size:15px;margin-bottom:0}.player-buttons{overflow:hidden;background:#000;border-bottom:1px solid #ffc600;text-align:center;display:flex}.player-buttons a{border-bottom:0}.player-button{background:#000;flex:1 0 auto;border-bottom:0!important;color:#fff;display:inline-block;padding:.5rem 0;font-size:15px;cursor:pointer;margin:0;border:0;border-right:1px solid rgba(255,255,255,.2)}mux-player{aspect-ratio:16/9}.course-details{background:#0000000d;overflow:hidden;padding:2rem;margin-top:2rem}.course-details p{margin:0;font-size:1.2rem}.innerWrapper{max-width:1300px;margin:0 auto}.viewer__selector{flex:1 1 400px;display:flex;flex-direction:column}a.video-link{padding:10px;display:flex;align-items:center}.video__nowplaying{display:flex}.video__nowplaying>*{padding:10px}.video__title{flex:1 1 auto;border-right:1px solid var(--borderGrey)}.video__journey{display:flex;flex-basis:70px;align-items:center;justify-content:center}.video__description{border-bottom:1px solid var(--borderGrey);padding:10px}.jumper{display:flex}.jumper__button{flex:1 1 auto;padding:10px;text-align:left;align-items:center;flex-wrap:wrap;border-top:1px solid;border-bottom:1px solid;border-color:var(--borderGrey)!important}.jumper__button--next{text-align:right;border-left:1px solid}.jumper__desc{width:100%;font-size:12px!important;margin:0;padding:0;color:var(--yellow)}.jumper__title{color:#fff;padding:0;margin:0}.video__caption-description{padding:5px;text-align:center}.prism-title{background-color:#e70060;color:#fff;margin-bottom:0;padding:.4rem 2rem;border-top-left-radius:6px;border-top-right-radius:6px}.prism-code{padding:2rem;line-height:1.5;border-bottom-left-radius:6px;border-bottom-right-radius:6px;margin-bottom:2rem;font-weight:500}.prism-code .highlight-line{background-color:#0a4764;display:block;margin-left:-2rem;margin-right:-2rem;padding-left:1.55rem;border-left:4px solid #ffc600}.viewer{display:grid;grid-template-columns:1fr minmax(200px,1000px) minmax(200px,600px) 1fr;grid-auto-rows:auto 1fr;margin:0 auto;height:100%}.viewer .notes{background:#fff}.viewer .callout.error{grid-column:2/span 2;grid-row:1;font-size:12px;z-index:2;position:relative;align-self:start}.viewer .player{grid-column:2/span 2;grid-row:1;width:100%;top:0;align-self:start;background:#000}.viewer .player.player--widescreen{grid-column:1/-1}.viewer .video-list{max-height:800px;grid-column:3;grid-row:2;overflow-y:scroll}.viewer .notes{grid-row:2;grid-column:2}@media (max-width: 844px){.viewer .notes,.viewer .video-list{grid-column:1/-1}.viewer .video-list{max-height:300px}.viewer .notes{grid-row:3;min-height:50vh}}#vimeo-player{max-height:90vh;margin:0 auto}.video-list{border-left:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}.notes{padding:2rem}code{font-family:Operator Mono,Fira Code,monospace;background:none;color:unset;padding:0;border:0}:not(pre)>code{background:#f6f6f6;border:1px solid rgba(0,0,0,.05);padding:0 3.5px}body .grvsc-container{border-radius:0}body .grvsc-code{width:100%}body .cobalt2{--grvsc-line-highlighted-border-color: #ffc600;max-width:90vw;overflow:auto}.notes-info{font-size:.8rem}.notes-info a{color:#000;text-decoration:underline;text-decoration-color:#ffc600}.faq{border-bottom:1px solid $yellow;max-width:700px;margin:0 auto}.faq p{margin-top:0}.faq h3{font-size:2rem;margin-bottom:0}.faq a{border-bottom:1px solid #ffc600}.countdownBanner+.country-bar-wrap{margin-top:40px}.country-bar-wrap{background:#fff;padding:10px 0;box-shadow:0 10px #0000001a;background:url(/https/BeginnerJavaScript.com/assets/topographic-pattern.COzYRirj.png);background-size:150px;position:relative;z-index:2}.country-bar{display:flex;justify-content:center;align-items:center}.country-bar--left{margin-right:30px}.country-bar img{max-width:100px;box-shadow:0 0 10px #0000001a}@media (max-width: 500px){.country-bar img{width:75px}}.country-bar p{margin:0 0 3px;font-size:13px}.country-bar h4{font-size:20px;margin:0}.country-discount{font-size:11px;display:flex;padding:10px;justify-content:center;align-items:center}.country-discount .flag{width:30px;margin-right:10px}.country-discount .flag img{width:100%}.country-discount p{margin:0;text-align:left;font-size:11px}.countdownBanner[style="display:none;"]+.country-bar-wrap{margin-top:0}img{max-width:100%}.login{position:absolute;right:10px;background:#ffffff3b;padding:0 5px;text-decoration:none;border-radius:0;color:#000}header.top{width:100%;position:relative;text-align:center;padding:5rem;padding-bottom:300px;background:#1d6cd2;background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1693px'%20height='203px'%20viewBox='0%200%201693%20203'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3etopography-top%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard-Copy-3'%20fill-rule='nonzero'%3e%3cg%20id='background'%20transform='translate(-662.000000,%20-472.000000)'%3e%3cg%20id='topography-top'%20transform='translate(509.000000,%200.000000)'%3e%3cpath%20d='M68.8478471,303.953454%20C-40.307871,406.826863%20-19.6652205,471.323578%20130.764385,497.443597%20C356.4145,536.623626%20892.963627,552.295304%201117.24036,637.287033%20C1341.50947,722.277096%202025.33817,656.573714%202142.28909,510.703607%20C2259.24002,364.833499%202469.80951,140%201359.45481,140%20C619.210734,140%20189.01729,194.65004%2068.8516515,303.953454%20L68.8478471,303.953454%20Z'%20id='Path'%20fill='%232978DE'%3e%3c/path%3e%3cpath%20d='M68.8478471,223.953454%20C-40.307871,326.826863%20-19.6652205,391.323578%20130.764385,417.443597%20C356.4145,456.623626%20892.963627,472.295304%201117.24036,557.287033%20C1341.50947,642.277096%202025.33817,576.573714%202142.28909,430.703607%20C2259.24002,284.833499%202469.80951,60%201359.45481,60%20C619.210734,60%20189.01729,114.65004%2068.8516515,223.953454%20L68.8478471,223.953454%20Z'%20id='Path-Copy'%20fill='%233585ED'%3e%3c/path%3e%3cpath%20d='M68.8478471,163.953454%20C-40.307871,266.826863%20-19.6652205,331.323578%20130.764385,357.443597%20C356.4145,396.623626%20892.963627,412.295304%201117.24036,497.287033%20C1341.50947,582.277096%202025.33817,516.573714%202142.28909,370.703607%20C2259.24002,224.833499%202469.80951,0%201359.45481,0%20C619.210734,0%20189.01729,54.6500403%2068.8516515,163.953454%20L68.8478471,163.953454%20Z'%20id='Path-Copy-2'%20fill='%233D8FF8'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"),url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='1693px'%20height='455px'%20viewBox='0%200%201693%20455'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3etopography-bottom%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard-Copy-3'%20transform='translate(0.000000,%20-652.000000)'%20fill-rule='nonzero'%3e%3cg%20id='background'%20transform='translate(-662.000000,%20-472.000000)'%3e%3cg%20id='topography-bottom'%20transform='translate(1494.500000,%201351.500000)%20scale(-1,%20-1)%20translate(-1494.500000,%20-1351.500000)%20translate(375.000000,%201124.000000)'%3e%3cpath%20d='M68.8478471,180.356202%20C-40.307871,256.501753%20-19.6652205,304.241377%20130.764385,323.575074%20C356.4145,352.575618%20892.963627,364.17559%201117.24036,427.085356%20C1341.50947,489.993888%202025.33817,441.361104%202142.28909,333.389959%20C2259.24002,225.418814%202469.80951,59%201359.45481,59%20C619.210734,59%20189.01729,99.4512448%2068.8516515,180.356202%20L68.8478471,180.356202%20Z'%20id='Path'%20fill='%232978DE'%3e%3c/path%3e%3cpath%20d='M68.8478471,121.356202%20C-40.307871,197.501753%20-19.6652205,245.241377%20130.764385,264.575074%20C356.4145,293.575618%20892.963627,305.17559%201117.24036,368.085356%20C1341.50947,430.993888%202025.33817,382.361104%202142.28909,274.389959%20C2259.24002,166.418814%202469.80951,0%201359.45481,0%20C619.210734,0%20189.01729,40.4512448%2068.8516515,121.356202%20L68.8478471,121.356202%20Z'%20id='Path-Copy'%20fill='%233585ED'%3e%3c/path%3e%3cpath%20d='M68.8478471,120.049533%20C-40.307871,184.08102%20-19.6652205,224.225704%20130.764385,240.483585%20C356.4145,264.870406%20892.963627,274.624928%201117.24036,327.526322%20C1341.50947,380.426679%202025.33817,339.530929%202142.28909,248.737011%20C2259.24002,157.943094%202469.80951,18%201359.45481,18%20C619.210734,18%20189.01729,52.0158195%2068.8516515,120.049533%20L68.8478471,120.049533%20Z'%20id='Path-Copy-2'%20fill='%233D8FF8'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e"),linear-gradient(180deg,#0252b8,#3583ea);background-repeat:no-repeat,no-repeat,no-repeat;background-position:top left,bottom -100px left,top;background-size:100%,100%,100%}@media all and (max-width: 750px){header.top{padding-left:1rem;padding-right:1rem;padding-bottom:150px}}header.top p.bestWay{font-weight:600;color:#000;margin-top:2rem;margin-bottom:2rem;font-size:3rem;font-style:italic;letter-spacing:-1px}header.top p{font-size:1.5rem;line-height:1.3;margin:0 auto 2rem;text-shadow:2px 2px 0 rgba(0,0,0,.2)}header.top .counts{font-size:1rem}header.top h1{transform:rotate(-2deg);text-shadow:2px 2px 5px rgba(0,0,0,.3);line-height:1;display:inline-block;text-align:center}header.top h1 img{width:550px;max-width:100%;display:block;margin:0 auto -5rem;transform:translate(15px)}header.top h1 span.kiss{letter-spacing:-.1em;padding-right:.1em}header.top h1 .beginner{font-size:.64em;display:inline-block;position:relative;transform:translate(5%)}header.top h1 .beginner:before,header.top h1 .beginner:after{background:#ffc600;content:"";height:.2em;width:30%;display:block;top:calc(50% - .1em);position:absolute;z-index:-1;transform:translate(-100%) skew(-15deg)}header.top h1 .beginner:after{right:0;left:auto;transform:translate(112%) skew(-15deg)}header.top h1 .javascript{display:inline-block;position:relative}header.top h1 .javascript:before{background:#ffc600;content:"";height:.15em;width:95%;left:2.5%;display:block;top:105%;position:absolute;z-index:-1}@media all and (max-width: 876px){header.top h1{font-size:7rem}header.top h1 img{width:350px;padding-bottom:1.5rem}}@media all and (max-width: 620px){header.top h1{font-size:5rem}header.top h1 img{width:150px;padding-bottom:3rem}}.taglines{max-width:600px;margin:5rem auto}.taglines .tagline{font-size:2.4rem;font-weight:900;font-style:italic;color:#fff}.taglines mark{background:#307ee5;color:#fff}.taglines .bolt{width:1.2rem;margin:0 1rem}.what-is-graphql{padding-top:7rem;position:relative}.what-is-graphql:before{background-color:#ffc600;background-image:url(/https/BeginnerJavaScript.com/assets/fashion-pattern.CNUfd1Fa.svg);background-position:top left;background-size:500px;content:"";width:106%;left:0;height:80%;position:absolute;transform:rotate(2deg) translate(-3%) translateY(10%);box-shadow:0 0 0 5px #0000000d;z-index:-1;top:15rem;padding-bottom:15rem}.what-is-graphql .banner{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;color:#fff;align-items:center;margin-bottom:5rem;font-size:80px;transform:rotate(2deg)}@media (max-width: 475px){.what-is-graphql .banner{font-size:6.5rem}}.what-is-graphql .banner:before,.what-is-graphql .banner:after{display:block;content:"";height:20px;background:url("data:image/svg+xml,%3csvg%20width='45'%20height='60'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.694%201.944L44.911.517%2024.546%2024.05l17.913.908S.622%2060.069.62%2060.082l17.876-25.99-12.482-.616c.014.004%2020.681-31.532%2020.681-31.532z'%20fill='%23FFC600'%20fill-rule='nonzero'/%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:left}.what-is-graphql .banner:before{background-position:right}.dual{display:grid;grid-template-columns:repeat(2,minmax(auto,1fr));align-items:center;justify-items:center}.confidence{padding:2rem;display:grid;grid-template-columns:auto auto;grid-gap:2rem;position:relative;z-index:3}@media all and (max-width: 1200px){.confidence{grid-template-columns:1fr}}@media all and (max-width: 700px){.confidence h2{font-size:5vw;margin-top:5rem}}.confidence p:first-child{margin-top:0}.confidence h2{text-align:center;grid-column:1/-1}.confidence video{width:100%;max-width:700px;margin:0 auto}.screenshot-wrap{display:grid;align-items:center}.frameworks{grid-column:1/-1;text-align:center;font-size:1.5rem;margin:0}.cards{display:grid;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));background:#fff;grid-gap:2rem;padding:2rem;perspective:1000px}.framework-card{background:#fff;border-radius:20px;padding:3rem 1rem 1rem;text-align:center;position:relative;transform-origin:top center;--rotate: 10deg;transform:rotateX(var(--rotate));transition:transform .2s;box-shadow:0 0 10px #0003}.framework-card:hover{transform:rotateX(-20deg)}.framework-card:before,.framework-card:after{content:"";display:block;width:8px;height:8px;background:#5c0dac;border:1px solid #000;box-shadow:0 0 3px #0000001a;top:15px;right:20px;position:absolute;border-radius:50%}.framework-card:before{right:auto;left:20px}.framework-card img{height:80px;width:100%;object-fit:contain}.framework-card p{font-family:radnika-next;font-weight:900}.soup{display:grid;grid-template-columns:1fr auto 1fr;text-align:center;border-radius:160px;grid-gap:1rem;padding:3rem}@media all and (max-width: 600px){.soup{grid-template-columns:1fr}}.soup img{margin-top:3rem}.soup>*{background:#fff;box-shadow:0 0 2px 2px #0000001a;border-radius:10px}.soup .full{grid-column:1/-1;background:none;box-shadow:none}.soup strong{font-size:3rem}.soup .plus{align-self:center;font-size:5rem;margin:0;background:none;box-shadow:none;font-weight:900}.soup .siiick-border{--color1: #ffc600;--color2: #f654ae;--bs1: -2px -2px 0 2px var(--color1);--bs2: 0 0 0 4px var(--color2);--bs3: -2px -2px 0 4px rgba(255,255,255,.7);--bs4: 2px 2px 0 4px rgba(255,255,255,.7);--bs5: 0 0 2px 7px rgba(0,0,0,.05);box-shadow:var(--bs1),var(--bs2),var(--bs3),var(--bs4),var(--bs5);border-radius:4px}.what-who{margin:2rem 0 0;background-color:#383c3d;background-image:url(/https/BeginnerJavaScript.com/assets/texture-white.DmtFe96o.png),url(/https/BeginnerJavaScript.com/assets/texture-white-reverse.BCl4b9gY.png);background-attachment:scroll,scroll;background-size:800px,800px;background-repeat:repeat-y;background-position:top right,top left;padding:5rem 2rem 7rem;box-shadow:inset 0 -15px 0 -10px #ffffff1a,inset 0 15px 0 -10px #ffc600}.what-who .innerWrapper{display:flex;justify-content:space-between}.what-who .box{overflow:hidden;flex:1 1 48%;max-width:48%;padding:2rem;text-align:center}.what-who .box__inner{padding:2rem;text-align:left;position:relative;z-index:2}.what-who .box__inner:after,.what-who .box__inner:before{box-shadow:0 0 10px #0003;position:absolute;content:"";background:#fff;transform:rotate(2deg);display:block;height:100%;width:100%;top:0;left:0;z-index:-2}.what-who .box__inner:before{background:#fff;transform:rotate(0);z-index:-1}.what-who .box h2{text-align:center;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;line-height:1;align-items:center}.what-who .box h2:before,.what-who .box h2:after{display:block;content:"";height:20px;background:url("data:image/svg+xml,%3csvg%20width='45'%20height='60'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.694%201.944L44.911.517%2024.546%2024.05l17.913.908S.622%2060.069.62%2060.082l17.876-25.99-12.482-.616c.014.004%2020.681-31.532%2020.681-31.532z'%20fill='%23FFC600'%20fill-rule='nonzero'/%3e%3c/svg%3e");background-size:cover;background-repeat:no-repeat;background-position:left}.what-who .box:before{background-position:right}.what-who .box strong{color:#000}.what-who .box a{color:#000;text-decoration:none;border-bottom:2px solid #ffc600}.what-who .box footer{padding-top:2rem;align-self:flex-end}.what-who .box footer:before{margin-bottom:1rem;content:"";display:block;height:1px;position:relative;background:linear-gradient(180deg,#0252b8,#3583ea)}.what-who .box footer p{font-size:1.4rem}@media (max-width: 1000px){.what-who .innerWrapper{display:block}.what-who .box{width:100%;max-width:none;padding:0}}.packages{margin-top:25px;position:relative;background:#ffc600;background-image:url(/https/BeginnerJavaScript.com/assets/pattern.7ZWknAQP.svg);background-size:500px;background-attachment:fixed;padding-top:100px}@media all and (max-width: 750px){.packages .banner{padding-top:2rem}.packages .wave{margin-top:-179px!important}}.packages .banner{color:#000;margin-top:5rem;font-size:5rem}.packages .wave{position:relative;background:#ffc600;background-image:url(/https/BeginnerJavaScript.com/assets/pattern.7ZWknAQP.svg);background-size:500px;margin-top:-349px;background-attachment:fixed}.packages-container{display:flex}.package{width:49%;float:left;text-align:center;background:#fff;position:relative;margin-top:30px;padding-bottom:30px;display:flex;flex-wrap:wrap;align-content:space-between;box-shadow:0 0 0 5px #00000008}.package .button{margin:0 1rem}.package>*{width:100%}.package.package1{margin-right:1%}.package.package2{margin-left:1%}.package.package3{width:100%;margin:2rem 0;display:block;padding:2rem;align-items:center;justify-content:space-between}.package.package3 h3{margin-top:0}.package.package3 .team-desc{align-items:center;justify-content:center}.package.package3 .team-buttons{text-align:left}.package.package3 .team-buttons div{display:inline;margin-right:2rem}.package.package3 .team-buttons div:last-child a{margin-bottom:0}.package.package3 .team-buttons a{display:inline-block;clear:both;margin-bottom:2rem}.package.package3 h3{text-align:left;border-bottom:1px solid #ffc600;font-size:5rem}.package.package3 .info{flex-grow:1}.package.package3>*{width:auto;flex:1;margin:0;text-align:left}.package h3{margin:2rem 0;font-size:4rem}.package ul{text-align:left;list-style:square;list-style:none;padding:0;margin-bottom:20px}.package ul li{padding:5px 10px;border-bottom:1px solid #e0e0e0;text-align:left;list-style:none}.package ul li[disabled]{color:#8e8e8e;text-decoration:line-through;cursor:not-allowed}.package p.special,.package p.special-static{font-size:15px;margin:0;padding-top:6px;color:#1d9d14;text-transform:uppercase}.meet-wes{padding:8rem 0;background:linear-gradient(180deg,#0252b8,#3583ea);margin-top:-2rem}.siiick-border{--color1: #ffc600;--color2: #f654ae;--bs1: -2px -2px 0 2px var(--color1);--bs2: 0 0 0 4px var(--color2);--bs3: 0 0 2px 7px rgba(0,0,0,.05);box-shadow:var(--bs1),var(--bs2),var(--bs3);border-radius:4px}.buy,.button,button{display:inline-block;font-size:3rem;text-decoration:none;position:relative;color:#000;line-height:1;border-radius:4rem;padding:2rem;transition:all .2s;--color1: #ffc600;--color2: #f654ae;--bs1: -2px -2px 0 2px var(--color1);--bs2: 0 0 0 4px var(--color2);--bs3: 0 0 2px 7px rgba(0,0,0,.05);box-shadow:var(--bs1),var(--bs2),var(--bs3)}.buy:hover,.button:hover,button:hover{--color1: #f654ae;--color2: #ffc600;transform:scale(1.01);background:#ffffff0d}.buy strike,.button strike,button strike{color:#f5757559;margin-right:4px}.buy span.price,.button span.price,button span.price{border-left:1px solid #ffc600;font-size:2rem;display:inline-block;position:relative;padding-left:15px;margin-left:15px}@media all and (max-width: 800px){.buy,.button,button{font-size:3.7vw}}.grad-button,.paymentOverlay.pay-with-stripe label[for=pay-with-stripe],.paymentOverlay.pay-with-paypal label[for=pay-with-paypal]{background:linear-gradient(#45b1e8,#3097de);color:#fff;border-radius:5px;text-shadow:0 -1px 0 rgba(46,86,153,.3);transition:box-shadow .15s linear}.paymentOverlay{position:fixed;top:0;left:0;bottom:0;width:100%;height:100vh;background:#000000e6;z-index:999;display:none;transition:all .3s;opacity:0;height:100%;overflow:scroll}.paymentOverlay button[type=submit]{border-color:#70a6eb!important;font-size:2rem!important;font-family:radinka,sans-serif;margin-top:2rem}.paymentOverlay span.payment-errors{display:block;text-align:center;color:#ef4d28;font-size:12px}.paymentOverlay.opening{display:block;display:table;opacity:0}.paymentOverlay.opening .paymentInner{display:table-cell;margin:0;padding:1rem;vertical-align:middle;height:100%;overflow:scroll}.paymentOverlay.opening.open{opacity:1}.paymentOverlay.opening.open form{margin-top:0;margin-bottom:0}.paymentOverlay .pay-with{padding:15px 10px 25px}.paymentOverlay .pay-with label{font-size:17px;width:50%;padding:5px 0;display:inline-block;float:left;text-align:center;color:#000;cursor:pointer}.paymentOverlay .pay-with label i{margin-right:10px}.paymentOverlay form#payment-form,.paymentOverlay form.pre-paypal{display:none}.paymentOverlay.pay-with-stripe form#payment-form,.paymentOverlay.pay-with-paypal form.pre-paypal{display:block}.paymentOverlay .forms{max-width:420px;box-shadow:0 0 3px #0006;background:#f5f5f7;border-radius:5px;margin:0 auto;transition:all .6s;position:relative}.paymentOverlay .forms form{width:100%}.paymentOverlay .forms input,.paymentOverlay .forms select{padding:8px;border:0;width:100%;border-bottom:0;position:relative}.paymentOverlay .forms input:focus,.paymentOverlay .forms select:focus{outline:0;box-shadow:inset 0 0 2px #ffc600;z-index:2}.paymentOverlay .forms .form-row{border-radius:5px;overflow:hidden;background-clip:padding-box;margin-bottom:10px;border-top:1px solid #b5b5b6;border-left:1px solid #b5b5b6;border-bottom:1px solid #dededf;border-right:1px solid #dededf;box-shadow:1px 1px #fff}.paymentOverlay .forms .form-row select{width:100%;height:37px;background:#fff;border-bottom:1px solid #e4e4e4;padding-left:40px;-webkit-appearance:none}.paymentOverlay .forms .form-row label{position:relative;float:left;width:100%}.paymentOverlay .forms .form-row label i.fa{position:absolute;left:11px;top:11px;color:#1d6cd2;z-index:3}.paymentOverlay .forms .form-row label.cvc{width:64%;float:left;border-bottom:0}.paymentOverlay .forms .form-row label.mm{width:18%;border-left:1px solid #e4e4e4;border-bottom:0;float:left}.paymentOverlay .forms .form-row label.mm input{text-align:center;padding-left:8px}.paymentOverlay .forms .form-row label.yy{width:18%;border-bottom:0;border-left:1px solid #e4e4e4;float:left}.paymentOverlay .forms .form-row label.yy input{text-align:center;padding-left:8px}.paymentOverlay .forms .form-row label input.coupon{border-bottom:0;float:left}.paymentOverlay .forms .form-row label.cvc input,.paymentOverlay .forms .form-row label.mm input,.paymentOverlay .forms .form-row label.yy input,.paymentOverlay .forms .form-row label.email input,.paymentOverlay .forms .form-row label.coupon input{border-bottom:0}.paymentOverlay .forms .form-row input,.paymentOverlay .forms .form-row textarea{border-bottom:1px solid #e4e4e4;padding-left:40px}.paymentOverlay .forms .form-row input.error,.paymentOverlay .forms .form-row textarea.error{border-left:1px solid #ef4d28}.paymentOverlay .forms .form-row textarea{width:100%;padding-left:10px;height:35px;border:0;transition:height .5s}.paymentOverlay .forms .form-row textarea:focus{height:70px}.paymentOverlay .forms .form-row:last-of-type input{border-bottom:0}.paymentOverlay .forms .form-row label.terms{padding:8px;font-size:12px}.paymentOverlay .forms .form-row label.terms a{color:#000}.paymentOverlay .forms .form-row input.terms{width:auto;float:right}.paymentOverlay .forms button[type=submit]{text-transform:none;font-weight:100;width:100%;background:none;border:0;background:#45b1e8;padding:10px;background-image:linear-gradient(#45b1e8,#3097de);border-radius:4px;-webkit-user-select:none;user-select:none;cursor:pointer;outline:0;font-size:17px;color:#fff;text-shadow:0 -1px 0 rgba(46,86,153,.3);transition:box-shadow .15s linear}.paymentOverlay .forms button[type=submit] i{display:none}.paymentOverlay .forms button[type=submit] i.fa-paypal{display:inline-block;position:relative}.paymentOverlay .forms button[type=submit].loading i{display:inline-block}.paymentOverlay .forms button[type=submit] span.currency{font-size:9px;position:relative;top:-1px;padding-left:2px}.paymentOverlay .forms img.cover{width:100px;margin-top:-70px}.paymentOverlay .forms h2{margin:0;font-size:2rem;color:#000}.paymentOverlay .forms h3{margin:0;font-size:2rem}.paymentOverlay .forms .top{width:100%;clear:both;padding:10px;text-align:center;background:#f1f1f3;border-bottom:1px solid #ccc;border-radius:5px 5px 0 0}.paymentOverlay .forms .body{clear:both;padding:15px 10px 25px}.coupon-message{padding:3px;display:none;background:#ffffff4d}p.deets{color:#2ab62a;font-size:12px;margin-bottom:0;text-align:center}p.deets img{display:block;margin:0 auto 10px;float:left}p.deets span,p.deets i{position:relative;top:7px}p.deets i{margin-right:4px}button.close{color:#fff;position:absolute;top:10px;right:10px;background:#cdcdcd;padding:0 0 2px;border-radius:50%;box-shadow:0 0 1px #0000004d;font-size:18px;width:18px;line-height:18px;text-align:center;cursor:pointer;color:#000;border:0;font-weight:100}button.close:focus{outline:2px solid #ffc600}span.applyCoupon{cursor:pointer}span.applyCoupon i.fa{right:12px;font-size:11px;text-transform:uppercase;top:13px!important;left:auto!important}a.breakdown{display:block;font-size:11px;text-align:center;outline:0}a.breakdown span{background:#ffc600;padding:2px 5px}ol.video-list{padding:0;max-width:800px;margin:0 auto}ol.video-list .group-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-weight:900;background:#fff}ol.video-list .group-title-num{font-size:15px;color:#000;background:#ffc600;padding:2px;position:relative;top:-3px}ol.video-list .group{margin-bottom:3rem;padding:3rem;display:block;background:#fff}ol.video-list .group h3{border-bottom:1px solid #000;margin:0;text-align:left}ol.video-list li{list-style:none;font-size:0;padding:0;margin:0;position:relative;background:#fff;display:grid;grid-auto-rows:auto 1fr}ol.video-list li h4{margin:0;text-align:left;font-size:1.5rem;line-height:1.2;background:#000;color:#fff;padding:1rem;background-image:url(/https/BeginnerJavaScript.com/assets/texture-white.DmtFe96o.png);background-size:800px;background-attachment:fixed}@media (max-width: 850px){ol.video-list li h4{border-bottom:1px solid #fff;padding:.5rem}}ol.video-list li h4 em{font-size:1rem}ol.video-list li span.duration,ol.video-list li span.num{position:absolute;top:0;right:0;background:#000c;color:#ffc600;font-size:12px;padding:0 5px}ol.video-list li span.num{left:0;right:auto}ol.video-list li p{margin:0;padding:.3rem 0;font-size:1.6rem;font-weight:500;border-bottom:1px solid rgba(0,0,0,.05)}ol.video-list li p .videoTitle{margin-left:1rem}ol.video-list li p .videoDuration{color:#0006;padding:4px;border-radius:2px;font-size:1.2rem;margin-left:2px}ol.video-list li p .videoNum{font-weight:900;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}ol.video-list li img{width:100%}@media (max-width: 850px){ol.video-list li img{display:none}}.aboutTheAuthor{margin:2rem 0;background:#fff;padding:2rem;box-shadow:0 0 2px 4px #0000000d}.aboutTheAuthor img{width:225px;float:left;margin-right:20px}.aboutTheAuthor h2.title{text-align:left;font-size:5rem;margin-top:0;margin-bottom:0;line-height:1;clear:none;color:#000}.aboutTheAuthor p:first-of-type{margin-top:0}.aboutTheAuthor a{color:#000;text-decoration:none;border-bottom:1px solid #ffc600}.sweet-code footer.money-back{text-align:center}.sweet-code footer.money-back p{text-align:center!important;font-size:2rem!important;margin-top:2rem!important;max-width:none!important}.social{text-align:center;padding:2rem;display:flex;justify-content:center}.social>*{margin-right:1rem}.pacing{text-align:center;color:#fff;font-size:3rem;margin:4rem auto 0;text-shadow:2px 2px 0 rgba(0,0,0,.3)}.build{margin-top:2rem;margin-bottom:0;position:relative;text-align:center;padding-top:220px;padding-bottom:100px;background:#ffc600;background-image:url(/https/BeginnerJavaScript.com/assets/pattern.7ZWknAQP.svg);background-size:500px;background-attachment:fixed}@media all and (max-width: 750px){.build{padding-top:7rem;margin-top:-2rem}}.build strong{color:#000}.build .banner{position:relative;color:#fff;font-weight:100;text-shadow:2px 2px 0 rgba(0,0,0,.1);transform:rotate(-2deg);font-size:70px;display:grid;grid-template-columns:1fr auto 1fr;grid-gap:10px;align-items:center;margin-bottom:9rem}@media all and (max-width: 750px){.build .banner{margin-bottom:1rem}}.build .banner:before,.build .banner:after{display:block;content:"";height:50px;background:url("data:image/svg+xml,%3csvg%20width='45'%20height='60'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M26.694%201.944L44.911.517%2024.546%2024.05l17.913.908S.622%2060.069.62%2060.082l17.876-25.99-12.482-.616c.014.004%2020.681-31.532%2020.681-31.532z'%20fill='%23FFC600'%20fill-rule='nonzero'/%3e%3c/svg%3e");background-size:30px;background-repeat:no-repeat}.build .banner:before{background-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='45px'%20height='60px'%20viewBox='0%200%2045%2060'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3c!--%20Generator:%20Sketch%2060.1%20(88133)%20-%20https://sketch.com%20--%3e%3ctitle%3ebolt-reversed%3c/title%3e%3cdesc%3eCreated%20with%20Sketch.%3c/desc%3e%3cg%20id='Page-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='Artboard-Copy-3'%20transform='translate(-729.000000,%20-988.000000)'%20fill='%23FFC600'%20fill-rule='nonzero'%3e%3cg%20id='Logo-Text'%20transform='translate(242.000000,%2095.000000)'%3e%3cpath%20d='M504.182397,895.188275%20C504.182397,895.188275%20521.408812,889.094955%20521.408812,889.094955%20C521.408812,889.094955%20507.829297,917.098296%20507.829297,917.098296%20C507.829297,917.098296%20525.367033,913.338588%20525.367033,913.338588%20C525.367033,913.338588%20494.042235,958.08055%20494.042235,958.094955%20C494.042235,958.094955%20504.582667,928.363014%20504.582667,928.363014%20C504.582667,928.363014%20492.367033,930.999131%20492.367033,930.999131%20C492.381858,930.999131%20504.182397,895.188275%20504.182397,895.188275%20Z'%20id='bolt-reversed'%20transform='translate(508.867033,%20923.594955)%20scale(-1,%201)%20rotate(15.000000)%20translate(-508.867033,%20-923.594955)%20'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e");background-position:right}@media (max-width: 1000px){.build .banner{font-size:7vw}}.build .reignIn{padding:0;padding-bottom:6rem;position:relative}.build p{font-size:2rem}.build:before{background:#ffc600;background-image:url(/https/BeginnerJavaScript.com/assets/fashion-pattern-small.CHaeqGLF.svg);background-position:top left;background-size:500px;content:"";width:106%;left:0;height:80%;position:absolute;transform:rotate(-2deg) translate(-3%) translateY(10%);box-shadow:0 0 0 5px #0000000d;display:none}.build a{color:#000}.devices{display:flex;position:relative}.device{position:relative}.device__laptop video{position:absolute;left:16.9%;width:65.6%;top:7.1%}.device__phone video{position:absolute;left:5.2%;width:88.2%;top:10.4%}.sweet-code,.transition{padding:2rem;padding-bottom:0;padding-top:10rem;margin-bottom:5rem;background:#5c0dac;background-image:url(/https/BeginnerJavaScript.com/assets/pattern.7ZWknAQP.svg);background-size:500px;color:#fff;background-position:bottom}.sweet-code .wave,.transition .wave{height:101px;background:#5c0dac;background-image:url(/https/BeginnerJavaScript.com/assets/pattern.7ZWknAQP.svg);background-size:500px;background-position:top}.sweet-code p,.transition p{max-width:700px;color:#fff;margin:3rem auto;text-align:left}.sweet-code .banner,.transition .banner{color:#f654ae}@media (max-width: 1000px){.sweet-code .banner,.transition .banner{font-size:10vw}}.sweet-code>div>p,.transition>div>p{text-align:center}.code-reviewers{display:flex;justify-content:space-between;max-width:1050px;margin:0 auto}.code-reviewer{width:48%;background:#fff;padding:1rem;box-shadow:0 0 0 5px #0000000d}.code-reviewer .avatar{float:left;max-width:100px;margin-right:2rem}.code-reviewer h4{margin:0;line-height:1;color:#000;font-size:3rem}.code-reviewer p{margin:0;font-size:1.5rem}.code-reviewer a.twitter{color:#27628c;text-decoration:none}strong.hl{background:#ffc600;padding-left:5px;padding-right:5px}.aboutTheAuthor.half{width:48%;float:left;margin:20px 1%}.footer{clear:both}.countdownBanner{position:fixed;text-align:center;background:#000;box-shadow:0 2px #0003;z-index:99;width:100%;top:0;transform:translateY(-100%);transition:all .25s}.countdownBanner+header.top{padding-top:100px;margin-top:-40px}.countdownBanner+header.top .login{top:90px}.countdownBanner.on{transform:translateY(0)}.countdownBanner p{margin:0;color:#fff;padding:.5rem}.countdownBanner p span{padding:0 4px;background:#fff;color:#000;border-radius:1px;font-family:monospace;margin:0 4px}.countdownBanner h2{padding:0;margin:0;text-transform:uppercase}.countdownBanner+.top{margin-top:25px}.cyberContent p{margin:9px 0}span.countdown{margin-left:10px}span.countdown span{background:#000;color:#fff;border-radius:4px;padding:2px 5px;margin-right:2px;margin-left:1px}@media (max-width: 750px){.cyberPackages .cyberBook{width:48%}.aboutTheAuthor.half{width:100%}}.thats-all-folks{background:#ffc600;overflow:hidden;text-align:center;padding:4rem 0}.thats-all-folks .cta{text-align:center;margin:4rem 0;clear:both;background:#fff;box-shadow:0 0 2px #0003;display:inline-block;border-radius:2px}.thats-all-folks .cta h2{font-size:3rem;padding:2rem 50px}.thats-all-folks .cta a{border:0}.tweet-reviews{display:flex;max-width:1200px;margin:0 auto 100px;flex-wrap:wrap;align-items:center;justify-content:center}.tweet-reviews>*{flex-basis:30%;margin:1%;background:#fff;border-radius:4px;box-shadow:0 0 10px #0003}.foo-bar{background:#ffc600 url(/https/BeginnerJavaScript.com/assets/pattern.CBm-998E.png) fixed;padding:4rem 2rem}.foo-bar .title{font-size:4.5rem}.foo-bar p{font-size:2rem;margin:0}.foo-bar .crossouts{display:flex;justify-content:center}.foo-bar .crossouts .crossout{margin:0 2rem;font-size:5rem;text-indent:-1.5rem;font-family:radnika-bold;border:5px solid #ef4d28;line-height:70px;width:80px;box-shadow:0 0 5px #0003;text-align:center;border-radius:50%;position:relative}.foo-bar .crossouts .crossout span{font-family:radnika,sans-serif;font-weight:900}.foo-bar .crossouts .crossout:before{display:block;content:"";position:absolute;width:130%;height:5px;background:#ef4d28;top:50%;left:-10%;transform:rotate(-45deg)}.reignIn{max-width:1000px;margin:0 auto}.modules{padding:20px 20px 250px}@media all and (max-width: 750px){.modules{padding-bottom:70px}}.large{font-size:2rem}.sleep{font-size:13px;color:#fff}.sleep a{color:#fff}.transition{background-color:#f654ae;position:relative;padding:15rem 1rem 1rem;background-position:top}.transition p,.transition h2{text-align:center}.transition .wave{background-color:#f654ae;height:50px}.transition .wave.wave--top{background-position:bottom}.worth-it{background:#1d6cd2;padding:2rem;margin:2rem 0;background-image:url(/https/BeginnerJavaScript.com/assets/pattern-black.CGMMmIZ5.png),linear-gradient(-24deg,#ffc600,#ffcc1a);background-size:300px,cover;padding:5rem 2rem;box-shadow:inset 0 -15px 0 -10px #0000001a,inset 0 15px 0 -10px #0000001a}.worth-it .innerWrapper{background:#fff;padding:2rem;box-shadow:0 0 0 3px #0000001a;display:flex;align-items:center}.worth-it .innerWrapper .left{max-width:400px;margin-right:2rem;padding-right:2rem;border-right:2px solid #ffc600;font-size:2.5rem}.worth-it .innerWrapper .left h2{text-align:right;line-height:1.2}.statsWrap p,.statsWrap h2{text-shadow:1px 1px 1px rgba(0,0,0,.2)}.statsWrap h2{color:#fff;margin-bottom:2rem}.stats{display:grid;grid-template-columns:repeat(4,1fr)}@media all and (max-width: 650px){.stats{grid-template-columns:repeat(2,1fr)}}.stats .stat{flex:0 0 180px;text-align:center;padding:0 2rem;border-right:2px solid #ffc600}@media (max-width: 675px){.stats .stat{border-right:0;padding:1rem;flex:1}}.stats .stat:last-child{border-right:0}.stats .stat span{display:block;line-height:1;color:#000}.stats .stat span.num{font-size:6rem;font-family:radnika-next;font-weight:100}.stats .stat span.word{font-size:1rem;text-transform:uppercase;margin-top:1rem}.props{text-align:center}.props p{font-size:1.4rem;color:#000}.props .terms a{margin-left:6px}@media all and (max-width: 1320px){.innerWrapper{padding-left:2%;padding-right:2%}}@media all and (max-width: 1200px){.package>img{width:95%}.screenshot{width:100%;margin-top:0}.banner--medium{font-size:10rem}.banner--small{font-size:5rem}}@media all and (max-width: 1000px){.icons__item{margin:10px}}@media all and (max-width: 875px){.dual{display:block;width:100%;margin:0 auto}.half{width:100%}.half img{width:300px}.desc .screenshot{margin-top:0}.desc h2{margin-top:1rem}.desc .half{max-width:100%;padding:0!important}.desc .half h2,.desc .half.screenshot-wrap{text-align:center}.desc .screenshot{width:100%;margin:1rem auto 0;display:inline-block}.reviews{padding-bottom:10px}.review p{font-size:1.2rem;font-weight:500}.review span.whatchamacallit{left:50%;margin-left:-10px}.review span.title{display:block;width:100%;padding:3px}.review img.avatar{float:none;margin:5px}.review cite{text-align:center}.review blockquote{font-size:1.4rem;min-height:0}.desc{padding-top:0}.videoOverlay{text-align:center}.videoOverlay img.cover{max-width:240px;display:block;margin:-20px auto 0;float:none}.videoOverlay h2.tagline{margin:0;text-align:center}.videoOverlay h3{margin-bottom:10px}.videoOverlay a.buy{margin-bottom:20px}.videoOverlay .half{max-width:100%}.packages-container{flex-wrap:wrap}.package{width:100%;margin-right:0;margin-left:0}.package.package3{display:block}.package.package3 h3{display:block;width:100%;text-align:center;border-right:0;padding-right:0}.package.package3 p{padding-right:0}.worth-it .innerWrapper{flex-wrap:wrap}.worth-it .innerWrapper>*{width:100%}.worth-it .innerWrapper .left{margin:0;border-right:0;padding-right:0}.worth-it .innerWrapper h2.title{border-right:0;margin:0;text-align:left}}@media all and (max-width: 768px){.code-reviewers{flex-wrap:wrap}.code-reviewer{width:100%;margin-bottom:3rem}.banner--medium{font-size:7rem}.countdownBanner{position:relative}.countdownBanner+.top{margin-top:0}.faq{padding:1rem}ol.toc{-webkit-column-count:2;-moz-column-count:2;column-count:2}ol.toc.toc-open+.viewAllToc{position:fixed;left:0;right:0;bottom:0;padding:0}.what-who .innerWrapper{flex-wrap:wrap}.what-who .box{flex:1 1 100%;max-width:none;margin-bottom:2rem}}@media all and (max-width: 675px){h2.tagline{display:block;text-align:center}h2.tagline .es6{font-size:150px;display:block;width:100%}h2.tagline .everyone{margin:0;display:block;width:100%;font-size:2.6rem}header.top p.bestWay{font-size:2.5rem}header.top br{display:none}}@media all and (max-width: 650px){.desc .half{text-align:center}p.pacing{margin:0;font-size:1.5rem}.reviews .innerWrapper{flex-wrap:wrap}.reviews .review{flex-basis:100%;margin-bottom:2rem;background:#fff;padding:0}.reviews .review.wes{padding:2rem;margin:0 0 2rem}.reviews .review.wes p{text-align:left}.reviews .review.wes img.wesAvatar{width:100px;margin-right:1rem}.reviews .review img.avatar{float:left;width:50px}.reviews .review cite{text-align:left;border-top:1px solid rgba(25,53,73,.18)}.reviews .review span.title{text-align:left}.reviews .review blockquote{margin:0;border:0}.reviews .review blockquote span{display:none}}@media all and (max-width: 800px){a.join-us-now{white-space:normal!important;border-bottom:2px solid #ef4d28}a.join-us-now:after{display:none!important}}@media all and (max-width: 600px){.icons__list{flex-wrap:wrap}.icons__item{width:40px}.package{width:100%}}@media all and (max-width: 500px){.logos img.webpack{top:0}.thats-all-folks .cta{margin:2rem}.thats-all-folks .cta h2{font-size:2rem}.tweet-reviews>*{flex-basis:90%;margin:5%}.countdownBanner p{font-size:12px}.countdownBanner p span{margin:0 5px}ol.video-list li{max-width:100%}}@media all and (max-width: 470px){header.top h3{font-size:2rem}}@media all and (max-width: 600px){.aboutTheAuthor h2.title{font-size:3rem}}@media all and (max-width: 400px){.videoOverlay img.cover{max-width:150px;margin-top:0}.videoOverlay a.buy{width:100%;padding:10px 0}.aboutTheAuthor .innerWrapper img{width:100%}.aboutTheAuthor .innerWrapper h2{margin:10px 0;float:left;clear:both;width:100%}ol.toc{-webkit-column-count:1;-moz-column-count:1;column-count:1;margin-bottom:20px}ol.toc li{padding-bottom:0;padding-top:4px;font-size:15px;margin-left:32px}}@media (max-height: 620px){.paymentOverlay.opening.open .forms{height:100%;height:100vh;margin:0;overflow:scroll;-webkit-overflow-scrolling:touch}}.arg-diagram{display:grid;grid-template-columns:repeat(8,1fr);grid-column-gap:20px;padding:20px;margin-top:-30rem;position:relative;z-index:2;perspective:1000px}.arg-diagram h3{background:#fff;box-shadow:0 0 2px 10px #00000005,0 0 5px #00000026;grid-column:1/-1;grid-row:1;text-align:center;font-weight:900;font-size:4rem;margin-top:2rem;margin-bottom:0;padding:2rem 0}.arg-diagram ul{margin:0;padding:0;list-style:none}.arg-diagram ul li{border-bottom:1px solid rgba(0,0,0,.2);padding:5px 0}.arg-diagram h2{text-align:center;margin:0;background:#000;color:#fff;width:calc(40px + 100%);transform:translate(-20px)}.arg-diagram span.for{font-size:12px;text-align:center;margin-top:1rem;margin-bottom:1rem;display:block}.arg-diagram .slat{background:#f7f7f7;padding:20px;min-height:500px;grid-column:span 2;grid-row:4;line-height:1.7;box-shadow:0 0 2px 10px #00000005,0 0 5px #00000026;transform-origin:0 0;transform:rotateX(2deg)}.arg-diagram .slat:nth-child(odd){transform:rotateX(-2deg)}.arg-diagram .location{grid-column:span 4;background:#ef4d28;padding:5px;grid-row:2;text-align:center;color:#fff;font-size:20px;font-weight:600;text-transform:uppercase}.arg-diagram .arrow{font-size:30px;line-height:1;transform:translate(-10px) translate(-50%);text-align:center;grid-row:3;margin-bottom:-100%;background:#fff;height:40px}.arg-diagram .arrow1{grid-column:3}.arg-diagram .arrow2{grid-column:5}.arg-diagram .arrow3{grid-column:7}.arg-diagram img{width:100%;height:125px;object-fit:contain}.arg-diagram .slat2 img{filter:invert(100%)}.arg-diagram .slat4 img{mix-blend-mode:multiply}@media (max-width: 850px){.arg-diagram{grid-template-columns:auto 1fr 1fr;grid-gap:20px}.arg-diagram .location{grid-row:auto;grid-column:1/2;writing-mode:vertical-lr;transform:rotate(180deg);text-orientation:mixed}.arg-diagram .location.backend{grid-row:3}.arg-diagram .slat{grid-column:span 1;grid-row:auto;transform:none!important;background:#fff}.arg-diagram .arrow{display:none;grid-row:auto}}@media (max-width: 525px){.arg-diagram{grid-template-columns:1fr;grid-gap:0}.arg-diagram .location{grid-row:auto;grid-column:1/2;writing-mode:horizontal-tb;transform:rotate(0);text-orientation:mixed}.arg-diagram .location.backend{grid-row:5}.arg-diagram .arrow{display:none;grid-row:auto}}.faqs .faq{background:#fff;padding:2rem;margin-bottom:2rem}.faqs .faq a{color:#000;text-decoration:none;border-bottom:2px solid #ffc600}.faqs .faq h3{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:#000;font-weight:900;margin-top:0}#differences{text-align:center;color:#f654ae}.differences{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem}.differences>*{background:#fff;padding:3rem;border:3px solid #f654ae;border-radius:5px}.differences>* h3{margin:0;font-size:2rem}.differences>* a{text-decoration-color:#f654ae;color:#000}.differences>* p{color:#000;margin:1rem 0}.examples{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:2rem}.examples>*{background:#fff;border:2px solid #fff;border-radius:5px;box-shadow:0 1px 3px 4px #0000000d;position:relative}.examples img{font-size:0}.examples p{margin:0;color:#fff;color:#ffc600;font-family:radnika-next;transform:rotate(2deg);position:absolute;top:0;bottom:0;text-align:left;box-shadow:0 1px 3px 4px #0000000d;display:grid}.examples p mark{background:#000;color:#ffc600;padding:1px;font-size:1.4rem;position:relative;align-self:end;left:-10px;bottom:-10px}