:root{--header-height:48px;--font-main:"Varela Round";--color-primary:#122C91;--color-secondary:#1e55ae;--color-tertiary:#48d6d2;--color-accent:#fefcbf;--shadow:0px 9px 24px rgba(0, 0, 0, 0.15)}@font-face{font-family:'Varela Round';src:url(/fonts/varela_round.woff2);font-display:swap}*{box-sizing:border-box;font-family:var(--font-main)}html{overscroll-behavior:contain}body{margin:0}body.single-page{display:flex;flex-direction:column;height:100dvh;overflow:hidden}img{max-width:90vw}h1{font-size:4rem}input[type=file]{display:none}input[type=button]{display:none}.appear{transition:all .8s;opacity:0;transform:translateY(40px)}.appear.inview{opacity:1;transform:none;transition-delay:0.3s}header{height:var(--header-height);background-color:var(--color-primary);display:flex;flex-direction:row;align-items:center;box-shadow:var(--shadow)}header a#header-logo{color:#fff;font-size:2rem;font-weight:700;text-decoration:none;margin-left:15px;margin-right:60px}header nav{flex-grow:1;display:flex;justify-content:flex-end;margin-right:50px}header .nav-item{text-decoration:none;color:#fff;padding:10px;cursor:pointer}header .hamburger{display:none;cursor:pointer;padding-right:10px}.hamburger-bar2,.hamburger-bar3,header .hamburger-bar1{width:35px;height:5px;margin:6px 0;transition:.4s;background-color:#fff}header .hamburger-active .hamburger-bar1{transform:translate(0,11px) rotate(-45deg)}header .hamburger-active .hamburger-bar2{opacity:0}header .hamburger-active .hamburger-bar3{transform:translate(0,-11px) rotate(45deg)}@media (max-width:768px){header{justify-content:space-between}header nav{display:none}header .hamburger{display:inline-block}.hamburger-active+nav{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--color-secondary);height:calc(100vh - var(--header-height));max-width:100vw;position:absolute;top:var(--header-height);width:100vw}.hamburger-active+nav .nav-item{border-bottom:solid var(--color-tertiary) 2px;width:100%;text-align:center}.hamburger-active+nav .nav-item:active{background-color:var(--color-tertiary);color:#fff}}.prefooter{border-top:solid var(--color-primary) 4px;background-color:var(--color-secondary);display:flex;flex-direction:row;padding:10vh 5vw 10vh 5vw;justify-content:space-evenly;align-items:flex-start}.prefooter .prefooter-column{display:flex;flex-direction:column;text-align:center}.prefooter .prefooter-column *{padding:2px;text-decoration:none;color:#fff}.prefooter .prefooter-column h4{font-size:20px;color:var(--color-accent);margin:5px;text-decoration:underline}@media (max-width:768px){.prefooter{flex-direction:column;align-items:center;padding:2vh 5vw 2vh 5vw}.prefooter .prefooter-column{padding:1vh 1vw 1vh 1vw}}footer{color:#fff;background-color:var(--color-primary);font-size:14px;display:flex;width:100%;align-items:center;justify-content:center;padding-bottom:2px}@media(max-width:768px){.desktop-only{display:none}}.hero{height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:10px}.hero>*{margin-bottom:5vh}.hero h1{margin-top:5vh;width:60vw;text-align:center}.hero a{width:150px;height:60px;border:solid transparent 4px;border-radius:20px;background-color:var(--color-primary);color:#fff;font-size:2rem;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow)}@media (max-width:768px){.hero{height:calc(100dvh - var(--header-height) - 4px);margin:0 10svw 0 10svw;text-align:center}.hero h1{width:auto}.section-big-image{display:none}}section{display:flex;align-items:center;justify-content:center}section img{width:70vw;height:auto;border:solid #000 2px;border-radius:10px;box-shadow:var(--shadow);margin-bottom:20px}section h1{font-size:2.7rem;text-align:center}section h2{font-size:2rem}section h3{font-size:1.3rem}.section-big-image{padding-bottom:50px}.features{background-image:url("/icons/home_background.svg");background-repeat:repeat-y;background-size:100% auto;background-attachment:scroll;border-top:solid var(--color-primary) 5px;border-bottom:solid var(--color-primary) 5px}.section-feature{display:flex;flex-direction:row;height:50vh}.section-feature:nth-of-type(odd){flex-direction:row-reverse}.section-feature .section-feature-text{display:flex;flex-direction:column;flex-basis:60%;padding-left:15%;padding-right:15%;align-items:center}.section-feature .section-feature-text h2{padding:5px}.section-feature .section-feature-text h3{color:#888;font-size:1.2rem;line-height:1.7rem;text-align:center}.section-feature .section-feature-image{display:flex;flex-basis:40%}.section-feature .section-feature-image img{width:30vw;border:solid #000 2px;border-radius:10px}.section-feature:nth-of-type(odd) .section-feature-image{justify-content:flex-end}@media (max-width:768px){.section-feature{padding-top:7dvh;padding-bottom:7dvh;flex-direction:column;height:auto}.section-feature:nth-of-type(odd){flex-direction:column}.section-feature .section-feature-text h2{padding:0;margin:0}.section-feature .section-feature-image{display:flex}.section-feature .section-feature-image img{width:initial}}.section-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:10vw;background-image:url("/icons/home_background2.svg");background-repeat:repeat-y;background-size:100% auto;background-attachment:scroll;border-bottom:solid var(--color-primary) 5px}@media (max-width:768px){.section-app-grid{grid-template-columns:1fr;background-image:none}}.div-app{border-style:solid;border-width:4px;box-shadow:var(--shadow);padding:50px;height:100%;background-color:#fff}.div-app h3{color:#000;padding:20px}.div-app a{width:150px;height:60px;border:solid transparent 4px;border-radius:20px;color:#fff;font-size:2rem;text-decoration:none;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow);float:right}.basic-hero{height:50vh;background-image:url("/icons/home_background2.svg");background-size:cover;border-bottom:solid var(--color-primary) 4px}.basic-content{display:block;margin-left:20vw;margin-right:20vw}@media (max-width:768px){.basic-content{margin-left:10vw;margin-right:10vw}}.basic-content p{line-height:1.5rem}.basic-content table{display:block;max-width:100%;border:solid 2px #000;overflow:auto;width:fit-content;width:-moz-fit-content}.basic-content table th{background-color:var(--color-secondary);color:#fff;margin:4px;padding:6px}.basic-content table td{border:solid 1px #000}.basic-content img{max-width:100%;height:auto;width:auto}.basic-content blockquote{background-color:var(--color-accent);border-radius:10px;padding:10px}.single-page-main{min-height:0;height:inherit;flex-grow:1;display:flex;align-items:stretch;overflow-y:auto}.single-page-sidebar{flex-basis:30svw;border:solid var(--color-secondary) 2px}.single-page-sidebar h3{margin:10px;font-size:2rem;text-align:center;background-color:var(--color-secondary);color:#fff}.single-page-sidebar a{color:#000}.single-page-sidebar a:link,a:visited{text-decoration:none}.single-page-sidebar a:hover,a:active{text-decoration:underline}.single-page-content{min-height:0;flex-basis:70svw;padding-left:10vw;padding-right:10vw;overflow-y:auto}.single-page-content span svg{fill:black;stroke:black;height:15px;width:15px;transform:translate(0,25%)}.single-page-content #buttonContainer{display:flex;height:100%;flex-grow:1;justify-content:center;align-items:center}.single-page-content #fileButton{width:240px;height:240px;color:#fff;background-color:var(--color-tertiary);display:flex;border-radius:100%;justify-content:center;align-items:center;font-size:30px;transition:.3s}.single-page-content #fileButton:hover{border:solid #000 2px;width:250px;height:250px;box-shadow:var(--shadow);color:var(--color-tertiary);background-color:var(--color-highlight)}.single-page-content #saveButton{width:100px;height:100px;color:var(--color-tertiary);background-color:#fff;display:flex;border-radius:100%;border:solid;justify-content:center;align-items:center;font-size:30px;transition:.3s;margin:auto}.single-page-content #saveButton:hover{box-shadow:var(--shadow);color:#fff;background-color:var(--color-tertiary)}.single-page-content #saveButton.saving{background-color:transparent;box-shadow:none;border-width:5px;border-radius:50%;border-top-color:var(--color-accent);border-left-color:var(--color-accent);border-bottom-color:var(--color-tertiary);border-right-color:var(--color-tertiary);animation:spin 1s infinite ease-in-out}.single-page-content #resetButton{width:100px;height:100px;color:red;background-color:#fff;display:flex;border-radius:100%;border:solid;justify-content:center;align-items:center;font-size:30px;transition:.3s;margin:auto}.single-page-content #resetButton:hover{box-shadow:var(--shadow);color:#fff;background-color:red}.single-page-content #app{height:100%;padding:10dvh 5dvw 10dvh 5dvw;background-color:#f0f0f0;text-align:center}.single-page #loadingSpinner{display:none;border:10px solid #ddd;width:250px;height:250px;border-radius:50%;border-top-color:var(--color-accent);border-left-color:var(--color-accent);border-bottom-color:var(--color-tertiary);border-right-color:var(--color-tertiary);animation:spin 1s infinite ease-in-out}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(1080deg)}}@media (max-width:768px){.single-page-main{flex-direction:column;justify-content:flex-start}.single-page-content{flex-grow:1}.single-page-content #app{background-color:inherit}}