#hero{display:flex;flex-direction:column}#description-container h1{background:linear-gradient(90deg,#e6e6e6,#fff,#e6e6e6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:40px;font-size:3rem;font-weight:700;position:relative;z-index:2;text-shadow:0 3px 8px hsla(0,0%,100%,.76),0 10px 25px rgba(0,0,0,.7),0 0 35px hsla(0,0%,100%,.4)}#description-container img{width:50%;position:absolute;z-index:0;top:0;-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 100%);mask-image:radial-gradient(circle,#000 0,transparent 100%);transition:.3s}#description-container{display:flex;flex-direction:column;justify-content:center;align-items:center;background-image:radial-gradient(ellipse at center,rgba(13,13,16,0) 40%,var(--background) 100%),linear-gradient(transparent 97%,hsla(0,0%,100%,.1) 98%),linear-gradient(90deg,transparent 97%,hsla(0,0%,100%,.1) 98%);background-size:100% 100%,40px 40px,40px 40px;height:calc(100vh - 4rem);width:100%}#description-container p{width:500px;text-align:center;margin-bottom:40px;color:var(--color-subtext)}#hero button{background-color:var(--color-accent-dull);transition:background-color .3s,transform .3s;outline:none;border:none;cursor:pointer;padding:10px 20px;border-radius:var(--radius)}#hero button:hover{background-color:var(--color-accent);transform:scale(1.03)}#hero button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}#demo-btn{background-color:var(--color-text)!important;color:var(--color-bg)!important;z-index:2}#demo-btn:hover{background-color:#fff!important}#info-container{background-color:var(--background);width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;padding-top:100px;padding-bottom:100px}#info-container h1{font-size:2rem;margin-bottom:80px;color:var(--color-text)}#info-cards{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:40px}.info-card{width:300px;min-height:220px;display:flex;flex-direction:column;border:1px solid var(--color-subtext);border-radius:var(--radius);padding:20px;transition:.3s;box-shadow:0 2px 12px hsla(0,0%,97%,.2)}.info-card:hover{border-color:var(--color-accent);box-shadow:0 2px 12px var(--color-accent)}.info-card h3{font-size:1.5rem;color:var(--color-text);margin:0}.info-card div{display:flex;flex-direction:row;align-items:center;margin-bottom:20px}.glow-on-hover{position:relative}.glow-on-hover:after{background-color:var(--color-text);width:100%;height:100%;top:0;left:0;transition:.3s}.glow-on-hover:after,.glow-on-hover:before{content:"";position:absolute;z-index:-1;border-radius:10px}.glow-on-hover:before{top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);background:linear-gradient(45deg,var(--color-accent),aqua,purple,aqua,var(--color-accent));background-size:400%;filter:blur(6px);animation:glowing 20s linear infinite;opacity:1}.glow-on-hover:hover:after{background-color:#fff}#documentation-info{display:flex;flex-direction:column;justify-content:center;margin:40px}#documentation-info h1{font-size:2rem;margin-bottom:40px;color:var(--color-text)}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@media (max-width:768px){#description-container h1{font-size:2rem}#description-container p{width:90%}#info-cards{flex-direction:column;gap:20px}#description-container img{width:80%;position:absolute;z-index:0;top:160px;-webkit-mask-image:radial-gradient(circle,#000 60%,transparent 100%);mask-image:radial-gradient(circle,#000 0,transparent 100%)}}#contact-form{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;z-index:1}#contact-form h2{font-size:24px;margin-bottom:20px;text-align:center}#contact-form input{width:100%;height:40px;margin-bottom:20px;background:hsla(0,0%,100%,.3);border:none;border-radius:10px;padding:0 15px;font-size:16px;outline:none;transition:.3s;color:#fff}#contact-form input:focus{background:hsla(0,0%,100%,.6);box-shadow:0 0 8px rgba(128,0,128,.5);color:#000}#contact-form input::-moz-placeholder{color:hsla(0,0%,100%,.5);opacity:1}#contact-form input::placeholder{color:hsla(0,0%,100%,.5);opacity:1}#contact-form div{flex-direction:column}#contact-form div,#or-section{display:flex;justify-content:center;align-items:center;width:100%}#or-section{flex-direction:row!important;margin-top:20px;margin-bottom:20px}.or-line{background-color:var(--color-text);width:40%;height:1px}#or-section p{width:10%;text-align:center;padding:10px}#dis-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-bg2),#363434);border:1px solid #363434;color:var(--color-accent-dull);border-radius:50%;padding:10px;transition:.3s}#dis-icon:hover{color:var(--color-accent);cursor:pointer;border-color:var(--color-accent)}@media (max-width:768px){#contact-form{width:90%;margin:0 auto}}#faq{display:flex;flex-direction:column;width:100%;margin:100px;box-sizing:border-box;align-items:center}#faq h1{font-size:xx-large;margin-bottom:80px}#faq-container{width:40%;align-items:center;gap:10px}#faq-container,.faq-section{display:flex;flex-direction:column}.faq-section{width:100%;border:1px solid gray;border-radius:10px;padding:20px;transition:.3s}.faq-section:hover{border-color:var(--accent)}.faq-section h3{font-size:larger;margin-bottom:10px}.faq-section p{font-size:medium;color:var(--color-subtext)}@media (max-width:768px){#faq-container{width:80%}#faq h1{font-size:x-large}}#contact-us-button{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;padding:10px;border-radius:50%;position:fixed;bottom:30px;right:30px;background-color:#363636;border:1px solid #414141;box-shadow:2px 2px 10px #818181;box-sizing:border-box;transition:.3s;cursor:pointer}#contact-us-button:hover{background-color:#6e6e6e;transform:translateY(-4px)}