CINXE.COM

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><META http-equiv="Content-Type" content="text/html; charset=UTF-8" >  <title>Get $200 to try DigitalOcean - a special offer for the CSS-Tricks Community</title> <meta name="keywords" content=""> <meta name="description" content="Build apps, host websites, run open source software, learn cloud computing, and more – every cloud resource you need at an affordable price."> <link type="text/css" rel="stylesheet" href="blob:https://app.unbounce.com/05b9191d-a30a-41e6-8d52-c0e9706e5ecc"><link type="text/css" rel="stylesheet" href="blob:https://app.unbounce.com/90fb5fe9-6b9c-44de-a1c2-d1516f20113f"> <meta name="robots" content="noindex, nofollow"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="lp-version" content="v6.24.168"><style title="page-styles" type="text/css" data-page-type="main_desktop"> body { color:#000; } a { color:#0000ff; text-decoration:none; } #lp-pom-root { display:block; background:rgba(238,238,238,1); border-style:none; margin:auto; padding-top:0px; border-radius:0px; min-width:1200px; height:5008px; } #lp-pom-block-18 { display:none; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:46px; position:relative; } #lp-pom-block-8 { display:block; background:rgba(0,105,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/4fae3026-bg-hero-do-v4.svg); background-repeat:no-repeat; background-position:right center; background-size:cover; border-style:none; margin-left:auto; margin-right:auto; margin-bottom:1px; border-radius:0px; width:100%; height:750px; position:relative; } #lp-pom-box-45 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:710px; top:147px; z-index:1; width:468px; height:528px; position:absolute; } #lp-pom-text-164 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:44px; top:36px; z-index:3; width:380px; height:88px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-165 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:61px; top:474px; z-index:2; width:346px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-code-536 { display:block; left:49px; top:124px; z-index:4; width:370px; height:340px; position:absolute; } #lp-pom-text-162 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:297px; z-index:6; width:629px; height:210px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-773 { display:block; background:rgba(255,255,255,0); left:20px; top:30px; z-index:49; position:absolute; } #lp-pom-button-774 { display:block; border-style:solid; border-radius:5px; left:1091px; top:25px; z-index:50; width:85px; height:36px; position:absolute; background:rgba(0,152,219,0); box-shadow:none; text-shadow:none; color:#fff; border-width:2px; border-color:#FFF; font-size:16px; line-height:19px; font-weight:400; font-family:Arial, sans-serif; font-style:normal; text-align:center; background-repeat:no-repeat; } #lp-pom-image-1034 { display:block; background:rgba(255,255,255,0); left:20px; top:216px; z-index:104; position:absolute; } #lp-pom-image-1035 { display:block; background:rgba(255,255,255,0); left:79px; top:224px; z-index:105; position:absolute; } #lp-pom-block-1005 { display:block; background:rgba(243,245,249,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:810px; position:relative; } #lp-pom-text-1006 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:871px; z-index:87; width:438px; height:156px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-1007 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:560px; top:871px; z-index:88; width:620px; height:160px; position:absolute; } #lp-pom-text-1008 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:0px; z-index:89; width:540px; height:32px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-1009 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:40px; z-index:90; width:560px; height:112px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-1014 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:91; position:absolute; } #lp-pom-box-1011 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:560px; top:1061px; z-index:92; width:620px; height:130px; position:absolute; } #lp-pom-text-1012 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:0px; z-index:93; width:540px; height:32px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-1013 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:40px; z-index:94; width:560px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-1032 { display:block; background:rgba(255,255,255,0); left:8px; top:5.33331298828125px; z-index:95; position:absolute; } #lp-pom-box-1015 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:560px; top:1351px; z-index:96; width:620px; height:125px; position:absolute; } #lp-pom-text-1016 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:0px; z-index:97; width:540px; height:32px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-1017 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:40px; z-index:98; width:565px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-1018 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:99; position:absolute; } #lp-pom-box-1019 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:560px; top:1221px; z-index:100; width:620px; height:100px; position:absolute; } #lp-pom-text-1020 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:0px; z-index:101; width:540px; height:32px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-1021 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:64px; top:40px; z-index:102; width:560px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-1022 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:103; position:absolute; } #lp-pom-block-804 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:910px; position:relative; } #lp-pom-box-805 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:15px; top:1791px; z-index:51; width:268px; height:263px; position:absolute; } #lp-pom-text-807 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:74px; top:138px; z-index:52; width:120px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-861 { display:block; background:rgba(255,255,255,0); left:113px; top:89px; z-index:53; position:absolute; } #lp-pom-box-808 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:915px; top:1791px; z-index:54; width:268px; height:263px; position:absolute; } #lp-pom-text-810 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:76px; top:138px; z-index:55; width:115px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-868 { display:block; background:rgba(255,255,255,0); left:113px; top:89px; z-index:56; position:absolute; } #lp-pom-box-811 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:15px; top:2086px; z-index:57; width:268px; height:263px; position:absolute; } #lp-pom-text-813 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:49px; top:138px; z-index:58; width:169px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-864 { display:block; background:rgba(255,255,255,0); left:116px; top:89px; z-index:59; position:absolute; } #lp-pom-box-814 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:315px; top:2086px; z-index:60; width:268px; height:263px; position:absolute; } #lp-pom-text-816 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:49px; top:138px; z-index:61; width:169px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-867 { display:block; background:rgba(255,255,255,0); left:113px; top:89px; z-index:62; position:absolute; } #lp-pom-box-817 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:915px; top:2086px; z-index:63; width:268px; height:263px; position:absolute; } #lp-pom-text-819 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:49px; top:138px; z-index:64; width:169px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-865 { display:block; background:rgba(255,255,255,0); left:113px; top:89px; z-index:65; position:absolute; } #lp-pom-box-820 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:615px; top:1791px; z-index:66; width:268px; height:263px; position:absolute; } #lp-pom-text-822 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:76px; top:138px; z-index:67; width:115px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-863 { display:block; background:rgba(255,255,255,0); left:113px; top:89px; z-index:68; position:absolute; } #lp-pom-box-823 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:615px; top:2086px; z-index:69; width:268px; height:263px; position:absolute; } #lp-pom-text-825 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:49px; top:138px; z-index:70; width:169px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-866 { display:block; background:rgba(255,255,255,0); left:114px; top:89px; z-index:71; position:absolute; } #lp-pom-text-826 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:168px; top:1681px; z-index:72; width:863px; height:44px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-827 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:315px; top:1791px; z-index:73; width:268px; height:263px; position:absolute; } #lp-pom-text-829 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:66px; top:138px; z-index:74; width:135px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-862 { display:block; background:rgba(255,255,255,0); left:115px; top:89px; z-index:75; position:absolute; } #lp-pom-block-721 { display:block; background:rgba(243,245,249,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:580px; position:relative; } #lp-pom-text-722 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:84px; top:2591px; z-index:32; width:1062px; height:52px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-723 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:15px; top:2711px; z-index:33; width:350px; height:220px; position:absolute; } #lp-pom-text-724 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:70px; z-index:34; width:310px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-725 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:25px; top:110px; z-index:35; width:300px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-726 { display:block; background:rgba(255,255,255,0); left:149px; top:0px; z-index:36; position:absolute; } #lp-pom-box-727 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:425px; top:2711px; z-index:37; width:350px; height:220px; position:absolute; } #lp-pom-text-728 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:70px; z-index:38; width:310px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-729 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:30px; top:110px; z-index:39; width:290px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-730 { display:block; background:rgba(255,255,255,0); left:149px; top:0px; z-index:40; position:absolute; } #lp-pom-box-731 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:835px; top:2711px; z-index:41; width:350px; height:220px; position:absolute; } #lp-pom-text-732 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:70px; z-index:42; width:310px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-733 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:30px; top:110px; z-index:43; width:290px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-734 { display:block; background:rgba(255,255,255,0); left:149px; top:0px; z-index:44; position:absolute; } #lp-pom-block-598 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:635px; position:relative; } #lp-pom-box-599 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:20px; top:3285px; z-index:9; width:350px; height:198px; position:absolute; } #lp-pom-text-600 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:19px; z-index:10; width:329px; height:96px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-601 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:20px; top:3505px; z-index:11; width:370px; height:60px; position:absolute; } #lp-pom-box-602 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:12; width:60px; height:60px; position:absolute; } #lp-pom-text-603 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:13; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-604 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:14; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-605 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:300px; top:3483px; z-index:15; width:40px; height:28px; position:absolute; } #lp-pom-box-606 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:432px; top:3285px; z-index:16; width:348px; height:198px; position:absolute; } #lp-pom-text-607 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:14px; top:19px; z-index:17; width:328px; height:120px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-608 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:432px; top:3505px; z-index:18; width:370px; height:60px; position:absolute; } #lp-pom-box-609 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:19; width:60px; height:60px; position:absolute; } #lp-pom-text-610 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:20; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-611 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:21; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-612 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:712px; top:3483px; z-index:24; width:40px; height:28px; position:absolute; } #lp-pom-box-613 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:844px; top:3285px; z-index:22; width:335px; height:198px; position:absolute; } #lp-pom-text-614 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:14px; top:19px; z-index:23; width:313px; height:48px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-615 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:844px; top:3505px; z-index:25; width:337px; height:60px; position:absolute; } #lp-pom-box-616 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:26; width:60px; height:60px; position:absolute; } #lp-pom-text-617 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:27; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-618 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:28; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-619 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:1124px; top:3483px; z-index:29; width:40px; height:28px; position:absolute; } #lp-pom-text-620 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:69px; top:3171px; z-index:30; width:1062px; height:52px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-block-15 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:175px; position:relative; } #lp-pom-button-61 { display:block; border-style:none; border-radius:5px; left:923px; top:3748px; z-index:5; width:245px; height:50px; position:absolute; background:rgba(21,205,114,1); box-shadow:none; text-shadow:none; color:#fff; border-width:undefinedpx; border-color:#undefined; font-size:16px; line-height:19px; font-weight:400; font-family:Arial, sans-serif; font-style:normal; text-align:center; background-repeat:no-repeat; } #lp-pom-text-168 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:3748px; z-index:7; width:471px; height:52px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-block-965 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:977px; position:relative; } #lp-pom-text-966 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:3961px; z-index:76; width:272px; height:104px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-967 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:3961px; z-index:77; width:549px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-968 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:3999px; z-index:78; width:670px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-969 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4123px; z-index:79; width:549px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-970 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4161px; z-index:80; width:670px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-971 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4285px; z-index:81; width:549px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-972 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4323px; z-index:82; width:670px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-973 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4419px; z-index:83; width:549px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-974 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4457px; z-index:84; width:670px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-975 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4525px; z-index:85; width:549px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-976 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:398px; top:4563px; z-index:86; width:670px; height:156px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-block-17 { display:block; background:rgba(1,14,40,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:170px; position:relative; } #lp-pom-box-47 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b95d4204-do-logo-icon-blue_101e01e000000000000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:20px; top:4898px; z-index:8; width:50px; height:50px; position:absolute; } #lp-code-675 { display:block; left:80px; top:4911px; z-index:31; width:657px; height:24px; position:absolute; } #lp-pom-box-769 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:898px; top:4911px; z-index:45; width:302px; height:24px; position:absolute; } #lp-pom-text-770 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:0px; z-index:46; width:47px; height:24px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-771 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:62px; top:0px; z-index:47; width:113px; height:24px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-772 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:197px; top:0px; z-index:48; width:99px; height:24px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-root .lp-positioned-content { top:0px; width:1200px; margin-left:-600px; } #lp-pom-block-18 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:46px; } #lp-pom-block-8 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:750px; } #lp-pom-block-1005 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:810px; } #lp-pom-block-804 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:910px; } #lp-pom-block-721 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:580px; } #lp-pom-block-598 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:635px; } #lp-pom-block-15 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:175px; } #lp-pom-block-965 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:977px; } #lp-pom-block-17 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:1200px; height:170px; } #lp-pom-button-61:hover { background:rgba(104,219,158,1); box-shadow:none; color:#fff; border-style:none; border-width:undefinedpx; border-color:#undefined; } #lp-pom-button-61:active { background:rgba(13,185,87,1); box-shadow:none; color:#fff; } #lp-pom-button-61 .label { margin-top:-10px; } #lp-pom-image-726 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-726 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-730 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-730 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-734 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-734 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-773 .lp-pom-image-container { border-style:none; border-radius:0px; width:172px; height:30px; } #lp-pom-image-773 .lp-pom-image-container img { width:172px; height:30px; } #lp-pom-button-774:hover { background:rgba(0,136,208,0); box-shadow:none; color:#fff; } #lp-pom-button-774:active { background:rgba(0,124,197,0); box-shadow:none; color:#fff; } #lp-pom-button-774 .label { margin-top:-10px; } #lp-pom-image-861 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:41px; } #lp-pom-image-861 .lp-pom-image-container img { width:41px; height:41px; } #lp-pom-image-862 .lp-pom-image-container { border-style:none; border-radius:0px; width:38px; height:43px; } #lp-pom-image-862 .lp-pom-image-container img { width:38px; height:43px; } #lp-pom-image-863 .lp-pom-image-container { border-style:none; border-radius:0px; width:42px; height:39px; } #lp-pom-image-863 .lp-pom-image-container img { width:42px; height:39px; } #lp-pom-image-864 .lp-pom-image-container { border-style:none; border-radius:0px; width:35px; height:41px; } #lp-pom-image-864 .lp-pom-image-container img { width:35px; height:41px; } #lp-pom-image-865 .lp-pom-image-container { border-style:none; border-radius:0px; width:42px; height:41px; } #lp-pom-image-865 .lp-pom-image-container img { width:42px; height:41px; } #lp-pom-image-866 .lp-pom-image-container { border-style:none; border-radius:0px; width:39px; height:39px; } #lp-pom-image-866 .lp-pom-image-container img { width:39px; height:39px; } #lp-pom-image-867 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:41px; } #lp-pom-image-867 .lp-pom-image-container img { width:41px; height:41px; } #lp-pom-image-868 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:34px; } #lp-pom-image-868 .lp-pom-image-container img { width:41px; height:34px; } #lp-pom-image-1014 .lp-pom-image-container { border-style:none; border-radius:0px; width:40px; height:39px; } #lp-pom-image-1014 .lp-pom-image-container img { width:40px; height:39px; } #lp-pom-image-1018 .lp-pom-image-container { border-style:none; border-radius:0px; width:35px; height:41px; } #lp-pom-image-1018 .lp-pom-image-container img { width:35px; height:41px; } #lp-pom-image-1022 .lp-pom-image-container { border-style:none; border-radius:0px; width:37px; height:37px; } #lp-pom-image-1022 .lp-pom-image-container img { width:37px; height:37px; } #lp-pom-image-1032 .lp-pom-image-container { border-style:none; border-radius:0px; width:39px; height:37px; } #lp-pom-image-1032 .lp-pom-image-container img { width:39px; height:37px; } #lp-pom-image-1034 .lp-pom-image-container { border-style:none; border-radius:0px; width:40px; height:43px; } #lp-pom-image-1034 .lp-pom-image-container img { width:40px; height:43px; } #lp-pom-image-1035 .lp-pom-image-container { border-style:none; border-radius:0px; width:221px; height:27px; } #lp-pom-image-1035 .lp-pom-image-container img { width:221px; height:27px; } #lp-pom-root-color-overlay { position:absolute; background:none; top:0; width:100%; height:5008px; min-height:100%; } #lp-pom-block-18-color-overlay { position:absolute; background:none; height:46px; width:100%;; } #lp-pom-block-8-color-overlay { position:absolute; background:none; height:750px; width:100%;; } #lp-pom-block-1005-color-overlay { position:absolute; background:none; height:810px; width:100%;; } #lp-pom-block-804-color-overlay { position:absolute; background:none; height:910px; width:100%;; } #lp-pom-block-721-color-overlay { position:absolute; background:none; height:580px; width:100%;; } #lp-pom-block-598-color-overlay { position:absolute; background:none; height:635px; width:100%;; } #lp-pom-block-15-color-overlay { position:absolute; background:none; height:175px; width:100%;; } #lp-pom-block-965-color-overlay { position:absolute; background:none; height:977px; width:100%;; } #lp-pom-block-17-color-overlay { position:absolute; background:none; height:170px; width:100%;; } #lp-pom-box-45-color-overlay { position:absolute; background:none; border-radius:4px; height:528px; width:468px; } #lp-pom-box-47-color-overlay { position:absolute; background:rgba(255,255,255,0); height:50px; width:50px; } #lp-pom-box-599-color-overlay { position:absolute; background:none; border-radius:4px; height:198px; width:350px; } #lp-pom-box-601-color-overlay { position:absolute; background:none; height:60px; width:370px; } #lp-pom-box-602-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-605-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-606-color-overlay { position:absolute; background:none; border-radius:4px; height:198px; width:348px; } #lp-pom-box-608-color-overlay { position:absolute; background:none; height:60px; width:370px; } #lp-pom-box-609-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-612-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-613-color-overlay { position:absolute; background:none; border-radius:4px; height:198px; width:335px; } #lp-pom-box-615-color-overlay { position:absolute; background:none; height:60px; width:337px; } #lp-pom-box-616-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-619-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-723-color-overlay { position:absolute; background:none; height:220px; width:350px; } #lp-pom-box-727-color-overlay { position:absolute; background:none; height:220px; width:350px; } #lp-pom-box-731-color-overlay { position:absolute; background:none; height:220px; width:350px; } #lp-pom-box-769-color-overlay { position:absolute; background:none; height:24px; width:302px; } #lp-pom-box-805-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-808-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-811-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-814-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-817-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-820-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-823-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-827-color-overlay { position:absolute; background:none; border-radius:4px; height:263px; width:268px; } #lp-pom-box-1007-color-overlay { position:absolute; background:none; height:160px; width:620px; } #lp-pom-box-1011-color-overlay { position:absolute; background:none; height:130px; width:620px; } #lp-pom-box-1015-color-overlay { position:absolute; background:none; height:125px; width:620px; } #lp-pom-box-1019-color-overlay { position:absolute; background:none; height:100px; width:620px; } @media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 97dpi) { #lp-pom-box-47 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b95d4204-do-logo-icon-blue_1000000000000000000028.png); } #lp-pom-box-602 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_103c03c000000000000028.jpg); } #lp-pom-box-605 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } #lp-pom-box-609 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_103c03c000000000000028.jpg); } #lp-pom-box-612 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } #lp-pom-box-616 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_103c03c000000000000028.jpg); } #lp-pom-box-619 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } } @media (-webkit-min-device-pixel-ratio: 2.1), (min-resolution: 193dpi) { #lp-pom-box-602 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_1050050000000000000028.jpg); } #lp-pom-box-609 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_1050050000000000000028.jpg); } #lp-pom-box-616 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_1050050000000000000028.jpg); } } </style><style title="page-styles" type="text/css" data-page-type="main_mobile"> @media only screen and (max-width: 600px) { #lp-pom-root { display:block; background:rgba(238,238,238,1); border-style:none; margin:auto; padding-top:0px; border-radius:0px; min-width:320px; height:5961px; } #lp-pom-block-18 { display:none; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:46px; position:relative; } #lp-pom-block-8 { display:block; background:rgba(0,105,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/4fae3026-bg-hero-do-v4.svg); background-repeat:no-repeat; background-position:right center; background-size:cover; border-style:none; margin-left:auto; margin-right:auto; margin-bottom:1px; border-radius:0px; width:100%; height:905px; position:relative; } #lp-pom-box-45 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:0px; top:325px; z-index:1; width:318px; height:518px; position:absolute; } #lp-pom-text-164 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:24px; top:49px; z-index:3; width:386px; height:88px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-165 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:3px; top:454px; z-index:2; width:346px; height:28px; transform:scale(0.9); transform-origin:0 0; -webkit-transform:scale(0.9); -webkit-transform-origin:0 0; position:absolute; } #lp-code-536 { display:block; left:1px; top:114px; z-index:4; width:316px; height:340px; position:absolute; } #lp-pom-text-162 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:165px; z-index:6; width:602px; height:210px; transform:scale(0.5); transform-origin:0 0; -webkit-transform:scale(0.5); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-773 { display:block; background:rgba(255,255,255,0); left:10px; top:30px; z-index:49; position:absolute; } #lp-pom-button-774 { display:none; border-style:solid; border-radius:5px; left:10px; top:10px; z-index:50; width:85px; height:36px; position:absolute; background:rgba(0,152,219,0); box-shadow:none; text-shadow:none; color:#fff; border-width:2px; border-color:#FFF; font-size:16px; line-height:19px; font-weight:400; font-family:Arial, sans-serif; font-style:normal; text-align:center; background-repeat:no-repeat; } #lp-pom-image-1034 { display:block; background:rgba(255,255,255,0); left:6px; top:110px; z-index:104; position:absolute; } #lp-pom-image-1035 { display:block; background:rgba(255,255,255,0); left:51px; top:115px; z-index:105; position:absolute; } #lp-pom-block-1005 { display:block; background:rgba(243,245,249,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:860px; position:relative; } #lp-pom-text-1006 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:966px; z-index:87; width:433px; height:156px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-1007 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:10px; top:1106px; z-index:88; width:299px; height:175px; position:absolute; } #lp-pom-text-1008 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:55px; top:11px; z-index:89; width:331px; height:32px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-1009 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:50px; z-index:90; width:434px; height:168px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-1014 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:91; position:absolute; } #lp-pom-box-1011 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:10px; top:1311px; z-index:92; width:299px; height:135px; position:absolute; } #lp-pom-text-1012 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:55px; top:9px; z-index:93; width:319px; height:32px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-1013 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:50px; z-index:94; width:411px; height:112px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-1032 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:95; position:absolute; } #lp-pom-box-1015 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:10px; top:1601px; z-index:96; width:299px; height:115px; position:absolute; } #lp-pom-text-1016 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:55px; top:10px; z-index:97; width:357px; height:32px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-1017 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:50px; z-index:98; width:436px; height:84px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-1018 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:99; position:absolute; } #lp-pom-box-1019 { display:block; background:rgba(243,245,249,1); border-style:none; border-radius:0px; left:10px; top:1476px; z-index:100; width:299px; height:95px; position:absolute; } #lp-pom-text-1020 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:55px; top:9px; z-index:101; width:341px; height:32px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-1021 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:50px; z-index:102; width:436px; height:56px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-1022 { display:block; background:rgba(255,255,255,0); left:0px; top:0px; z-index:103; position:absolute; } #lp-pom-block-804 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:970px; position:relative; } #lp-pom-box-805 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:0px; top:1914px; z-index:51; width:148px; height:178px; position:absolute; } #lp-pom-text-807 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:9px; top:89px; z-index:52; width:120px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-861 { display:block; background:rgba(255,255,255,0); left:53px; top:29px; z-index:53; position:absolute; } #lp-pom-box-808 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:170px; top:2114px; z-index:54; width:148px; height:178px; position:absolute; } #lp-pom-text-810 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:16px; top:89px; z-index:55; width:115px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-868 { display:block; background:rgba(255,255,255,0); left:53px; top:39px; z-index:56; position:absolute; } #lp-pom-box-811 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:0px; top:2314px; z-index:57; width:148px; height:178px; position:absolute; } #lp-pom-text-813 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:89px; z-index:58; width:128px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-864 { display:block; background:rgba(255,255,255,0); left:56px; top:29px; z-index:59; position:absolute; } #lp-pom-box-814 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:170px; top:2314px; z-index:60; width:148px; height:178px; position:absolute; } #lp-pom-text-816 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:14px; top:89px; z-index:61; width:120px; height:84px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-867 { display:block; background:rgba(255,255,255,0); left:53px; top:29px; z-index:62; position:absolute; } #lp-pom-box-817 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:170px; top:2514px; z-index:63; width:148px; height:178px; position:absolute; } #lp-pom-text-819 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:12px; top:89px; z-index:64; width:123px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-865 { display:block; background:rgba(255,255,255,0); left:53px; top:29px; z-index:65; position:absolute; } #lp-pom-box-820 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:0px; top:2114px; z-index:66; width:148px; height:178px; position:absolute; } #lp-pom-text-822 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:16px; top:89px; z-index:67; width:115px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-863 { display:block; background:rgba(255,255,255,0); left:53px; top:29px; z-index:68; position:absolute; } #lp-pom-box-823 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:0px; top:2514px; z-index:69; width:148px; height:178px; position:absolute; } #lp-pom-text-825 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:89px; z-index:70; width:108px; height:56px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-866 { display:block; background:rgba(255,255,255,0); left:54px; top:29px; z-index:71; position:absolute; } #lp-pom-text-826 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:16px; top:1826px; z-index:72; width:410px; height:88px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-827 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:170px; top:1914px; z-index:73; width:148px; height:178px; position:absolute; } #lp-pom-text-829 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:6px; top:89px; z-index:74; width:135px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-image-862 { display:block; background:rgba(255,255,255,0); left:55px; top:29px; z-index:75; position:absolute; } #lp-pom-block-721 { display:block; background:rgba(243,245,249,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:990px; position:relative; } #lp-pom-text-722 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:9px; top:2796px; z-index:32; width:355px; height:104px; transform:scale(0.85); transform-origin:0 0; -webkit-transform:scale(0.85); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-723 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:2926px; z-index:33; width:280px; height:220px; position:absolute; } #lp-pom-text-724 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:70px; z-index:34; width:260px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-725 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:8px; top:117px; z-index:35; width:310px; height:84px; transform:scale(0.85); transform-origin:0 0; -webkit-transform:scale(0.85); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-726 { display:block; background:rgba(255,255,255,0); left:114px; top:0px; z-index:36; position:absolute; } #lp-pom-box-727 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:20px; top:3186px; z-index:37; width:280px; height:220px; position:absolute; } #lp-pom-text-728 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:70px; z-index:38; width:260px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-729 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:8px; top:117px; z-index:39; width:310px; height:84px; transform:scale(0.85); transform-origin:0 0; -webkit-transform:scale(0.85); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-730 { display:block; background:rgba(255,255,255,0); left:114px; top:0px; z-index:40; position:absolute; } #lp-pom-box-731 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:17px; top:3446px; z-index:41; width:280px; height:220px; position:absolute; } #lp-pom-text-732 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:36px; top:70px; z-index:42; width:207px; height:28px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-733 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:8px; top:117px; z-index:43; width:310px; height:84px; transform:scale(0.85); transform-origin:0 0; -webkit-transform:scale(0.85); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-image-734 { display:block; background:rgba(255,255,255,0); left:114px; top:0px; z-index:44; position:absolute; } #lp-pom-block-598 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:980px; position:relative; } #lp-pom-box-599 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:11px; top:3951px; z-index:9; width:298px; height:118px; position:absolute; } #lp-pom-text-600 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:23px; top:25px; z-index:10; width:360px; height:96px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-601 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:10px; top:4097px; z-index:11; width:300px; height:60px; position:absolute; } #lp-pom-box-602 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:12; width:60px; height:60px; position:absolute; } #lp-pom-text-603 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:13; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-604 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:14; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-605 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:236px; top:4069px; z-index:15; width:40px; height:28px; position:absolute; } #lp-pom-box-606 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:11px; top:4197px; z-index:16; width:298px; height:118px; position:absolute; } #lp-pom-text-607 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:23px; top:9px; z-index:17; width:360px; height:120px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-608 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:10px; top:4343px; z-index:18; width:300px; height:60px; position:absolute; } #lp-pom-box-609 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:19; width:60px; height:60px; position:absolute; } #lp-pom-text-610 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:20; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-611 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:21; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-612 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:236px; top:4561px; z-index:24; width:40px; height:28px; position:absolute; } #lp-pom-box-613 { display:block; background:rgba(255,255,255,1); border-style:solid; border-width:1px; border-color:#ccc; border-radius:5px; left:10px; top:4443px; z-index:22; width:298px; height:118px; position:absolute; } #lp-pom-text-614 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:23px; top:25px; z-index:23; width:360px; height:48px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-box-615 { display:block; background:rgba(255,255,255,1); border-style:none; border-radius:0px; left:10px; top:4589px; z-index:25; width:300px; height:60px; position:absolute; } #lp-pom-box-616 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_101o01o000000000000028.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:30px; left:0px; top:0px; z-index:26; width:60px; height:60px; position:absolute; } #lp-pom-text-617 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:8px; z-index:27; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-618 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:80px; top:30px; z-index:28; width:199px; height:22px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-box-619 { display:block; background:rgba(255,255,255,1); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_101a00s01400s003000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:236px; top:4315px; z-index:29; width:40px; height:28px; position:absolute; } #lp-pom-text-620 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:3786px; z-index:30; width:355px; height:156px; transform:scale(0.85); transform-origin:0 0; -webkit-transform:scale(0.85); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-block-15 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:250px; position:relative; } #lp-pom-button-61 { display:block; border-style:none; border-radius:5px; left:41px; top:4846px; z-index:5; width:245px; height:50px; position:absolute; background:rgba(21,205,114,1); box-shadow:none; text-shadow:none; color:#fff; border-width:undefinedpx; border-color:#undefined; font-size:16px; line-height:19px; font-weight:400; font-family:Arial, sans-serif; font-style:normal; text-align:center; background-repeat:no-repeat; } #lp-pom-text-168 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:1px; top:4766px; z-index:7; width:454px; height:52px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-block-965 { display:block; background:rgba(255,255,255,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:845px; position:relative; } #lp-pom-text-966 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5016px; z-index:76; width:399px; height:104px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-967 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5111px; z-index:77; width:439px; height:28px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-968 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5139px; z-index:78; width:432px; height:112px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-969 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5236px; z-index:79; width:434px; height:28px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-970 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5264px; z-index:80; width:432px; height:112px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-971 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5361px; z-index:81; width:432px; height:28px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-972 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5389px; z-index:82; width:432px; height:84px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-973 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5481px; z-index:83; width:432px; height:28px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-974 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5509px; z-index:84; width:432px; height:56px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-975 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5567px; z-index:85; width:432px; height:28px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-text-976 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:5595px; z-index:86; width:432px; height:212px; transform:scale(0.7); transform-origin:0 0; -webkit-transform:scale(0.7); -webkit-transform-origin:0 0; position:absolute; } #lp-pom-block-17 { display:block; background:rgba(1,14,40,1); border-style:none; margin-left:auto; margin-right:auto; margin-bottom:0px; border-radius:0px; width:100%; height:160px; position:relative; } #lp-pom-box-47 { display:block; background:rgba(255,255,255,0); background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b95d4204-do-logo-icon-blue_101e01e000000000000028.png); background-repeat:no-repeat; background-position:center center; background-size:cover; border-style:none; border-radius:0px; left:10px; top:5831px; z-index:8; width:50px; height:50px; position:absolute; } #lp-code-675 { display:block; left:70px; top:5832px; z-index:31; width:250px; height:48px; position:absolute; } #lp-pom-box-769 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:0px; top:5901px; z-index:45; width:320px; height:24px; position:absolute; } #lp-pom-text-770 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:10px; top:0px; z-index:46; width:47px; height:24px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-771 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:83px; top:0px; z-index:47; width:113px; height:24px; transform:none; transform-origin:0 0; position:absolute; } #lp-pom-text-772 { display:block; background:rgba(255,255,255,0); border-style:none; border-radius:0px; left:221px; top:0px; z-index:48; width:99px; height:24px; transform:none; transform-origin:0 0; position:absolute; } body { color:#000; } a { color:#0000ff; text-decoration:none; } #lp-pom-root .lp-positioned-content { top:0px; width:320px; margin-left:-160px; } #lp-pom-block-18 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:46px; } #lp-pom-block-8 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:905px; } #lp-pom-block-1005 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:860px; } #lp-pom-block-804 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:970px; } #lp-pom-block-721 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:990px; } #lp-pom-block-598 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:980px; } #lp-pom-block-15 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:250px; } #lp-pom-block-965 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:845px; } #lp-pom-block-17 .lp-pom-block-content { margin-left:auto; margin-right:auto; width:320px; height:160px; } #lp-pom-button-61:hover { background:rgba(104,219,158,1); box-shadow:none; color:#fff; border-style:none; border-width:undefinedpx; border-color:#undefined; } #lp-pom-button-61:active { background:rgba(13,185,87,1); box-shadow:none; color:#fff; } #lp-pom-button-61 .label { margin-top:-10px; } #lp-pom-image-726 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-726 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-730 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-730 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-734 .lp-pom-image-container { border-style:none; border-radius:0px; width:51px; height:51px; } #lp-pom-image-734 .lp-pom-image-container img { width:51px; height:51px; } #lp-pom-image-773 .lp-pom-image-container { border-style:none; border-radius:0px; width:172px; height:30px; } #lp-pom-image-773 .lp-pom-image-container img { width:172px; height:30px; } #lp-pom-button-774:hover { background:rgba(0,136,208,0); box-shadow:none; color:#fff; } #lp-pom-button-774:active { background:rgba(0,124,197,0); box-shadow:none; color:#fff; } #lp-pom-button-774 .label { margin-top:0px; } #lp-pom-image-861 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:41px; } #lp-pom-image-861 .lp-pom-image-container img { width:41px; height:41px; } #lp-pom-image-862 .lp-pom-image-container { border-style:none; border-radius:0px; width:38px; height:43px; } #lp-pom-image-862 .lp-pom-image-container img { width:38px; height:43px; } #lp-pom-image-863 .lp-pom-image-container { border-style:none; border-radius:0px; width:42px; height:39px; } #lp-pom-image-863 .lp-pom-image-container img { width:42px; height:39px; } #lp-pom-image-864 .lp-pom-image-container { border-style:none; border-radius:0px; width:35px; height:41px; } #lp-pom-image-864 .lp-pom-image-container img { width:35px; height:41px; } #lp-pom-image-865 .lp-pom-image-container { border-style:none; border-radius:0px; width:42px; height:41px; } #lp-pom-image-865 .lp-pom-image-container img { width:42px; height:41px; } #lp-pom-image-866 .lp-pom-image-container { border-style:none; border-radius:0px; width:39px; height:39px; } #lp-pom-image-866 .lp-pom-image-container img { width:39px; height:39px; } #lp-pom-image-867 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:41px; } #lp-pom-image-867 .lp-pom-image-container img { width:41px; height:41px; } #lp-pom-image-868 .lp-pom-image-container { border-style:none; border-radius:0px; width:41px; height:34px; } #lp-pom-image-868 .lp-pom-image-container img { width:41px; height:34px; } #lp-pom-image-1014 .lp-pom-image-container { border-style:none; border-radius:0px; width:40px; height:39px; } #lp-pom-image-1014 .lp-pom-image-container img { width:40px; height:39px; } #lp-pom-image-1018 .lp-pom-image-container { border-style:none; border-radius:0px; width:35px; height:41px; } #lp-pom-image-1018 .lp-pom-image-container img { width:35px; height:41px; } #lp-pom-image-1022 .lp-pom-image-container { border-style:none; border-radius:0px; width:37px; height:37px; } #lp-pom-image-1022 .lp-pom-image-container img { width:37px; height:37px; } #lp-pom-image-1032 .lp-pom-image-container { border-style:none; border-radius:0px; width:39px; height:37px; } #lp-pom-image-1032 .lp-pom-image-container img { width:39px; height:37px; } #lp-pom-image-1034 .lp-pom-image-container { border-style:none; border-radius:0px; width:28px; height:30px; } #lp-pom-image-1034 .lp-pom-image-container img { width:28px; height:30px; } #lp-pom-image-1035 .lp-pom-image-container { border-style:none; border-radius:0px; width:164px; height:20px; } #lp-pom-image-1035 .lp-pom-image-container img { width:164px; height:20px; } #lp-pom-root-color-overlay { position:absolute; background:none; top:0; width:100%; height:5961px; min-height:100%; } #lp-pom-block-18-color-overlay { position:absolute; background:none; height:46px; width:100%;; } #lp-pom-block-8-color-overlay { position:absolute; background:none; height:905px; width:100%;; } #lp-pom-block-1005-color-overlay { position:absolute; background:none; height:860px; width:100%;; } #lp-pom-block-804-color-overlay { position:absolute; background:none; height:970px; width:100%;; } #lp-pom-block-721-color-overlay { position:absolute; background:none; height:990px; width:100%;; } #lp-pom-block-598-color-overlay { position:absolute; background:none; height:980px; width:100%;; } #lp-pom-block-15-color-overlay { position:absolute; background:none; height:250px; width:100%;; } #lp-pom-block-965-color-overlay { position:absolute; background:none; height:845px; width:100%;; } #lp-pom-block-17-color-overlay { position:absolute; background:none; height:160px; width:100%;; } #lp-pom-box-45-color-overlay { position:absolute; background:none; border-radius:4px; height:518px; width:318px; } #lp-pom-box-47-color-overlay { position:absolute; background:rgba(255,255,255,0); height:50px; width:50px; } #lp-pom-box-599-color-overlay { position:absolute; background:none; border-radius:4px; height:118px; width:298px; } #lp-pom-box-601-color-overlay { position:absolute; background:none; height:60px; width:300px; } #lp-pom-box-602-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-605-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-606-color-overlay { position:absolute; background:none; border-radius:4px; height:118px; width:298px; } #lp-pom-box-608-color-overlay { position:absolute; background:none; height:60px; width:300px; } #lp-pom-box-609-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-612-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-613-color-overlay { position:absolute; background:none; border-radius:4px; height:118px; width:298px; } #lp-pom-box-615-color-overlay { position:absolute; background:none; height:60px; width:300px; } #lp-pom-box-616-color-overlay { position:absolute; background:rgba(255,255,255,0); border-radius:30px; height:60px; width:60px; } #lp-pom-box-619-color-overlay { position:absolute; background:none; height:28px; width:40px; } #lp-pom-box-723-color-overlay { position:absolute; background:none; height:220px; width:280px; } #lp-pom-box-727-color-overlay { position:absolute; background:none; height:220px; width:280px; } #lp-pom-box-731-color-overlay { position:absolute; background:none; height:220px; width:280px; } #lp-pom-box-769-color-overlay { position:absolute; background:none; height:24px; width:320px; } #lp-pom-box-805-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-808-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-811-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-814-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-817-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-820-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-823-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-827-color-overlay { position:absolute; background:none; border-radius:4px; height:178px; width:148px; } #lp-pom-box-1007-color-overlay { position:absolute; background:none; height:175px; width:299px; } #lp-pom-box-1011-color-overlay { position:absolute; background:none; height:135px; width:299px; } #lp-pom-box-1015-color-overlay { position:absolute; background:none; height:115px; width:299px; } #lp-pom-box-1019-color-overlay { position:absolute; background:none; height:95px; width:299px; } } @media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 1.1), only screen and (max-width: 600px) and (min-resolution: 97dpi) { #lp-pom-box-47 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b95d4204-do-logo-icon-blue_1000000000000000000028.png); } #lp-pom-box-602 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_103c03c000000000000028.jpg); } #lp-pom-box-605 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } #lp-pom-box-609 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_103c03c000000000000028.jpg); } #lp-pom-box-612 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } #lp-pom-box-616 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_103c03c000000000000028.jpg); } #lp-pom-box-619 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/7554e004-tweet-down-arrow_100000002801k006000028.png); } } @media only screen and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2.1), only screen and (max-width: 600px) and (min-resolution: 193dpi) { #lp-pom-box-602 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8fca9246-tareq_1050050000000000000028.jpg); } #lp-pom-box-609 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/89739f0a-jwgilmore_1050050000000000000028.jpg); } #lp-pom-box-616 { background-image:url(//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e5137832-paolo_1050050000000000000028.jpg); } } </style><link href="//builder-assets.unbounce.com/published-css/main-ebbfc5e.z.css" rel="stylesheet" media="screen" type="text/css" /><meta property='og:title' content=''/><script type="text/javascript">window.ub = {"page":{"id":"47f050b2-4450-43be-a7cb-d45b981a91b5","variantId":"a","usedAs":"main","name":"CSS Tricks","url":"https://try.digitalocean.com/css-tricks/","dimensions":{"breakpoints":["desktop","mobile"],"desktop":{"height":5008,"width":1200},"mobile":{"height":5961,"width":320},"mobileMaxWidth":600}},"hooks":{"beforeFormSubmit":[],"afterFormSubmit":[]}};</script><style> @font-face { font-family: 'Sailec-Light'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_6_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_6_0.woff') format('woff'); } @font-face { font-family: 'Sailec-Regular'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_A_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_A_0.woff') format('woff'); } @font-face { font-family: 'Sailec-RegularItalic'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_B_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_B_0.woff') format('woff'); } @font-face { font-family: 'Sailec-Medium'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_8_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_8_0.woff') format('woff'); } @font-face { font-family: 'Sailec-MediumItalic'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_9_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_9_0.woff') format('woff'); } @font-face { font-family: 'Sailec-Bold'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_0_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_0_0.woff') format('woff'); } @font-face { font-family: 'Sailec-Black'; src: url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_5_0.woff2') format('woff2'), url('https://do-landing-unbounce.nyc3.cdn.digitaloceanspaces.com/fonts/357C3A_5_0.woff') format('woff'); } h1 { font-family: Sailec-Bold !important; font-weight: normal !important; } h2 { font-family: Sailec-Bold !important; font-weight: normal !important; font-size: 36px; letter-spacing: -0.9px; line-height: 52px; } h3,h4 { font-family: Sailec-Bold; font-weight: normal !important; line-height: 44px; } h5 { font-family: Sailec-Medium; font-weight: normal !important; } h6 { font-family: Sailec-Bold; font-weight: normal !important; font-size: 14px; letter-spacing: 1px; } p { font-family: Sailec-Regular; font-weight: normal !important; } #lp-pom-text-163 { font-family: Sailec-Light!important; color: rgba(255,255,255,0.70)!important; letter-spacing: 0; } #lp-pom-button-167, #lp-pom-button-61 { font-family: Sailec-Medium; line-height: 16px; } #lp-pom-button-774, #lp-pom-button-61 { font-family: Sailec-Medium; } </style><style> #lp-pom-root .lp-pom-text a:link {text-decoration: none} #lp-pom-root .lp-pom-text a:visited {text-decoration: none} #lp-pom-root .lp-pom-text a:active {text-decoration: none} #lp-pom-root .lp-pom-text a:hover {text-decoration: none} /* Bullet points */ div.lp-pom-root .lp-pom-text ul li, .cke-text ul li { list-style: none; } ul { list-style: none; padding-left: 1em; } ul li:before { content: ''; display: inline-block; height: 1em; width: 1em; background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDMwIDI0Ij4KICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik01LjU1OTg3MDYsMTAuMzE4OTYwNSBDNC4zNTUzMTU4LDkuMTgxMzI1NCAyLjQ1NjU5NTcsOS4yMzU1NzQ2IDEuMzE4OTYwNSwxMC40NDAxMjk0IEMwLjE4MTMyNTQsMTEuNjQ0Njg0MiAwLjIzNTU3NDYsMTMuNTQzNDA0MyAxLjQ0MDEyOTQsMTQuNjgxMDM5NSBMMTAuNDQwMTI5NCwyMy4xODEwMzk1IEMxMS43MjcxMDc4LDI0LjM5NjUxOSAxMy43ODEyNDI0LDI0LjIzOTE1NDUgMTQuODY4MDU2NywyMi44NDE4MjE4IEwyOC44NjgwNTY3LDQuODQxODIxOCBDMjkuODg1MjY2OCwzLjUzMzk4MDMgMjkuNjQ5NjYzNCwxLjY0OTE1MzUgMjguMzQxODIxOCwwLjYzMTk0MzMgQzI3LjAzMzk4MDMsLTAuMzg1MjY2OCAyNS4xNDkxNTM1LC0wLjE0OTY2MzQgMjQuMTMxOTQzMywxLjE1ODE3ODIgTDEyLjE1OTIyMDEsMTYuNTUxNjc5NSBMNS41NTk4NzA2LDEwLjMxODk2MDUgWiIvPgo8L3N2Zz4K); background-size: contain; background-repeat: no-repeat; position: absolute; margin-top: 7px; margin-left: -23px; } .blue { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEwIDEwIj4KICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGNpcmNsZSBjeD0iMi41IiBjeT0iMi41IiByPSIyLjUiIGZpbGw9IiMwMDY5RkYiLz4KICAgIDxyZWN0IHdpZHRoPSIxMCIgaGVpZ2h0PSIxMCIvPgogIDwvZz4KPC9zdmc+Cg=='); width: 10px; height: 10px; display: inline-block; position: relative; top: -4px; } /* Header Background Mask #lp-pom-block-8 { background-image: linear-gradient(-135deg, rgba(59,99,245,0.99) 0%, rgba(42,55,179,1.00) 54%, #120038 100%); } */ /* Header Signup Box */ #lp-pom-box-45 { box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } /* Mask App: */ #lp-pom-box-19 { box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } #lp-pom-box-56 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 2px 4px 0 rgba(3,27,78,0.06); } /* Pricing Boxes */ #lp-pom-box-57 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 2px 4px 0 rgba(3,27,78,0.06); } #lp-pom-box-57 { box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } /* Background 35% */ #lp-pom-block-11 { background-image: linear-gradient(-180deg, rgba(243,246,249,0.99) 0%, #FFFFFF 100%); } /* Droplets Big Box */ #lp-pom-box-21 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } /* Droplets Boxes */ #lp-pom-box-22, #lp-pom-box-23, #lp-pom-box-24, #lp-pom-box-25, #lp-pom-box-26, #lp-pom-box-27, #lp-pom-box-28, #lp-pom-box-29, #lp-pom-box-30, #lp-pom-box-31, #lp-pom-box-32, #lp-pom-box-33, #lp-pom-box-77, #lp-pom-box-110, #lp-pom-box-172 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 2px 4px 0 rgba(3,27,78,0.06); } /* Price Compare Block */ /* #lp-pom-block-869 { background: #212181; background: -moz-linear-gradient(-45deg, #212181 0%, #120038 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #212181), color-stop(100%, #120038)); background: -webkit-linear-gradient(-45deg, #212181 0%, #120038 100%); background: -o-linear-gradient(-45deg, #212181 0%, #120038 100%); background: -ms-linear-gradient(-45deg, #212181 0%, #120038 100%); background: linear-gradient(135deg, #212181 0%, #120038 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#212181', endColorstr='#120038', GradientType=1 ); } */ /* Background Ready to Get Started */ #lp-pom-block-15 { background: #120038; background: -moz-linear-gradient(-45deg, #120038 0%, #2a35b0 100%); background: -webkit-gradient(left top, right bottom, color-stop(0%, #120038), color-stop(100%, #2a35b0)); background: -webkit-linear-gradient(-45deg, #120038 0%, #2a35b0 100%); background: -o-linear-gradient(-45deg, #120038 0%, #2a35b0 100%); background: -ms-linear-gradient(-45deg, #120038 0%, #2a35b0 100%); background: linear-gradient(135deg, #120038 0%, #2a35b0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#120038', endColorstr='#2a35b0', GradientType=1 ); } #lp-pom-box-144, #lp-pom-box-145, #lp-pom-box-409 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 2px 4px 0 rgba(3,27,78,0.06); } #lp-pom-box-159 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } #lp-pom-box-160, #lp-pom-box-161 { border: 1px solid rgba(3,27,78,0.10); box-shadow: 0 10px 20px 0 rgba(3,27,78,0.10); } #lp-pom-box-169, #lp-pom-box-442, #lp-pom-box-443, #lp-pom-box-445, #lp-pom-box-498, #lp-pom-box-872 { background: rgba(0,105,255,0.06)!important; } /*@media only screen and (min-width: 600px) { #lp-pom-text-142,#lp-pom-text-143 { width: 240px !important; } } */ @media only screen and (max-width: 600px) { #lp-pom-text-168 { text-align: center } } /* Price Comparison Section */ #lp-pom-block-555 { background-image: linear-gradient(-180deg, rgba(243,246,249,0.99) 0%, #FFFFFF 100%); } #lp-pom-box-539, #lp-pom-box-551 { box-shadow: 0 2px 4px rgba(3,27,78,.05); } #lp-pom-button-774 .label, #lp-pom-button-61 .label { margin-top: -8px; } </style><style> .bui-Form--spacing input { position: relative; padding: 0 16px; max-width: 100%; width: 100%; height: 48px; border: 1px solid #f1f1f1; border-radius: 5px; box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.10); background: #fff; color: rgba(3,27,78,.7); box-sizing: border-box; font: 16px / 24px Sailec-Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; transition: all .25s cubic-bezier(.645,.045,.355,1); } .bui-Form--spacing input:focus { z-index: 1; outline: 0; border-color: #0069ff; background: #fff; box-shadow: 0 0 2px rgba(17,169,94,.5); color: rgba(3,27,78,.7); } .bui-Form--spacing *+*, .bui-FormRow--spacing+.bui-FormRow--spacing { margin-top: 16px; } /* .bui-Form--spacing label { display: none; } */ .bui-Form--spacing .Home-signupBox { margin: 0; padding: 0 32px 32px 32px; border-radius: 5px; background-color: #fff; } .bui-Form--spacing .bui-Button { display: inline-block; overflow: visible; margin: 0; padding: 0 32px; height: 48px; border: 0; border-radius: 5px; background: #ececec; color: rgba(3,27,78,.7); vertical-align: middle; text-align: center; text-decoration: none; text-transform: none; white-space: nowrap; font: inherit; font-weight: 400; font-size: 16px; font-family: Sailec-Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; line-height: 48px; cursor: pointer; transition: all .25s cubic-bezier(.645,.045,.355,1); -webkit-appearance: none; -moz-appearance: none; appearance: none; } .bui-Form--spacing .bui-Button--primary { background: linear-gradient(90deg,#0069ff,#1633ff); color: #fff; } .bui-Form--spacing .bui-Button--primary:hover { background: linear-gradient(90deg,#0069ff,#0069ff); } .bui-Form--spacing .bui-Button--fullWidth { width: 100%; } .bui-Form--spacing .bui-Icon { position: relative; top: -1px; max-width: 100%; width: 1em; height: 1em; line-height: 1; fill: currentColor; vertical-align: middle; } .bui-Form--spacing .bui-Button--withIconRight .bui-Loader, .bui-Form--spacing .bui-Button--withIconRight svg { margin-right: 0; margin-left: 8px; } .bui-Form--spacing .bui-Button--google-signin { display:block; padding:0; background-color: #fff; box-shadow: 0 0 1px rgba(0,0,0, 0.12), 0 1px 1px rgba(0,0,0, 0.24); color: #757575; position: relative; } .bui-Form--spacing .bui-Button--google-signin:hover, .bui-Form--spacing .bui-Button--google-signin:focus { background-color: #eee; color: #757575; } .bui-Form--spacing .bui-Button--google-signin svg { left: 16px; position: absolute; top: 50%; transform: translateY(-50%); } /*Green CTA*/ .bui-Form--spacing .bui-Button--primary { background: #15CD72; } .bui-Form--spacing .bui-Button--primary:hover { background: #15CD72; opacity: .7; } </style><style> b, strong { color: inherit; font-family: Sailec-Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; font-weight: 400; } .bui-u-hidden, .is-hidden { display: none!important; visibility: hidden!important; } #email-suggestion { font: 400 16px/1.5 Sailec-Regular,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; color: rgba(3,27,78,0.70); } #email-suggestion strong { color: #0069FF; } .bui-FloatLabel { position: relative; } .bui-Form--spacing *+*, .bui-FormRow--spacing+.bui-FormRow--spacing { margin-top: 16px; } .Home-signupBox .login-choice { text-align: center; width: 100%; } .Home-signupBox .login-choice span { font-family: Sailec-Regular; color: #5b6987; display: -ms-grid; display: grid; font-size: 16px; width: 100%; line-height: 26px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -ms-grid-columns: minmax(20px,1fr) auto minmax(20px,1fr); grid-template-columns: minmax(20px,1fr) auto minmax(20px,1fr); grid-gap: 19px; } .Home-signupBox .login-choice span:after, .Home-signupBox .login-choice span:before { content: ""; border-top: 1px solid #e5e8ed; } .Home-signupBox .signup-buttons { display: flex; justify-content: space-between; } .www-Button { appearance: none; background-color: transparent; border: 1px solid #0069ff; border-radius: 5px; color: #0069ff; cursor: pointer; display: inline-block; font-family: Sailec-Bold,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif; font-size: 16px; font-weight: 400; height: 48px; line-height: 48px; padding: 0 32px; text-align: center; text-decoration: none; transition: background-color .25s ease,border .25s ease,color .25s ease; vertical-align: middle; white-space: nowrap; } .www-Button--googleSSO { background-color: #fff; border: none; color: #757575; padding-left: 50px; padding-right: 50px; position: relative; } .Home-signupBox .github-signup, .Home-signupBox .google-signup { color: #031b4e; background: #f2f8ff; border: 1px solid rgba(0,105,255,.2); box-sizing: border-box; border-radius: 3px; display: inline-block; margin-top: 0; width: 47.5%; } .www-Button--googleSSO svg { left: 16px; position: absolute; top: 50%; transform: translateY(-50%); } .bui-FloatLabel.is-active:not(.is-notValid) label { opacity: 1; transform: translateY(0); } .bui-FloatLabel .bui-Form-errors, .bui-FloatLabel label, .bui-Form-errors { font-size: 12px; font-weight: 600; pointer-events: none; } .bui-FloatLabel .bui-Form-errors, .bui-FloatLabel label { position: absolute; z-index: 2; top: 6px; left: 17px; transform: translateY(25%); opacity: 0; transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; margin-top: 0; } .bui-FloatLabel label { color: rgba(3,27,78,.75); } input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], 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, textarea { height: 48px; max-width: 100%; padding: 0 16px; border: 1px solid #f1f1f1; background: #fff; color: rgba(3,27,78,.7); transition: all cubic-bezier(0.645, 0.045, 0.355, 1) .25s; border-radius: 5px; width: 100%; position: relative; } input:focus:not([type]), input:focus[type=color], input:focus[type=date], input:focus[type=datetime-local], input:focus[type=datetime], input:focus[type=email], input:focus[type=month], input:focus[type=number], input:focus[type=password], input:focus[type=search], input:focus[type=tel], input:focus[type=text], input:focus[type=time], input:focus[type=url], input:focus[type=week], select:focus, textarea:focus { border-color: #0069ff; outline: 0; background: #fff; box-shadow: 0 0 2px rgba(17,169,94,.5); color: rgba(3,27,78,.7); z-index: 1; } .bui-FloatLabel.is-active input { padding-top: 14px; } .bui-FloatLabel .bui-Form-errors, .bui-FloatLabel label, .bui-Form-errors { font-size: 12px; font-weight: 600; pointer-events: none; } .bui-FloatLabel input:focus~label, .bui-FloatLabel textarea:focus~label { color: #0069ff; } .Home-signupBox .github-signup:hover, .Home-signupBox .google-signup:hover { background: #d5e4f7; } @media only screen and (max-width: 600px) { .www-Button--googleSSO { padding-left: 40px; padding-right: 40px; } } </style><link rel="preload" href="/assets/f1ef73e0-07e1-46c5-ad3f-a2aa310254a2/digitalocean-cloud-computing-simplicity-at-scale-47.original.svg?1540993043" as="image"> <script>window.ub=window.ub||{};window.ub.visitorId="93ac5c5f-7919-4cd9-bfaf-e15d90f8efb6";window.ub.routingStrategy="single";window.ub.contentRoutingStrategy="single";window.ub.domain={};</script> <script async src="/_ub/static/ts/786ffa188154a7a81202c5d108dc70f1e0214262.js"></script> <link rel="icon" type="image/x-icon" href="https://www.digitalocean.com/_next/static/media/favicon.594d6067.ico"><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','GTM-KHWBBT');</script><script src="//code.jquery.com/jquery-2.1.4.min.js"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1010666955"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1010666955'); </script></head> <body class="lp-pom-body"> <div class="lp-element lp-pom-root" id="lp-pom-root"><div id="lp-pom-root-color-overlay"></div><div class="lp-positioned-content"><div class="lp-element lp-pom-box" id="lp-pom-box-45"><div id="lp-pom-box-45-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-164"><p style="text-align: center; line-height: 44px;"><span style="font-family: Sailec-Bold; font-size: 30px;"><span style="color: rgb(3, 27, 78); letter-spacing: -1px;">Start your free trial with $200 credit for 60 days</span></span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-165"><p style="text-align: center; line-height: 14px;"><span style="font-family: Sailec-Regular; font-size: 12px; color: rgba(3,27,78,0.60);">$200, 60-day free trial requires valid credit card.<br>By signing up, you agree to the </span><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/legal/terms/" target="_self"><span style="font-family: Sailec-Regular; font-size: 12px; color: rgb(0, 103, 255);">Terms of Service</span></a><span style="font-family: Sailec-Regular; font-size: 12px; color: rgba(3,27,78,0.60);">.</span></p></div><div class="lp-element lp-code" id="lp-code-536"><form accept-charset="UTF-8" action="https://cloud.digitalocean.com/registrations" class="bui-Form--spacing" method="post" name="SignUp" autocomplete="off"> <input id="user_signup_form_name" name="user[signup_form_name]" type="hidden" value="Homepage"> <div class="Home-signupBox"> <div class="bui-Form--spacing"> <div id="email-suggestion" class="u-textSmall u-mb--small u-hidden is-hidden"></div> <div class="bui-FloatLabel"> <input id="user_email" name="user[email]" type="email" placeholder="Email Address" data-mailcheck="#email-suggestion" required="" autocomplete="off"> <label for="user_email">Email Address</label> </div> </div> <div class="bui-Form--spacing"> <div class="bui-FloatLabel"> <input id="user_password" name="user[password]" type="password" placeholder="Password" size="30" required="" autocomplete="off"> <label for="user_password">Password</label> </div> </div> <div class="bui-Form--spacing"> <button class="bui-Button bui-Button--primary bui-Button--fullWidth bui-Button--withIconRight g-recaptcha" name="commit" data-sitekey="6LfKE1MUAAAAAOvz1ZCcIOTYFua2N7Vl_eU9479Z" data-callback="grR"> Create free account <svg class="bui-Icon ArrowLink-icon" aria-hidden="true"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#arrow-right-long"></use> </svg> </button> </div> <div class="login-choice"><span>or sign up with</span></div> <div class="signup-buttons"> <a href="https://cloud.digitalocean.com/registrations/google" class="www-Button www-Button--googleSSO google-signup"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18" aria-hidden="true"><title>Google</title><g fill="none" fill-rule="evenodd"><path fill="#4285F4" d="M17.64 9.2045c0-.6381-.0573-1.2518-.1636-1.8409H9v3.4814h4.8436c-.2086 1.125-.8427 2.0782-1.7959 2.7164v2.2581h2.9087c1.7018-1.5668 2.6836-3.874 2.6836-6.615z"></path><path fill="#34A853" d="M9 18c2.43 0 4.4673-.806 5.9564-2.1805l-2.9087-2.2581c-.8059.54-1.8368.859-3.0477.859-2.344 0-4.3282-1.5831-5.036-3.7104H.9574v2.3318C2.4382 15.9832 5.4818 18 9 18z"></path><path fill="#FBBC05" d="M3.964 10.71c-.18-.54-.2822-1.1168-.2822-1.71s.1023-1.17.2823-1.71V4.9582H.9573A8.9965 8.9965 0 0 0 0 9c0 1.4523.3477 2.8268.9573 4.0418L3.964 10.71z"></path><path fill="#EA4335" d="M9 3.5795c1.3214 0 2.5077.4541 3.4405 1.346l2.5813-2.5814C13.4632.8918 11.426 0 9 0 5.4818 0 2.4382 2.0168.9573 4.9582L3.964 7.29C4.6718 5.1627 6.6559 3.5795 9 3.5795z"></path></g></svg> Google </a><a href="https://cloud.digitalocean.com/registrations/github" class="www-Button www-Button--googleSSO github-signup"> <svg xmlns="http://www.w3.org/2000/svg" width="19" height="18" viewBox="0 0 19 18" fill="none" aria-hidden="true"> <path fill-rule="evenodd" clip-rule="evenodd" d="M9.22764 0C4.12937 0 0 4.12937 0 9.22764C0 13.3109 2.64141 16.7597 6.3094 17.9824C6.77078 18.0631 6.9438 17.7863 6.9438 17.5441C6.9438 17.3249 6.93227 16.5982 6.93227 15.8254C4.61382 16.2522 4.01403 15.2602 3.82947 14.7412C3.72566 14.4759 3.27581 13.6569 2.88364 13.4378C2.56067 13.2647 2.09929 12.838 2.8721 12.8264C3.59878 12.8149 4.11784 13.4954 4.29085 13.7723C5.12134 15.1679 6.44782 14.7758 6.97841 14.5335C7.05915 13.9337 7.30137 13.53 7.56667 13.2993C5.51352 13.0687 3.36809 12.2728 3.36809 8.74319C3.36809 7.73969 3.72566 6.9092 4.31392 6.26326C4.22165 6.03257 3.89868 5.08674 4.4062 3.81794C4.4062 3.81794 5.17902 3.57571 6.9438 4.76377C7.68201 4.55615 8.46636 4.45234 9.25071 4.45234C10.0351 4.45234 10.8194 4.55615 11.5576 4.76377C13.3224 3.56418 14.0952 3.81794 14.0952 3.81794C14.6027 5.08674 14.2798 6.03257 14.1875 6.26326C14.7758 6.9092 15.1333 7.72815 15.1333 8.74319C15.1333 12.2843 12.9764 13.0687 10.9232 13.2993C11.2577 13.5877 11.5461 14.1414 11.5461 15.0065C11.5461 16.2407 11.5346 17.2326 11.5346 17.5441C11.5346 17.7863 11.7076 18.0746 12.169 17.9824C14.0008 17.364 15.5926 16.1866 16.7203 14.6162C17.848 13.0457 18.4548 11.1611 18.4553 9.22764C18.4553 4.12937 14.3259 0 9.22764 0Z" fill="#99A1B3"></path> </svg> GitHub </a> </div> </div> </form> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <symbol viewBox="0 0 32 32" id="arrow-right-long" xmlns="http://www.w3.org/2000/svg"><path d="M2 17.68h23.84l-4.96 4.88c-.64.64-.64 1.76 0 2.4.32.32.72.48 1.2.48s.88-.16 1.2-.48l7.84-7.84c.08-.08.16-.16.24-.32.08-.08.08-.16.16-.24v-.08c0-.08.08-.16.08-.24.08-.24.08-.48 0-.64 0-.08 0-.16-.08-.24v-.08c0-.08-.08-.16-.08-.24l-.08-.08-.24-.24-7.84-7.84c-.32-.32-.72-.48-1.2-.48s-.88.16-1.2.48c-.32.32-.48.72-.48 1.2s.16.88.48 1.2l4.96 4.88H2c-.96 0-1.68.8-1.68 1.68 0 1.12.72 1.84 1.68 1.84z"/></symbol> </svg> </div> <script> function dfr(o){window.$?o():setTimeout(function(){dfr(o)},50)} dfr(function(){ $(function() { $('button[name="commit"],a.bui-Button--google-signin').click(function() { if($(this).hasClass('bui-Button--primary') && ($('#user_email').val() === "" || $('#user_password').val() === "")) { return; } if(document.cookie.indexOf('refcode=') === -1) { var e = new Date; e.setTime(e.getTime() + 6048e5); document.cookie = "refcode=74a1c5d63dac; expires=" + e.toUTCString() + "; path=/; domain=.digitalocean.com;secure"; document.cookie = "last_landing_page=/Free-Trial-Offer-D/ref/" + window.location.pathname + window.location.search + "; path=/; domain=.digitalocean.com;secure"; } if($(this).hasClass('bui-Button--google-signin')) { window.location.href = "https://cloud.digitalocean.com/registrations/google"; } else { $('form[name="SignUp"]').submit(); } }); window.grRG = function(){}; $('a[href="#signup"]').click(function() { $("#user_email").focus()[0].scrollIntoView({ behavior: "smooth" }) }) }); }); </script></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-47"><div id="lp-pom-box-47-color-overlay"></div></div><a class="lp-element lp-pom-button" id="lp-pom-button-61" href="#lp-pom-block-8" target="_self"><span class="label">Start free trial</span></a><div class="lp-element lp-pom-text nlh" id="lp-pom-text-162"><h1 style="line-height: 70px;"><span style="font-size: 50px; letter-spacing: -1px; font-weight: 400; font-family: Sailec-Bold;"><span style="color: rgb(255, 255, 255);">Get $200 to try DigitalOcean - a special offer for the </span></span><br><span style="font-size: 50px; letter-spacing: -1px; font-weight: 400; font-family: Sailec-Bold;"><span style="color: rgb(255, 255, 255);">CSS-Tricks Community</span></span></h1></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-168"><h2 style="line-height: 52px;"><span style="font-size: 36px; color: rgb(255, 255, 255); letter-spacing: -0.9px;">Ready to get started?</span></h2></div><div class="lp-element lp-pom-box" id="lp-pom-box-599"><div id="lp-pom-box-599-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-600"><p style="line-height: 24px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3, 27, 78, 0.701961);">I can’t [help] but love <span style="font-family: Sailec-Regular; font-size: 16px; color: rgb(0, 105, 255);">@digitalocean</span> . They are bringing all the required tools for managing an app stack. Not overly complicated like AWS and G Cloud, and good pricing as well :-)</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-601"><div id="lp-pom-box-601-color-overlay"></div><div class="lp-element lp-pom-box" id="lp-pom-box-602"><div id="lp-pom-box-602-color-overlay"></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-603"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Tareq Hasan</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-604"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgb(0, 105, 255);">@tareq_cse</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-605"><div id="lp-pom-box-605-color-overlay"></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-606"><div id="lp-pom-box-606-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-607"><p style="line-height: 24px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">I've worked with every conceivable service provider (Rackspace, AWS, Azure, etc), and Digital Ocean's amazing documentation, great UI/UX, and reasonable and understandable pricing scheme are unsurpassed. What's not to love?</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-608"><div id="lp-pom-box-608-color-overlay"></div><div class="lp-element lp-pom-box" id="lp-pom-box-609"><div id="lp-pom-box-609-color-overlay"></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-610"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Jason Gilmore</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-611"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgb(0, 105, 255);">@wjgilmore</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-612"><div id="lp-pom-box-612-color-overlay"></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-613"><div id="lp-pom-box-613-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-614"><p style="line-height: 24px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Simplicity is key but also performance/price. DO excels at both compared to AWS</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-615"><div id="lp-pom-box-615-color-overlay"></div><div class="lp-element lp-pom-box" id="lp-pom-box-616"><div id="lp-pom-box-616-color-overlay"></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-617"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Paolo Agostinetto</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-618"><p style="line-height: 22px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgb(0, 105, 255);">@ago_paul</span></p></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-619"><div id="lp-pom-box-619-color-overlay"></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-620"><h2 style="line-height: 52px; text-align: center;"><span style="font-size: 36px; color: rgb(3, 27, 78); letter-spacing: -0.9px;">Why thousands of developers choose DigitalOcean</span></h2></div><div class="lp-element lp-code" id="lp-code-675"><p style="line-height: 24px;"><span style="font-family: Sailec-Regular; font-size: 14px; color: rgba(255,255,255,0.50);">Copyright © <script type="text/javascript">document.write(new Date().getFullYear());</script> DigitalOcean™ Inc. Proudly made in NY.</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-722"><h2 style="line-height: 52px; text-align: center;"><span style="font-size: 36px; color: rgb(3, 27, 78); letter-spacing: -0.9px;">We’re here to help you be successful</span></h2></div><div class="lp-element lp-pom-box" id="lp-pom-box-723"><div id="lp-pom-box-723-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-724"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">3,000 tutorials</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-725"><p style="line-height: 28px; text-align: center;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Our cloud-agnostic open source guides help millions of developers learn and build new software every day.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-726"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/afb60111-digitalocean-cloud-computing-simplicity-at-scale-10.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/afb60111-digitalocean-cloud-computing-simplicity-at-scale-10.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-727"><div id="lp-pom-box-727-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-728"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Active community</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-729"><p style="line-height: 28px; text-align: center;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Have a question about a particular technology you’re using? Join the discussion on our active Q&A forum.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-730"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/ba42b3ea-community-icon-qa.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/ba42b3ea-community-icon-qa.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-731"><div id="lp-pom-box-731-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-732"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">World-class service</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-733"><p style="line-height: 28px; text-align: center;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Free round-the-clock technical support for all customers regardless of how much you spend with us.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-734"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/195dcdcf-digitalocean-cloud-computing-simplicity-at-scale-47.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/195dcdcf-digitalocean-cloud-computing-simplicity-at-scale-47.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-769"><div id="lp-pom-box-769-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-770"><p style="line-height: 24px;"><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/legal/" target="_blank"><span style="font-family: Sailec-Regular; font-size: 14px; color: rgba(255,255,255,0.50);">Legal</span></a></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-771"><p style="line-height: 24px;"><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/legal/terms-of-service-agreement/" target="_blank"><span style="font-family: Sailec-Regular; font-size: 14px; color: rgba(255,255,255,0.50);">Terms of Service</span></a></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-772"><p style="line-height: 24px;"><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/legal/privacy-policy/" target="_blank"><span style="font-family: Sailec-Regular; font-size: 14px; color: rgba(255,255,255,0.50);">Privacy Policy</span></a></p></div></div><div class="lp-element lp-pom-image" id="lp-pom-image-773"><div class="lp-pom-image-container" style="overflow: hidden;"><a href="clkn/https/www.digitalocean.com/?refcode=e8a7842ff717" target="_blank" data-params="true"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="DigitalOcean Logo" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/affcaf03-do-logo.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/affcaf03-do-logo.svg" title="DigitalOcean Logo"></a></div></div><a class="lp-element lp-pom-button" id="lp-pom-button-774" href="clkn/https/cloud.digitalocean.com/login" target="_blank"><span class="label">Sign In</span></a><div class="lp-element lp-pom-box" id="lp-pom-box-805"><div id="lp-pom-box-805-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-807"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">99.99% uptime SLA</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-861"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/19f9d6c1-high-availability-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/19f9d6c1-high-availability-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-808"><div id="lp-pom-box-808-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-810"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">DNS</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-868"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/70ae8d58-dns-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/70ae8d58-dns-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-811"><div id="lp-pom-box-811-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-813"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Global data centers</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-864"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2132633e-globe-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2132633e-globe-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-814"><div id="lp-pom-box-814-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-816"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">40GbE hypervisor connections</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-867"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8893f9fc-40gbe-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/8893f9fc-40gbe-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-817"><div id="lp-pom-box-817-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-819"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Easy-to-use API</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-865"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b733d702-api-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/b733d702-api-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-820"><div id="lp-pom-box-820-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-822"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Monitoring & alerting</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-863"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/effb984a-resource-metrics-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/effb984a-resource-metrics-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-823"><div id="lp-pom-box-823-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-825"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Enterprise SSDs</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-866"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/28007c58-ssds-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/28007c58-ssds-icon.svg"></div></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-826"><h3 style="text-align: center; line-height: 44px;"><span style="font-size: 30px; color: rgb(3, 27, 78); letter-spacing: -1px;">Plus receive free access to these services</span></h3></div><div class="lp-element lp-pom-box" id="lp-pom-box-827"><div id="lp-pom-box-827-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-829"><p style="font-size: 18px; text-align: center; line-height: 28px;"><span style="font-family: Sailec-Medium; color: rgb(3, 27, 78);">Cloud firewalls</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-862"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/399b37dc-firewall-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/399b37dc-firewall-icon.svg"></div></div></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-966"><h2 style="line-height: 52px;"><span style="font-size: 36px; color: rgb(3, 27, 78); letter-spacing: -0.9px;">Frequently asked questions</span></h2></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-967"><h5 style="line-height: 28px;"><span style="color: rgb(3, 27, 78); font-size: 18px;">How do I sign up for the free trial?</span></h5></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-968"><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">If you are eligible, your free trial will start when you sign up for DigitalOcean. You will need a credit card so that we can verify your identity, but you will not be charged or billed during your free trial.</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-969"><h5 style="line-height: 28px;"><span style="color: rgb(3, 27, 78); font-size: 18px;">Who is eligible for the free trial?</span></h5></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-970"><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">New customers to DigitalOcean with a valid credit card are eligible. You are eligible if you have never been a paying customer of DigitalOcean and have not previously signed up for the free trial.</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-971"><h5 style="line-height: 28px;"><span style="color: rgb(3, 27, 78); font-size: 18px;">What can I use the free trial for?</span></h5></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-972"><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">You can use the free trial for any infrastructure services provided by DigitalOcean, for example all Droplet plans, Spaces Object Storage, Block Storage, and Load Balancers.</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-973"><h5 style="line-height: 28px;"><span style="color: rgb(3, 27, 78); font-size: 18px;">What are the terms of service for the free trial?</span></h5></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-974"><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">The free trial requires that you access the DigitalOcean </span><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/legal/terms/" target="_self"><span style="font-size: 16px; color: rgb(0, 105, 255);">Terms of Service</span></a></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-975"><h5 style="line-height: 28px;"><span style="color: rgb(3, 27, 78); font-size: 18px;">Are there any limitations with the free trial?</span></h5></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-976"><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">The $200, 60-day free trial provides free credit up to $200 that must be used within 60 days. If you go over $200 in infrastructure services during the 60-day period, any overage charges will be charged to your credit card.</span></p><p style="font-size: 14px; line-height: 28px;"><span style="font-size: 16px; color: rgba(3,27,78,0.70);">After 60 days, any active infrastructure services running on your account will be charged at the standard pricing, as described on the DigitalOcean </span><span style="color: rgb(0, 105, 255);"><span style="color: rgba(0, 105, 255);"><a data-action="url" data-params="false" href="clkn/https/www.digitalocean.com/" target="_self"><span style="font-size: 16px;">website</span></a></span></span><span style="font-size: 16px; color: rgba(3,27,78,0.70);">.</span></p></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1006"><h2 style="line-height: 52px;"><span style="font-size: 36px; color: rgb(3, 27, 78); letter-spacing: -0.9px;">A simple and scalable cloud platform to get started with</span></h2></div><div class="lp-element lp-pom-box" id="lp-pom-box-1007"><div id="lp-pom-box-1007-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1008"><h4 style="line-height: 32px;"><span style="font-size: 24px; color: rgb(3, 27, 78);">Flexible Hosting Options</span></h4></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1009"><p style="line-height: 28px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Experiment with a range of high-performance Droplet (virtual machines) plans to set up a powerful configuration for your game. Choose from our low-cost Basic Droplets – perfect for experimenting – or CPU-Optimized Droplets for games that demand fast, consistent performance.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-1014"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2b9e87c7-droplet-icon-resize.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2b9e87c7-droplet-icon-resize.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-1011"><div id="lp-pom-box-1011-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1012"><h4 style="line-height: 32px;"><span style="font-size: 24px; color: rgb(3, 27, 78);">Save on bandwidth costs</span></h4></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1013"><p style="line-height: 28px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">No matter the scope and scale of the supporting infrastructure for your game, we charge 10-20% less than other clouds for bandwidth. This can lead to significant savings as your game attracts more users.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-1032"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/f2cfc8ab-monitoring-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/f2cfc8ab-monitoring-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-1015"><div id="lp-pom-box-1015-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1016"><h4 style="line-height: 32px;"><span style="font-size: 24px; color: rgb(3, 27, 78);">Cloud computing demystified</span></h4></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1017"><p style="line-height: 28px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Rich set of learning content around technology topics - from the basics of virtual machines to database optimizations and container orchestration.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-1018"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2132633e-globe-icon.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/2132633e-globe-icon.svg"></div></div></div><div class="lp-element lp-pom-box" id="lp-pom-box-1019"><div id="lp-pom-box-1019-color-overlay"></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1020"><h4 style="line-height: 32px;"><span style="font-size: 24px; color: rgb(3, 27, 78);">Predictable costs and billing</span></h4></div><div class="lp-element lp-pom-text nlh" id="lp-pom-text-1021"><p style="line-height: 28px;"><span style="font-family: Sailec-Regular; font-size: 16px; color: rgba(3,27,78,0.70);">Always know what you’ll pay per month with a flat pricing structure across all data center regions.</span></p></div><div class="lp-element lp-pom-image" id="lp-pom-image-1022"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/f3820de5-icon-predictablecosts.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/f3820de5-icon-predictablecosts.svg"></div></div></div><div class="lp-element lp-pom-image" id="lp-pom-image-1034"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e9c52441-vector-1.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/e9c52441-vector-1.svg"></div></div><div class="lp-element lp-pom-image" id="lp-pom-image-1035"><div class="lp-pom-image-container" style="overflow: hidden;"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" alt="" data-src-desktop-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/dd50948e-vector.svg" data-src-mobile-1x="//d9hhrg4mnvzow.cloudfront.net/try.digitalocean.com/css-tricks/dd50948e-vector.svg"></div></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-18"><div id="lp-pom-block-18-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-8"><div id="lp-pom-block-8-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-1005"><div id="lp-pom-block-1005-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-804"><div id="lp-pom-block-804-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-721"><div id="lp-pom-block-721-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-598"><div id="lp-pom-block-598-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-15"><div id="lp-pom-block-15-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-965"><div id="lp-pom-block-965-color-overlay"></div><div class="lp-pom-block-content"></div></div><div class="lp-element lp-pom-block" id="lp-pom-block-17"><div id="lp-pom-block-17-color-overlay"></div><div class="lp-pom-block-content"></div></div></div> <script>(()=> { const obs = new IntersectionObserver( ents => {ents.forEach(e => { if (e.isIntersecting) { e.target.classList.add('ub-ani-play'); } else { e.target.classList.remove('ub-ani-play'); } });}, {threshold: 0.5} ); const els = document.querySelectorAll('[class*="ub-ani"]'); els.forEach(el => obs.observe(el)); })(); </script><script> window.ub.page.disableTextAdjustments = true; </script><script> $.fn.floatLabel = function() { var isVisible = "is-active"; $(this).bind("isEmpty",function(){ var $wrapper = $(this).parents(".bui-FloatLabel"); if(this.value !== ""){ $wrapper.addClass(isVisible); } else { $wrapper.removeClass(isVisible); } }).on("keyup",function(){ $(this).trigger("isEmpty"); }); }; $('.bui-FloatLabel input').floatLabel() </script><script src="//cdnjs.cloudflare.com/ajax/libs/mailcheck/1.1.2/mailcheck.min.js"></script> <script> $('#user_email').on('blur', function() { $(this).mailcheck({ domains: ["yahoo.com","google.com","hotmail.com","gmail.com","me.com","aol.com","mac.com","live.com","comcast.net","googlemail.com","msn.com","hotmail.co.uk","yahoo.co.uk","facebook.com","verizon.net","sbcglobal.net","att.net","gmx.com","mail.com","outlook.com","icloud.com"], topLevelDomains: ["co.za","co.jp","me","xxx","io","party","co.uk","com","net","org","info","edu","gov","mil","ca"], suggested: function(element, suggestion) { $('#email-suggestion') .removeClass('is-hidden') .html('Did you mean <a href="#" class="bui-MailCheck-suggestion"><strong>' + suggestion.full + '</strong></a>?'); }, empty: function(element) {} }); $(document).on('click', '.bui-MailCheck-suggestion > strong', function(e) { e.preventDefault(); var value = $(this).text(); $('#user_email').val(value); $('#email-suggestion') .empty() .addClass('is-hidden'); }); }); </script><script async src="//builder-assets.unbounce.com/published-js/main.bundle-ef43f79.z.js" type="text/javascript"></script> <script> window.dataLayer = window.dataLayer || []; window.dataLayer.push({'variantId': window.ub.page.variantId.toUpperCase()}); </script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KHWBBT" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <script>!function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0"; analytics.load('eodkqsm339', (document.cookie.indexOf('cookieconsent_status=dismiss') > -1 ? {} : { integrations: { All: false, 'Segment.io': true}})); analytics.page({properties:{unbounce_page_name: window.ub.page.name, unbounce_page_variant: window.ub.page.variantId}}); }}();</script></body></html>