*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,#root{flex-direction:column;width:100%;height:100%;display:flex;position:relative}section{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}article{text-align:center;flex-direction:column;gap:15px;width:50%;padding-bottom:50px;display:flex}article:first-child{padding-top:50px}.showcase-container{position:relative}.app-showcase-call_to_action{color:#fff;background-color:#323232b3;border-radius:10px;flex-direction:column;gap:20px;padding:20px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-showcase-call_to_action>a{color:#d3d3d3;border:2px inset #fff;border-radius:25px;align-self:center;width:fit-content;padding:15px;font-size:2.2rem;text-decoration:none;transition:all .1s ease-in-out}.app-showcase-call_to_action>a:hover{color:#fff;background-color:#bebebee6;border-style:outset}.app-header-section{flex-direction:column;width:100%;display:flex}.app-showcase-image{width:50%;height:100%}.app-showcase-container{text-align:center;width:100%;height:600px;position:relative}.accordion-text_title{cursor:pointer;transition:color .1s ease-in}.accordion-text_title:hover{color:#00008b}.app-tutorial-page article>h1{text-align:left;font-size:2.2rem;text-decoration:underline}.app-tutorial-page article>ol,article>ul{text-align:left;width:100%}.app-tutorial-page article h3{margin-top:25px}.app-tutorial-page article>ul{list-style-type:none}.app-tutorial-page li>ol{margin-left:15px}.app-faq-list li{margin-bottom:15px}.app-tutorial-page ol li{margin:10px 0}.android-button{color:#000;border:2px solid #000;border-radius:20px;justify-content:center;align-items:center;padding:5px;display:inline-flex}.download_button{cursor:pointer;text-align:center;color:#000;background-color:#fff;border:1px inset #000;border-radius:25px;align-self:center;width:150px;padding:15px;text-decoration-line:none;transition:all .1s ease-in-out}.download_button:hover{color:#00008b;background-color:azure;border-color:#add8e6}.nav-links{gap:25px;width:50%;list-style-type:none;display:inline-flex}.nav-links a{color:#000;-webkit-text-decoration:underline #8b0000;text-decoration:underline #8b0000;text-decoration-thickness:2px}.nav-links,.app-logo{padding:25px 0;font-size:1.5rem}.app-logo{width:100%;height:100%}.app-navbar{width:100%;padding:0 15px;display:flex}.search-input{align-items:center;display:inline-flex}.search-input>input{width:150px;height:100%;font-size:1.5rem}