.demo-one{font-family:Cerebri Sans, Helvetica, Arial, sans-serif}.demo-one section{margin:120px 0}.demo-one h1,.demo-one h2{font-weight:900;font-size:34px;line-height:48px;margin:0}.demo-one h1{color:#272044;text-align:center}.demo-one h2{text-align:center;color:#8064e9;padding:0 0 24px}.demo-one p{font-size:18px;line-height:28px;font-family:'Source Code Pro', monospace;text-align:center}.demo-one .btn-wrapper{text-align:center}.demo-one button{border-radius:25px;border:1px solid #8064e9;background:#8064e9;color:#fff;font-size:16px;line-height:22px;padding:16px 24px;text-decoration:none;transition:all 200ms ease;box-shadow:rgba(37,39,89,0.08) 0px 8px 8px 0}.demo-one button:hover{cursor:pointer;background:#5e41a7}.demo-two ul{list-style:none;margin:0;padding:0}.demo-two li{margin:10px;padding:24px;background-color:#fff;border-radius:4px;transition:background-color 200ms ease}.demo-two li:hover{background-color:#fffbef}.demo-two h3{margin:0 0 20px;font-size:34px;font-family:"Cerebri Sans", Helvetica, Arial, sans-serif;line-height:46px;font-weight:900;color:#885df1}.demo-two p{margin:0;line-height:28px;font-size:18px;font-family:'Source Code Pro', monospace;color:#272044}.demo-project{box-shadow:rgba(37,39,89,0.08) 0px 8px 8px 0;background-image:linear-gradient(to top, #37ecba 0%, #72afd3 100%);border-radius:10px;color:#fff;width:50%;padding:30px;margin:30px auto;font-family:"Cerebri Sans", Helvetica, Arial, sans-serif}.demo-project h1{text-align:center;font-weight:bold;border:1px solid #fff;padding:20px;border-radius:4px}.demo-project h2{text-align:center}.demo-project p{line-height:1.5;font-size:24px}.demo-project img{margin:0 auto;display:block;border-radius:4px}.demo-project a{color:#fff}.demo-project button{background:rgba(0,0,0,0.87);border:none;font-size:42px;border-radius:4px;text-transform:uppercase;color:#fff;display:block;padding:10px 20px;transition:opacity 150ms ease;cursor:pointer;opacity:1;box-shadow:0 1px 20px rgba(0,0,0,0.5);margin:30px auto}.demo-project button:hover{opacity:0.9}.demo-html-css h1,.demo-html-css h2,.demo-html-css h3,.demo-javascript h1,.demo-javascript h2,.demo-javascript h3{text-align:center;font-family:Helvetica, Arial, sans-serif}.demo-html-css h1,.demo-javascript h1{color:#1a64d6;font-size:34px;line-height:48px;margin:0}.demo-html-css h2,.demo-javascript h2{margin:0;font-size:34px;line-height:48px;font-weight:400}.demo-html-css ul,.demo-javascript ul{padding:0}.demo-html-css li,.demo-javascript li{list-style:none;text-align:center;padding:10px 0;border-radius:10px;transition:all 200ms ease-in-out;max-width:400px;margin:0 auto}.demo-html-css li:hover,.demo-javascript li:hover{background:#fffbef}.demo-html-css p,.demo-javascript p{font-size:18px;opacity:0.7;text-align:center;font-family:monospace}.demo-html-css button,.demo-javascript button{display:block;margin:20px auto;border:1px solid #1a64d6;background:#1a64d6;color:#fff;font-size:16px;line-height:22px;padding:16px 24px;border-radius:30px;transition:all 200ms ease;box-shadow:rgba(37,39,89,0.08) 0px 8px 8px 0;cursor:pointer}.demo-html-css button:hover,.demo-javascript button:hover{background:white;color:#1a64d6;border:1px solid #1a64d6}