.color{width:350px;margin:0 auto}.color li{margin:0 15px 0 0;width:30px;height:30px;display:inline-block;border-radius:100%}.color .red{background:#fa5a5a}.color .yellow{background:#f0d264}.color .green{background:#82c8a0}.color .cyan{background:#7fccde}.color .blue{background:#6698cb}.color .purple{background:#cb99c5}.content,.content-3d,.content-gradient{margin:40px auto}.content{width:80%;max-width:700px}.content-3d{width:50%;max-width:300px}pre{width:100%;padding:30px;background-color:rgba(0,0,0,.72);border-radius:0 0 4px 4px;margin-top:20px;white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word}pre,pre .bt{color:#f8f8f2}pre .anc{color:#f92672}pre .att{color:#a6a926}pre .val{color:#e6db74}.btn-container,.container{background-color:#fff;border-radius:4px;text-align:center;margin-bottom:40px}.container h2{padding-top:30px;font-weight:300}.btn,.btn-two{margin:9px}.btn-gradient{margin:5px}a[class*=btn]{text-decoration:none;color:inherit}button[class*=btn],input[class*=btn]{border:0}.btn-effect.large,.btn-two.large,.btn.large{padding:20px 40px;font-size:22px}.btn-effect.small,.btn-gradient.small,.btn-two.small,.btn.small{padding:8px 18px;font-size:14px}.btn-effect.mini,.btn-gradient.mini,.btn-two.mini,.btn.mini{padding:4px 12px;font-size:12px}.btn-effect.block,.btn-gradient.block,.btn-two.block,.btn.block{display:block;width:60%;margin-left:auto;margin-right:auto;text-align:center}.btn-gradient.large{padding:15px 45px;font-size:22px}.btn-two.blue,.btn.blue{background-color:#7fb1bf}.btn-two.green,.btn.green{background-color:#9abf7f}.btn-two.red,.btn.red{background-color:#fa5a5a}.btn-two.purple,.btn.purple{background-color:#cb99c5}.btn-two.cyan,.btn.cyan{background-color:#7fccde}.btn-two.yellow,.btn.yellow{background-color:#f0d264}.rounded{border-radius:10px}.btn{position:relative;border:0;padding:15px 25px;display:inline-block;text-align:center;color:#fff}.btn:active{top:4px}.btn.blue{box-shadow:0 4px #74a3b0}.btn.blue:active{box-shadow:0 0 #74a3b0;background-color:#709ca8}.btn.green{box-shadow:0 4px 0 #87a86f}.btn.green:active{box-shadow:0 0 #87a86f;background-color:#87a86f}.btn.red{box-shadow:0 4px 0 #e04342}.btn.red:active{box-shadow:0 0 #ff4c4b;background-color:#ff4c4b}.btn.purple{box-shadow:0 4px 0 #ad83a8}.btn.purple:active{box-shadow:0 0 #ba8cb5;background-color:#ba8cb5}.btn.cyan{box-shadow:0 4px 0 #73b9c9}.btn.cyan:active{box-shadow:0 0 #73b9c9;background-color:#70b4c4}.btn.yellow{box-shadow:0 4px 0 #d1b757}.btn.yellow:active{box-shadow:0 0 #ff4c4b;background-color:#d6bb59}.btn-two{color:#fff;padding:15px 25px;display:inline-block;border:1px solid rgba(0,0,0,.21);border-bottom-color:rgba(0,0,0,.34);text-shadow:0 1px 0 rgba(0,0,0,.15);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.34),0 2px 0 -1px rgba(0,0,0,.13),0 3px 0 -1px rgba(0,0,0,.08),0 3px 13px -1px rgba(0,0,0,.21)}.btn-two:active{top:1px;border-color:rgba(0,0,0,.34) rgba(0,0,0,.21) rgba(0,0,0,.21);box-shadow:0 1px 0 hsla(0,0%,100%,.89),inset 0 1px rgba(0,0,0,.05);position:relative}.btn-3d{position:relative;display:inline-block;font-size:22px;padding:20px 60px;color:#fff;margin:20px 10px 10px;border-radius:6px;text-align:center;transition:top .01s linear;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-3d.red:hover{background-color:#e74c3c}.btn-3d.blue:hover{background-color:#699dd1}.btn-3d.green:hover{background-color:#80c49d}.btn-3d.purple:hover{background-color:#d19ecb}.btn-3d.yellow:hover{background-color:#f0d264}.btn-3d.cyan:hover{background-color:#82d1e3}.btn-3d:active{top:9px}.btn-3d.red{background-color:#e74c3c;box-shadow:inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 #c24032,0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.red:active{box-shadow:inset 0 0 0 1px #c63702,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.blue{background-color:#6da2d9;box-shadow:inset 0 0 0 1px #6698cb,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(110,164,219,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.blue:active{box-shadow:inset 0 0 0 1px #6191c2,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.green{background-color:#82c8a0;box-shadow:inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(126,194,155,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.green:active{box-shadow:inset 0 0 0 1px #82c8a0,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.purple{background-color:#cb99c5;box-shadow:inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(189,142,183,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.purple:active{box-shadow:inset 0 0 0 1px #cb99c5,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.cyan{background-color:#7fccde;box-shadow:inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(102,164,178,.6),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.cyan:active{box-shadow:inset 0 0 0 1px #7fccde,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-3d.yellow{background-color:#f0d264;box-shadow:inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 8px 0 0 rgba(196,172,83,.7),0 8px 0 1px rgba(0,0,0,.4),0 8px 8px 1px rgba(0,0,0,.5)}.btn-3d.yellow:active{box-shadow:inset 0 0 0 1px #f0d264,inset 0 0 0 2px hsla(0,0%,100%,.15),0 0 0 1px rgba(0,0,0,.4)}.btn-gradient{text-decoration:none;color:#fff;padding:10px 30px;display:inline-block;position:relative;border:solid rgba(0,0,0,.21);border-width:1px 1px 4px;border-radius:4px;text-shadow:0 1px 0 rgba(0,0,0,.15)}.btn-gradient.cyan{background:#1bbcc2;background:linear-gradient(#1bbcc2,#18a3a8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#1bbcc2",endColorstr="#18a3a8",GradientType=0)}.btn-gradient.red{background:#fa5a5a;background:linear-gradient(#fa5a5a,#e85151);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fa5a5a",endColorstr="#e85151",GradientType=0)}.btn-gradient.orange{background:#ff691e;background:linear-gradient(#ff691e,#e65f1c)}.btn-gradient.blue{background:#6698cb;background:-webkit-gradient(left top,left bottom,color-stop(0,#6698cb),color-stop(100%,#5c8ab8));background:linear-gradient(180deg,#6698cb 0,#5c8ab8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#6698cb",endColorstr="#5c8ab8",GradientType=0)}.btn-gradient.purple{background:#cb99c5;background:-webkit-gradient(left top,left bottom,color-stop(0,#cb99c5),color-stop(100%,#b586b0));background:linear-gradient(180deg,#cb99c5 0,#b586b0);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cb99c5",endColorstr="#b586b0",GradientType=0)}.btn-gradient.yellow{background:#f0d264;background:linear-gradient(#f0d264,#e5c960);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f0d264",endColorstr="#e5c960",GradientType=0)}.btn-gradient.green{background:#82c8a0;background:-webkit-gradient(left top,left bottom,color-stop(0,#82c8a0),color-stop(100%,#82c79e));background:linear-gradient(180deg,#82c8a0 0,#7cb995);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#82c8a0",endColorstr="#82c79e",GradientType=0)}.btn-gradient.red:active{background:#e35252}.btn-gradient.orange:active{background:#e8601b}.btn-gradient.cyan:active{background:#169499}.btn-gradient.blue:active{background:#608fbf}.btn-gradient.purple:active{background:#bd8eb7}.btn-gradient.yellow:active{background:#dbc05b}.btn-gradient.green:active{background:#72b08e}body{margin:0;font-family:"Oxanium",BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='812' height='812' viewBox='0 0 200 200'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='88' y1='88' x2='0' y2='0'%3E%3Cstop offset='0' stop-color='%23075e8f'/%3E%3Cstop offset='1' stop-color='%230c96e3'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='75' y1='76' x2='168' y2='160'%3E%3Cstop offset='0' stop-color='%238f8f8f'/%3E%3Cstop offset='.09' stop-color='%23b3b3b3'/%3E%3Cstop offset='.18' stop-color='%23c9c9c9'/%3E%3Cstop offset='.31' stop-color='%23dbdbdb'/%3E%3Cstop offset='.44' stop-color='%23e8e8e8'/%3E%3Cstop offset='.59' stop-color='%23f2f2f2'/%3E%3Cstop offset='.75' stop-color='%23fafafa'/%3E%3Cstop offset='1' stop-color='%23FFF'/%3E%3C/linearGradient%3E%3Cfilter id='b' x='0' y='0' width='200%25' height='200%25'%3E%3CfeGaussianBlur in='SourceGraphic' stdDeviation='12'/%3E%3C/filter%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 174V0h174z'/%3E%3Cpath fill-opacity='.38' filter='url(%23b)' d='M121.8 174C59.2 153.1 0 174 0 174s63.5-73.8 87-94c24.4-20.9 87-80 87-80s-66.1 104.4-52.2 174z'/%3E%3Cpath fill='url(%23c)' d='M142.7 142.7C59.2 142.7 0 174 0 174s42-66.3 74.9-99.3S174 0 174 0s-31.3 62.6-31.3 142.7z'/%3E%3C/svg%3E");background-attachment:fixed;background-repeat:no-repeat;background-position:0 0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.feature-1{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25' gradientTransform='rotate(240)'%3E%3Cstop offset='0' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%234FE'/%3E%3C/linearGradient%3E%3Cpattern patternUnits='userSpaceOnUse' id='b' width='540' height='450' x='0' y='0' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='.1'%3E%3Cpath fill='%23444' d='M90 150L0 300h180z'/%3E%3Cpath d='M90 150L180 0H0z'/%3E%3Cpath fill='%23AAA' d='M270 150L360 0H180z'/%3E%3Cpath fill='%23DDD' d='M450 150l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 150L540 0H360z'/%3E%3Cpath d='M630 150l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M630 150L720 0H540z'/%3E%3Cpath fill='%23444' d='M810 150l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M810 150L900 0H720z'/%3E%3Cpath fill='%23DDD' d='M990 150l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 150l90-150H900z'/%3E%3Cpath fill='%23DDD' d='M90 450L0 600h180z'/%3E%3Cpath d='M90 450l90-150H0z'/%3E%3Cpath fill='%23666' d='M270 450l-90 150h180z'/%3E%3Cpath fill='%23AAA' d='M270 450l90-150H180z'/%3E%3Cpath fill='%23DDD' d='M450 450l-90 150h180z'/%3E%3Cpath fill='%23999' d='M450 450l90-150H360zM630 450l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M630 450l90-150H540z'/%3E%3Cpath d='M810 450l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M810 450l90-150H720z'/%3E%3Cpath fill='%23AAA' d='M990 450l-90 150h180z'/%3E%3Cpath fill='%23444' d='M990 450l90-150H900z'/%3E%3Cpath fill='%23222' d='M90 750L0 900h180z'/%3E%3Cpath d='M270 750l-90 150h180z'/%3E%3Cpath fill='%23DDD' d='M270 750l90-150H180z'/%3E%3Cpath d='M450 750l90-150H360zM630 750l-90 150h180z'/%3E%3Cpath fill='%23444' d='M630 750l90-150H540z'/%3E%3Cpath fill='%23AAA' d='M810 750l-90 150h180z'/%3E%3Cpath fill='%23666' d='M810 750l90-150H720z'/%3E%3Cpath fill='%23999' d='M990 750l-90 150h180zM180 0L90 150h180z'/%3E%3Cpath fill='%23444' d='M360 0l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M540 0l-90 150h180z'/%3E%3Cpath d='M900 0l-90 150h180z'/%3E%3Cpath fill='%23222' d='M0 300l-90 150H90z'/%3E%3Cpath fill='%23FFF' d='M0 300l90-150H-90zM180 300L90 450h180z'/%3E%3Cpath fill='%23666' d='M180 300l90-150H90z'/%3E%3Cpath fill='%23222' d='M360 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M360 300l90-150H270z'/%3E%3Cpath fill='%23444' d='M540 300l-90 150h180z'/%3E%3Cpath fill='%23222' d='M540 300l90-150H450z'/%3E%3Cpath fill='%23AAA' d='M720 300l-90 150h180z'/%3E%3Cpath fill='%23666' d='M720 300l90-150H630z'/%3E%3Cpath fill='%23FFF' d='M900 300l-90 150h180z'/%3E%3Cpath fill='%23999' d='M900 300l90-150H810z'/%3E%3Cpath d='M0 600l-90 150H90z'/%3E%3Cpath fill='%23666' d='M0 600l90-150H-90z'/%3E%3Cpath fill='%23AAA' d='M180 600L90 750h180z'/%3E%3Cpath fill='%23444' d='M180 600l90-150H90zM360 600l-90 150h180z'/%3E%3Cpath fill='%23999' d='M360 600l90-150H270z'/%3E%3Cpath fill='%23666' d='M540 600l90-150H450z'/%3E%3Cpath fill='%23222' d='M720 600l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M900 600l-90 150h180z'/%3E%3Cpath fill='%23222' d='M900 600l90-150H810z'/%3E%3Cpath fill='%23DDD' d='M0 900l90-150H-90z'/%3E%3Cpath fill='%23444' d='M180 900l90-150H90z'/%3E%3Cpath fill='%23FFF' d='M360 900l90-150H270z'/%3E%3Cpath fill='%23AAA' d='M540 900l90-150H450z'/%3E%3Cpath fill='%23FFF' d='M720 900l90-150H630z'/%3E%3Cpath fill='%23222' d='M900 900l90-150H810zM1080 300l-90 150h180z'/%3E%3Cpath fill='%23FFF' d='M1080 300l90-150H990z'/%3E%3Cpath d='M1080 600l-90 150h180z'/%3E%3Cpath fill='%23666' d='M1080 600l90-150H990z'/%3E%3Cpath fill='%23DDD' d='M1080 900l90-150H990z'/%3E%3C/g%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23a)' width='100%25' height='100%25'/%3E%3Crect fill='url(%23b)' width='100%25' height='100%25'/%3E%3C/svg%3E");background-attachment:fixed;background-size:cover}.container{background:inherit}.para-desc{max-width:600px}.title-heading .para-desc{font-size:17px;letter-spacing:.5px}.main-title{padding-top:50px;font-weight:500;font-size:50px}.frame{width:200px;height:250px;border:3px solid #ccc;background:#eee;margin:auto;padding:15px 10px}
/*# sourceMappingURL=main.71dc02c8.chunk.css.map */