@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{box-sizing:border-box}html,body{background:#d9a6a6;min-height:100%;margin:0;padding:0}#root,.app-container{flex-direction:column;min-height:100vh;display:flex}.app-container{flex-direction:column;min-height:100vh;padding-top:80px;display:flex}.main-content{flex-direction:column;flex:1;display:flex}.essay-title{text-align:center;width:80%;margin:5px auto}.blog-header-container{justify-content:space-between;align-items:center;width:55%;margin:20px auto;display:flex}.title{text-align:center;width:100%;margin-bottom:20px}.center-item{text-align:center;width:80%;margin:5px auto}header{columns:black;background-color:var(--essay-header-bg,#f4f4f4)}h1{columns:black}.container{justify-content:center;align-items:center;height:100vh;display:flex}.button-center{justify-content:center;gap:20px;margin:50px auto;display:flex}.square-button:hover{background-color:gold}.blog-container{border:4px dashed red;width:45%;height:75vh;margin:5px auto;padding:10px}.blog-page-content{max-width:100%;height:100%}.blog-page-content img{width:100%;height:53%}.blog-divider{opacity:.2;border:none;border-top:1px solid #000;width:45%;margin-top:30px;margin-bottom:30px}.blog-divider h1{margin:5px auto}.blog-title,.blog-description{text-align:center;margin:5px auto}.post-container{align-items:stretch;gap:10px;width:87%;height:auto;margin:5px auto;padding:10px;display:flex}.post-title{margin:0;font-size:1.5rem}.post-date{color:#999;letter-spacing:1px;text-align:left;margin:0 0 4px;font-size:.7rem}.left-blog{background:0 0;border:none;flex:1;align-self:start;padding:0 40px 0 0;animation:1.5s fadeInUp2;position:sticky;top:100px}.left-blog h2,.left-blog p{color:#000}.right-column-wrapper{flex:2;width:100%}.right-blog{float:right;background-color:#7b8de6;border:4px solid #00f;grid-template-columns:repeat(3,1fr);gap:20px;width:90%;max-width:700px;height:auto;padding:20px;display:grid}.right-blog h2,.right-blog p{color:#000}.right-post-box{background-color:#f0f0f0;border:2px solid #e2b9b3;min-height:200px;padding:20px;animation:1.5s fadeInUp2}.right-post-box h2{margin-bottom:8px;font-size:16px}.right-post-box p{color:#333;letter-spacing:.02em;font-size:13px;line-height:1.4}.right-post-box .read-more-link{font-size:11px;font-weight:700}.project__wrapper{width:100%;height:100%;position:relative;overflow:hidden}.project__img{object-fit:cover;width:100%;height:200px;transition:all .5s}.project__wrapper:hover .project__img{filter:blur(5px);transform:scale(1.07)}.project__description{z-index:3;opacity:0;background-color:#000000b3;padding:20px;transition:transform .45s,opacity .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.project__wrapper:hover .project__description{opacity:1;transform:translateY(0)}.project__description h3,.project__description p{color:#fff;margin:5px 0}.right-blog .right-post-box:nth-child(4n+1){grid-column:span 2}.right-blog .right-post-box:nth-child(4n+2),.right-blog .right-post-box:nth-child(4n+3){grid-column:span 1}.right-blog .right-post-box:nth-child(4n+4){grid-column:span 2}.essay-container{width:60%;height:100%;margin:0 auto}.essays{height:16%;margin:10px auto;animation:1.5s fadeInUp}.essay-styles{background-color:var(--essay-bg, );color:#2b2b2b;height:100%}.essay-divider{border:none;border-top:var(--essay-btop,1px solid #000);width:100%;box-shadow:var(--essay-glow);margin-top:30px;margin-bottom:30px}.essay-dash{color:#8290d9;opacity:.8;margin-bottom:5px;font-size:1.2rem;font-weight:700;display:block}.img-info{text-align:left;width:50%;height:auto;margin:auto 5px}.img-pos{float:right;width:30%;height:100%;position:relative}footer{background-color:var(--essay-bfoot,#d9a6a6);text-align:center;z-index:2;width:100%;font-family:Courier New,Courier,monospace;position:relative;bottom:0}.divider{border:none;border-top:1px solid var(--div-opa,"#444");opacity:.7;width:90%;margin:150px auto 25px}.divider2{border:none;border-top:var(--essay-btop,.1px solid #444);width:90%;opacity:var(--div-opa,.3);margin:35px 50px 20px auto}.divider2.about-theme-divider{opacity:1;border-top:1px solid #000;width:100%;margin-top:0}p{display:block}p.copyright{width:100%;color:var(--essay-foot-color,black);text-align:center;opacity:.7;margin-right:45%;font-size:.7em;line-height:40px}.con{color:#d9a6a6;width:750px;height:50px;margin-top:100px;margin-left:650px}.nav{z-index:1000;background-color:var(--essay-header-bg,#f4f4f4);width:100%;transition:transform .3s ease-in-out;position:fixed;top:0;left:0}.nav--hidden{transform:translateY(-100%)}.nav ul{list-style:none;display:flex}.nav ul li{padding-left:10px;padding-right:10px}.nav ul li a.button.active{border-bottom:1px solid var(--topnavlink-underline,black)}.center-con{color:var(--nav-txt-clr,#f4f4f4);float:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.center-con h1{color:var(--nav-txt-clr,#8290d9)}.right-con{color:var(--topnav-link,#121212);float:right}.right-con ul li a{color:var(--topnav-link,#121212)}.left-con{color:#000;float:left}.nav-logo{width:35px;height:35px}a{color:#fff;text-decoration:none}.custom-gallery-container{background:#d9a6a6;width:100%}.main-stage{border-radius:30px;width:100%;height:100vh;margin:0 auto;position:relative;box-shadow:0 10px 30px #0000001a}.enlarged-curved-img{object-fit:cover;width:100%;height:100%;transition:opacity .4s ease-in-out}.thumb-row{justify-content:center;gap:15px;margin-top:30px;display:flex}.thumb-box{cursor:pointer;opacity:.5;border-radius:12px;width:40px;height:40px;transition:all .3s;overflow:hidden}.thumb-box.active{opacity:1;border:2px solid #000;transform:scale(1.1)}.thumb-box img{object-fit:cover;width:100%;height:100%}.about-wrapper{flex-direction:column;flex:1;width:100%;display:flex}.about-center-con{float:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.about-nav{background-color:#d9a6a6;width:100%;padding:20px;list-style:none;position:relative;top:0}.about-nav ul{grid-template-columns:1fr 1fr 1fr;width:90%;max-width:1200px;margin:0 auto;padding:0;list-style:none;display:grid}.about-nav ul li{text-align:center}.about-nav ul li a.button.active{color:#fff;border-bottom:2px solid #fff}.artist-statement{color:#000;align-items:start;width:750px;margin-top:40px;animation:1s fadeInUp}.artist-contact{float:right;background-color:#d3d3d3;border:15px solid gray;width:700px;margin:20px;padding:50px;animation:1s fadeInUp}.artist-cv{color:#000;width:700px;margin:40px auto;animation:1s fadeInUp}.about-pages{width:100%;margin:10px auto}.about-title{color:#8290d9;float:none;text-align:center;margin:20px auto}.artist-contact{max-width:800px;margin:40px auto;padding:0 20px;font-family:Helvetica,Arial,sans-serif}.title-one{text-transform:uppercase;letter-spacing:4px;color:#333;margin-bottom:40px;font-size:1.5rem;font-weight:300}.contact-form-wrapper{color:#333;background-color:#0000;width:100%;padding:0}.form-group{align-items:center;margin-bottom:25px;display:flex}.contact-form-wrapper label{color:#555;width:120px;font-size:1.1rem}.contact-form-wrapper input,.contact-form-wrapper textarea{background-color:#fff;border:1px solid #d1d1d1;border-radius:0;flex:1;padding:12px;font-size:1rem;transition:border-color .2s}.contact-form-wrapper input:focus,.contact-form-wrapper textarea:focus{border-color:#000;outline:none}.contact-form-wrapper textarea{resize:none;height:250px}.contact-form-wrapper button{color:#fff;text-transform:uppercase;letter-spacing:2px;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:0;margin-left:120px;padding:15px 40px;font-size:.9rem;transition:background-color .3s}.contact-form-wrapper button:hover{background-color:#444}@keyframes fadeInUp{0%{opacity:0;transform:translateY(70px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp2{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.fadeInUp-animation{animation:1.5s fadeInUp}.contact-container{justify-content:flex-end;align-items:center;min-height:60vh;margin-top:40px;margin-right:60px;display:flex}.contact-card{background-color:#fff;border-radius:8px;width:100%;max-width:500px;padding:40px;animation:.8s ease-out forwards fadeInUp;box-shadow:0 4px 6px -1px #0000001a}.contact-header{text-align:center;margin-bottom:30px}.contact-header h1{color:#111827;margin:0 0 10px;font-size:28px;font-weight:700}.contact-header p{color:#6b7280;font-size:14px}.contact-label{color:#374151;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.contact-input{box-sizing:border-box;border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;margin-bottom:20px;padding:10px;font-family:inherit}.contact-textarea{resize:none;height:100px}.contact-button{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:6px;width:100%;padding:12px;font-weight:600;transition:background-color .2s}.contact-button:hover{background-color:#4f46e5}.contact-result{text-align:center;margin-top:15px;font-size:14px;font-weight:500}.arrow-list{z-index:10;margin:0;padding:0;list-style-type:none;position:absolute;bottom:20px;right:30px}.arrow-list li{margin-right:30px;display:inline-block}.arrow{border:3px solid #fff;border-width:0 3px 3px 0;padding:5px;display:inline-block}.right{transform:rotate(-45deg)}.left{transform:rotate(135deg)}.fade-in-anim{animation:.4s ease-in-out fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.main-stage{background-color:#d9a6a6}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.tiptap.ProseMirror{font-family:DM Sans,sans-serif}.simple-editor-wrapper{border:1px solid #ccc;border-radius:8px;width:47vw;height:80vh;margin:0 auto;padding:1rem;overflow:auto}.simple-editor-content{flex-direction:column;flex:1;width:100%;max-width:648px;margin:0 auto;display:flex}.simple-editor-content .tiptap.ProseMirror.simple-editor{flex:1;padding:1rem}@media screen and (width<=480px){.simple-editor-content .tiptap.ProseMirror.simple-editor{padding:.5rem}}.simple-editor-content img{border:1px solid #eee;border-radius:4px;width:75%;max-width:100%;height:auto;margin:2rem auto;display:block}@media screen and (width<=768px){.simple-editor-content img{width:100%;margin:1rem auto}}