#main{padding-top:5px;background-color:#001725;color:white}@media (prefers-color-scheme: dark){#main h1,#main h2:not(.tools-title,.krita-title),#main h3,#main h4{color:white !important}}#main a:not(.btn):not(.dark-card){color:#afdfff;text-decoration:underline}#main .swiper-slide a:not(.btn):not(.dark-card){color:white;font-size:1.25rem;text-decoration:none !important}#main .swiper-slide a:not(.btn):not(.dark-card):hover{text-decoration:underline !important}#main .h5{opacity:0.8}#main .text-small p{max-width:900px}#main .text-center p{margin-left:auto;margin-right:auto}#main .ratio-video{--bs-aspect-ratio: calc(4 / 16 * 100%)}#main .backdrop-blur{backdrop-filter:blur(20px)}#main h1{font-weight:bold;margin-top:10rem}#main h2{font-weight:bold}#main h3{font-weight:bold}@media (max-width: 800px){#main .btn-lg{font-size:1rem}}#main blockquote{font-family:inherit}#main:after{padding-bottom:0}#features-hero{height:20rem;background-repeat:no-repeat;background-size:cover;background-position:20%}@media (min-width: 600px){#features-hero{height:30rem}}@media (min-width: 800px){#features-hero{height:40rem}}@media (min-width: 1200px){#features-hero{height:50rem}}#features-hero h2{font-size:2rem;font-weight:bold}#features-hero p,#features-hero h2{color:black !important}#features-hero p a,#features-hero h2 a{color:#01538a !important}@media (max-width: 1175px){#features-hero p,#features-hero h2{color:black !important}}@media (max-width: 768px){#features-hero p,#features-hero h2{text-align:right}}.slim-background{height:6em;font-size:1.0em;background:linear-gradient(to bottom, #001725 0%, #01194d 100%);clip-path:url("#slim-header-clip");position:absolute;top:0;width:100%}@media (min-width: 600px){.slim-background{height:11em}}.header-background{clip-path:url("#header-decoration-clip");height:4em;margin-top:2em;font-size:1.0em;background:linear-gradient(to bottom, #39a3f2 1%, #0078f9 100%);position:absolute;top:0;width:100%}@media (min-width: 600px){.header-background{height:9em;margin-top:4em}}a.dark-card{height:100%;padding:1rem;background-color:#002439;transition:ease-in-out 0.2s;box-shadow:0 2px 7px rgba(0,0,0,0.15);border-radius:0.7rem;color:white;text-decoration:none !important}a.dark-card:hover{transform:translateY(-0.5vh);box-shadow:0 11px 15px -7px rgba(0,0,0,0.2),0 24px 38px 3px rgba(0,0,0,0.14);background-color:#00304e}a.dark-card p{margin:0;min-height:64px;font-size:1.1rem}a.dark-card h3{font-size:1.3rem}a.dark-card img{width:64px;align-self:start}#main .yakuake{background:linear-gradient(40deg, #8e0be1, #dd0707 50%, #ffba1c);color:#fff;position:relative;overflow:hidden;padding-top:600px}@media (max-width: 450px){#main .yakuake{padding-top:200px}}@media (max-width: 800px){#main .yakuake{padding-top:400px}}#main .yakuake figure{transition:1s;position:absolute;left:0;top:-650px;width:100%;padding-left:1rem;padding-right:1rem}#main .yakuake figure.active{top:0}#features-hero{background:url("/content/develop/devapps-light.png")}@media (prefers-color-scheme: dark){#features-hero{background:url("/content/develop/devapps-dark.png")}}.feature{display:flex;flex-direction:column;justify-content:center;align-items:center}.frameworks{text-shadow:0 0 0px #fff;color:white;background:linear-gradient(128deg, #01d486 0%, #3daee8 100%)}
