body {
                -webkit-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                -moz-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                -ms-animation: -amp-start 8s steps(1,end) 0s 1 normal both;
                animation: -amp-start 8s steps(1,end) 0s 1 normal both
            }

            @-webkit-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-moz-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-ms-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @-o-keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }

            @keyframes -amp-start {
                from {
                    visibility: hidden
                }

                to {
                    visibility: visible
                }
            }
        
        <noscript>
            
                body {
                    -webkit-animation: none;
                    -moz-animation: none;
                    -ms-animation: none;
                    animation: none
                }
            
        </noscript>
        
            *,.product-features__heading p,body,html {
                margin: 0;
                padding: 0
            }

            #sidebar-close,.btn--primary {
                cursor: pointer
            }

            #sidebar__menu-btn,.btn,.green-text,.text--bold {
                font-weight: 700
            }

            #tour>div,.btn,.features__highlight__description,.features__highlight__title,.text--center,footer .meta-content {
                text-align: center
            }

            * {
                box-sizing: border-box;
                font-family: Roboto;
                transition: .2s linear;
                font-size: 16px;
                line-height: 150%
            }

            h1,h2 {
                line-height: 100%;
                margin-bottom: 1.5rem
            }

            body {
                background: -moz-linear-gradient(left,#000000 0,#7594f8 35%,#000000 65%,#000000 100%);
                background: -webkit-linear-gradient(left,#000000 0,#000000 35%,#000000 65%,#000000 100%);
                background: linear-gradient(to right,#000000 0,#000000 35%,#000000 65%,#000000 100%);
                background-image: url(https://kucingoren.sgp1.cdn.digitaloceanspaces.com/background.webp);
            }

            .gradient-bg {
                background: #80b7d3;
                background: -webkit-linear-gradient(to top,#414345,#232526);
                background: linear-gradient(to top,#414345,#232526)
            }

            .content-width {
                width: 70%;
                margin: 0 auto
            }

            .content {
                margin: 0 auto;
                padding: 4em 0;
                line-height: 160%
            }

            h1,h2,h3,h4,h5,h6 {
                color: #778bc5
            }

            h1 {
                font-size: 2.8em;
                color: #fff
            }

            h2 {
                font-size: 2em
            }

            h3 {
                font-size: 1.5em;
                margin-bottom: 1em
            }

            .clearfix {
                clear: both
            }

            .green-text {
                color: #3ebf43
            }

            .flex {
                display: flex
            }

            .flex-wrap {
                flex-wrap: wrap
            }

            .flex-center {
                justify-content: center;
                align-items: center
            }

            .flex-space-around {
                justify-content: space-around
            }

            .flex-space-between {
                justify-content: space-between
            }

            .flex-column {
                flex-direction: column
            }

            .flex-half {
                width: 48%
            }

            .text--capitalize {
                text-transform: capitalize
            }

            .text--secondary {
                color: #566584
            }

            .btn {
                padding: 12px 22px;
                margin: 0 10px;
                color: #04102a;
                display: inline-block;
                border-radius: 4px;
                border: 2px solid transparent;
                text-transform: uppercase;
                letter-spacing: 1px;
                text-shadow: 0 1px 5px rgba(0,0,0,.75)
            }

            .btn--primary {
                background-color: #04102a;
                border-color: transparent;
                color: #fff
            }

            .btn--secondary {
                background: 0 0;
                border: 2px solid #F3E16E
            }

            .btn--primary:hover,.btn--secondary:hover {
                background-color: #F3E16E;
                border-color: #F3E16E;
                color: #fff
            }

            .sidebar__nav-link:hover,a:hover,footer .meta-content a {
                color: #00b7ff
            }

            a,footer a {
                color: #fff;
                text-decoration: none
            }

            .border-round {
                border-radius: 5px
            }

            .box-shadow {
                box-shadow: 0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)
            }

            .animate {
                transition: .2s ease-in-out
            }

            .section-padding {
                padding: 60px 0
            }

            #hero {
                width: 100%
            }

            header.hero__header {
                height: 80px
            }

            .logo {
                width: 224px;
                margin-right: 30px
            }

            .hero__menu nav a {
                margin-left: 10px;
                margin-right: 10px;
                padding-bottom: 5px;
                border-bottom: 1px
            }

            .hero__body {
                margin: 0 auto;
                height: 70%
            }

            .hero__content {
                padding: 40px 0 90px;
                color: #fff
            }

            .hero__content amp-img {
                max-width: 95%
            }

            .hero__content>div,.product-features__content,.product-features__graphic {
                width: 50%
            }

            .hero__content>div:nth-of-type(2) .btn {
                margin: 25px 0
            }

            @keyframes colorchange {
                0%,100% {
                    background: #04102a
                }

                50% {
                    background: #FFA500
                }
            }

            .hero__content__cta {
                font-size: 140%;
            }

            .hero__content__cta.btn--primary {
                animation: 2s ease-in-out infinite colorchange
            }

            #sidebar__menu-btn {
                background: 0 0;
                border: 0;
                color: #fff;
                font-size: 34px;
                display: none
            }

            #sidebar,.features__list {
                background-color: #03112d
            }

            #sidebar {
                width: 300px;
                padding: 1.5rem
            }

            .sidebar__menu {
                padding: 0;
                margin: 0
            }

            .sidebar__header {
                line-height: 3.5rem;
                min-height: 3.5rem;
                color: #fff
            }

            .sidebar__nav-item {
                padding: 10px 0;
                margin: 0;
                list-style: none;
                color: #021425;
                text-transform: capitalize;
                letter-spacing: .6px;
                line-height: 2.0625
            }

            .sidebar__nav-link {
                cursor: pointer;
                text-decoration: none;
                color: #fff
            }

            #features {
                width: 100%;
                padding: 50px 0 0
            }

            .features__list {
                margin: -100px auto 0;
                padding: 20px 20px 10px;
                border-radius: 4px 4px 0 0
            }

            .features__highlight__title {
                margin-top: 25px
            }

            .feature__item {
                padding: 0 10px
            }

            .features__divider::before {
                display: block;
                height: 3px;
                background-color: #00b7ff;
                content: " ";
                width: 70%;
                margin: 0 auto;
                border-radius: 50%
            }

            .product-feature,.product-features__content .product-features__heading {
                margin-bottom: 40px
            }

            #features ul {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
                justify-content: space-between;
                margin: 0;
                padding: 0;
                width: 100%
            }

            #features ul li {
                list-style: none;
                margin-bottom: 10px;
                flex-basis: 15%
            }

            #features ul li img {
                border-radius: 4px
            }

            .features__highlight {
                padding: 20px 50px 50px
            }

            #tour p {
                margin-top: 50px;
                color: #8f8f91
            }

            #product-features {
                background: #03112d;
                border-top: 3px solid #00b7ff
            }

            #product-features>div {
                flex-direction: row
            }

            .product-features__graphic amp-img {
                max-width: 90%;
                text-align: center
            }

            .product-features__heading h3 {
                font-size: 2rem;
                margin-bottom: 10px
            }

            .product-feature .product-feature__graphic {
                width: 120px;
                margin: 0
            }

            .product-feature__graphic amp-img {
                max-width: 100%
            }

            .product-feature>div {
                margin-left: 30px
            }

            .product-feature>div h4 {
                font-size: 1.25rem;
                margin-bottom: 15px
            }

            #demo-cta {
                padding: 50px
            }

            footer {
                background-color: #131e39;
                color: #fff
            }

            footer a:hover {
                color: #00b7ff;
                text-decoration: underline
            }

            .footer-item ul li,.footer-item ul li a {
                color: #566584;
                font-size: 13px
            }

            footer .footer-menu {
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap
            }

            .footer-item {
                flex: 1;
                text-align: left;
                flex-basis: 200px
            }

            .footer-item .title {
                font-size: 140%;
                font-weight: 700;
                text-align: left;
                color: #778bc5
            }

            .footer-item .title::after {
                background-color: #ebebeb;
                content: " ";
                width: 50px;
                margin-left: 0
            }

            .footer-item ul {
                display: flex;
                flex-direction: column;
                margin-top: 10px;
                padding: 0
            }

            .footer-item ul li {
                list-style: none;
                margin-bottom: 5px
            }

            footer .social {
                display: flex;
                justify-content: center;
                margin: 20px
            }

            footer .social ul {
                display: flex;
                flex-direction: row;
                margin-top: 10px;
                padding: 0
            }

            footer .social ul li {
                list-style: none;
                margin-left: 10px;
                margin-right: 10px
            }

            footer .social ul li a {
                color: #ebebeb;
                font-size: 16px
            }

            footer .meta-content {
                font-size: 13px;
                margin-top: 40px
            }

            .table {
                width: 100%;
                border-right: 1px solid rgba(255,255,255,.15);
                border-top: 1px solid rgba(255,255,255,.15)
            }

            .table tr td {
                border-left: 1px solid rgba(255,255,255,.15);
                border-bottom: 1px solid rgba(255,255,255,.15);
                padding: 5px
            }

            .table tr:nth-child(2n) td {
                background: rgba(3,17,45,.35)
            }

            @media only screen and (max-width: 1450px) {
                #hero {
                    min-height:820px;
                }

                .hero__body {
                    height: 75%
                }

                h1 {
                    font-size: 2.8em
                }

                #features ul li {
                    flex-basis: 32%
                }

                .features__list {
                    margin-top: -80px;
                    padding: 20px 20px 10px
                }

                .features__list .feature__item {
                    padding: 0 5px
                }
            }

            @media only screen and (max-width: 1030px) {
                .content-width {
                    width:85%
                }

                h1 {
                    font-size: 2em
                }

                h2 {
                    font-size: 1.8em
                }

                h3 {
                    font-size: 1.2em
                }

                nav.hide-mobile {
                    display: none
                }

                .features__highlight {
                    padding: 50px 30px
                }
            }

            @media only screen and (max-width: 768px) {
                .feature__item,.footer-item,.product-features__graphic {
                    margin-bottom:30px
                }

                .hero__menu nav a {
                    margin-left: 20px
                }

                .section-padding {
                    padding: 50px 0
                }

                .btn {
                    padding: 10px 20px
                }

                #product-features>div {
                    flex-direction: column
                }

                .product-features__content,.product-features__graphic {
                    width: 100%
                }

                .product-features__graphic amp-img {
                    max-width: 95%;
                    margin: 0 auto
                }

                .product-features__heading h3 {
                    font-size: 1.5em
                }

                footer .footer-menu {
                    justify-content: flex-start
                }

                .footer-item {
                    flex-shrink: 0;
                    flex-grow: 0;
                    flex-basis: 50%
                }
            }

            @media only screen and (max-width: 600px) {
                .logo,.product-feature .product-feature__graphic {
                    width:200px
                }

                * {
                    font-size: 14px;
                    line-height: 160%
                }

                .logo {
                    margin-left: 15px;
                    margin-right: 0
                }

                .content-width {
                    width: 90%
                }

                #hero {
                    min-height: 720px;
                }

                #hero .hero__header .content-width {
                    margin: 0
                }

                #logo {
                    width: 50%
                }

                #hero header nav,.hero__header__cta {
                    display: none
                }

                #sidebar__menu-btn {
                    display: inline;
                    margin-right: 15px;
                    z-index: 1
                }tar

                .hero__body {
                    flex: 1;
                    padding: 40px 0
                }

                .hero__body .hero__content {
                    flex-direction: column;
                    justify-content: center;
                    align-items: center;
                    margin: 0;
                    padding-top: 0px
                }

                .hero__body .hero__content>div {
                    width: 100%;
                    text-align: center;
                    margin-top: 20px
                }

                #features ul li {
                    flex-basis: 48%
                }

                .features__list {
                    margin-top: -60px
                }

                h1 {
                    font-size: 1.7em;
                    margin-top: 1em
                }

                h2 {
                    font-size: 1.5em;
                    margin-bottom: 1em
                }

                h3 {
                    font-size: 1.2em
                }

                .features__highlight {
                    padding: 50px 10px
                }

                #footer-content {
                    width: 90%;
                    text-align: center
                }

                #footer-content p {
                    margin-bottom: .5em
                }
            }