html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}:root{--primary:oklch(62.3% 0.214 259.815);--background:oklch(0.2432 0.0312 273.09);--secondary:oklch(0.3324 0.0268 276.01);--default-padding:5rem}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-scrollbar-thumb:hover{background:var(--background)}@media(max-width:768px){:root{--default-padding:2rem}}*{font-family:inter,sans-serif}.dela{font-family:dela gothic one,sans-serif}body{color:#fff;background-color:var(--background);font-family:sans-serif;line-height:1.5;margin:0;display:flex;flex-direction:column;height:100svh}content{overflow:auto;display:flex;flex-direction:column;flex:1}main{flex:1}a{color:var(--primary);text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;position:sticky;top:0;background-color:var(--secondary);z-index:1;@media(max-width:768px){flex-wrap: wrap; justify-content: center; gap: 0px; font-size: .8rem !important; justify-content: space-between;}a { color: white; text-decoration: none; &:hover { text-decoration: underline; } } ul { display: flex; gap: 1rem; align-items: center; } img { width: 2rem; } .title { @media (max-width: 768px) { display: none; } } .button { color: white; }}.footer{background-color:var(--primary);color:var(--background);padding:var(--default-padding);padding-right:10rem;@media(max-width:768px){padding-right: var(--default-padding);}a { color: var(--background); } .columns { display: flex; justify-content: space-between; @media (max-width: 768px) { flex-wrap: wrap; gap: 1rem; } .column { gap: 1rem; display: flex; flex-direction: column; img { width: 5rem; } .column-title { opacity: .5; font-weight: bold; } li { margin-bottom: .3rem; } } }}.copyright{opacity:.5;margin-top:1rem;font-size:.8rem}.footer.ctrlaltcat{background-color:#241634;color:#a855f7;padding:1rem 2rem;img { width: 2rem; } .cmplogo { display: flex; align-items: center; gap: 1rem; } a { color: #a855f7; }}.transition{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}.button{background-color:var(--primary);width:max-content;padding:.8rem;border-radius:.5rem;color:var(--background);font-weight:700;text-decoration:none;&:hover { scale:1.05; } &:active { scale:0.95 }}.button-secondary{background-color:var(--secondary);color:#fff}section{display:flex;flex-direction:column;gap:1rem;.content { margin-bottom: 2rem; overflow: auto; }}.post-card{display:flex;flex-direction:column;background-color:var(--primary);color:var(--background);padding:1rem;border-radius:.5rem;text-decoration:none;a { color: var(--background); } .title { text-decoration: none; font-size: 1.5rem; } time { margin-bottom: 1rem; } h2 { margin: 0px ; } &:hover { scale: 1.005; } &:active { scale: 0.99 }}.page{.title { display: flex; flex-direction: column; align-items: center; background-color: var(--primary); color: var(--background); padding: 3rem; text-align: center; h1 { color: var(--background); } } .content { padding: var(--default-padding); img { width: 100%; border-radius: .5rem; } hr { width: 100%; opacity: .2; } h1, h2, h3, h4, h5 { margin-top: 2rem; } li { list-style: circle; margin-left: 1rem; } }}.postlist{padding:var(--default-padding)}code{background-color:var(--secondary);padding:.1rem;margin:.1rem;border-radius:.3rem;border-color:rgba(255,255,255,.1);border-width:.1rem;border-style:solid;font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New,monospace}.home{.hero { background-image: radial-gradient(at 50% 1%, hsla(216,100%,57%,0.2) 0px, transparent 70%); height: 40rem; display: flex; justify-content: space-around; padding-left: var(--default-padding); @media (max-width: 768px) { justify-content: center; align-items: center; text-align: center; padding: 2rem; } img { max-height: 100%; width: 100%; flex: 1; object-fit: contain; @media (max-width: 768px) { display: none; } } .text { display: flex; flex:1; flex-direction: column; justify-content: center; h1 { color: var(--primary); font-size: 2.5rem; } } .buttons-row { display: flex; gap: 1rem; margin-top: 3rem; align-items: center; @media (max-width: 768px) { flex-wrap: wrap; justify-content: center; } } } .section { padding: var(--default-padding); .title { color: var(--primary); } .subtitle { margin-bottom: 2rem; } .features { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-around; .featurecard { background-color: var(--secondary); padding: 1rem; border-radius: .5rem; max-width: 20%; @media (max-width: 768px) { max-width: 100%; width: 100%; } h2 { margin-bottom: .5rem; } p { font-size: .9rem; } } } .split { display: flex; align-items: center; justify-content: center; gap: 5rem; @media (max-width: 768px) { flex-wrap: wrap; } } }}.phonerender{max-height:30rem;@media(max-width:768px){max-height: unset; width: 100%; max-width: 30rem;}}.sectiontitle{background-color:var(--primary);display:flex;text-align:center;justify-content:center;color:var(--background);h1 { padding: 3rem; padding-top: 5rem; padding-bottom: 5rem; font-size: 2.5rem; @media (max-width: 768px) { font-size: 2rem; padding: 2rem; } }}.pricing-view{display:flex;align-items:center;width:100%;justify-content:center;@media(max-width:768px){flex-wrap: wrap; gap: 1rem;}.pricing-card { background-color: var(--secondary); border-radius: .5rem; padding: 2rem; width: 20rem; hr { border: none; width: 40%; border-top: 2px solid white; opacity: .5; margin-bottom: 2rem; } .price-subtitle { text-align: center; } .pricing-popular { background-color: white; border-radius: 9999rem; padding: .5rem 1.5rem; transform: translateY(-1rem) translateX(50%); width: max-content; color: var(--primary); } .price { font-size: 2rem; text-align: center; small { font-size: 1rem; } } p { margin: 1rem 0; } .order { margin-top: 2rem; display: flex; justify-content: center; .button { width: 50%; text-align: center; } } } .pricing-card:nth-child(1) { border-top-right-radius: 0px; border-bottom-right-radius: 0px; @media (max-width: 768px) { border-radius: .5rem; } } .pricing-card:nth-child(3) { border-top-left-radius: 0px; border-bottom-left-radius: 0px; @media (max-width: 768px) { border-radius: .5rem; } } .pricing-card:nth-child(2) { background-color: var(--primary); color: var(--background); padding-top: 0px; hr { border-color: var(--background); } .price { font-size: 3rem; } .button { background-color: var(--secondary); color: white; } }}