body,html{margin:0;padding:0;height:100%}:root{--primary-color: #1a97eb;--secondary-color: #ffffff;--background-color: #050505;--text-color: #ffffff;--primary-font: "Montserrat", sans-serif;--secondary-font: "Open Sans", sans-serif;--primary-border: 1px solid var(--secondary-color)}#root{background-color:var(--background-color);color:#fff;font-family:var(--secondary-font);display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--primary-font)}.app-header{padding:20px;text-align:center;border-bottom:var(--primary-border);margin-bottom:2rem}.app-header h1{display:inline-block;font-size:1.5rem;padding:5px 10px;margin-bottom:0;border-bottom:2px solid var(--secondary-color)}.app-header p{font-size:.9rem;margin-top:5px}.app-content{margin:0 10%}.app-footer{margin-top:4rem;padding:20px;text-align:center;border-top:var(--primary-border)}.app-footer p{font-size:.9rem;margin:0}.form-controls{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;margin-bottom:2rem}.form-controls .title{grid-column:1/-1;text-align:center;margin-bottom:1rem;-webkit-user-select:none;user-select:none}.form-controls .button{text-wrap:nowrap}.form-controls .button:disabled{color:var(--secondary-color);opacity:.5;cursor:not-allowed}.form-controls .button:disabled:hover{background-color:var(--background-color)}.device-and-contact-info{display:flex;flex-direction:column}.device-and-contact-info label{font-weight:700;font-size:1.1rem;margin-top:1rem}.device-and-contact-info input,.device-and-contact-info textarea,.device-and-contact-info select{padding:10px;border:var(--primary-border);background-color:transparent;color:var(--text-color);font-size:1rem;margin:.5rem 0 0rem}.device-and-contact-info input:focus,.device-and-contact-info textarea:focus,.device-and-contact-info select:focus{outline:none;border-color:var(--primary-color)}.device-and-contact-info .form-descriptor{font-size:.9rem;margin-top:.5rem;margin-bottom:.5rem;color:var(--secondary-color)}.device-and-contact-info .error{border-color:red}.device-and-contact-info .error-message{background-color:red;margin-top:-.5rem;font-size:.9rem;padding:.5rem;font-weight:500;margin-top:0}.app-menu.main-menu ul li button{flex-direction:row;width:100%;display:flex;cursor:pointer;justify-content:space-between}.app-menu.main-menu ul li button .menu-label{font-weight:400}.app-menu.main-menu ul li button .menu-icon{transition:ease-in-out .2s all;width:3rem;height:auto;margin:0}.app-menu.main-menu ul li button .menu-icon svg{box-sizing:border-box}.app-menu.main-menu ul li button .menu-icon:hover .menu-icon{transform:scale(1.05)}.app-menu ul{list-style:none;gap:0;padding-left:0}.app-menu ul li button{font-size:1rem;margin:1rem 0;display:flex;align-items:flex-start;flex-direction:column}.app-menu ul li button .menu-label{font-weight:700;align-self:center;font-size:1.2rem}.app-menu ul li button .menu-icon{width:35%;height:35%;margin:1.5rem auto;fill:var(--secondary-color);transition:ease-in-out .2s}.app-menu ul li button .menu-desc-list{list-style:disc;text-align:left;margin-left:1.5em}.app-menu ul li button .menu-desc{font-size:.9rem}.app-menu ul li button.active{background-color:var(--primary-color)}.app-menu ul li button.active .menu-icon{transform:scale(1.1)}.page{display:flex;flex-direction:column}.page .title{text-align:center}.about-page .about-image{width:150px;height:150px;border-radius:50%;margin:20px auto;display:block;border:var(--primary-border)}.about-page .title{text-align:center}.about-page p{text-align:left}.button{background-color:var(--background-color);color:var(--secondary-color);border:var(--primary-border);display:inline-block;padding:10px 20px;font-size:1rem;cursor:pointer;transition:.2s ease-in-out}.button:hover{background-color:var(--primary-color)}.universal-back-button{padding:10px 25px;display:flex;width:75%;margin:0 auto;align-items:center;font-size:1.2rem;gap:1rem}@media(min-width:600px){.app-main-menu ul li a{max-width:350px;margin-left:auto;margin-right:auto;white-space:normal;word-break:break-word}.app-content{margin:0 25%}}@media(min-width:1300px){.app-content{margin:0 40%}}