:root{--primary-dark: #2F3842;--primary-medium: #317197;--primary-light: #B54545;--background-light: #f5f5f5;--background-cream: #fafafa;--text-dark: #2F3842;--accent-warm: #F7DA90;--white: #ffffff;--shadow-light: rgba(47, 56, 66, .1);--shadow-medium: rgba(47, 56, 66, .2)}body,html{margin:0;padding:0;font-family:Roboto,sans-serif;background-color:#317197;min-height:100vh}div,p{margin:0;padding:0;font-family:Roboto,sans-serif}.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-color:#2e3842;height:56px}.site-header>h1{font-family:Rokkitt,serif;font-size:250%;margin:0;line-height:56px;text-align:center}.site-header>h1>a{color:#000;text-decoration:none}.site-header>h1>a>span:first-child{color:#fff}.site-header>h1>a>span:nth-child(2){color:#a6a9ad}.app-container{max-width:1200px;width:90%;min-height:100vh;background-color:#fff;box-shadow:2px 10px 29px #000000bf;padding:20px 20px 120px;margin:56px auto 0}.app-footer{margin-top:60px;text-align:center;color:var(--primary-medium);font-size:.9rem;opacity:.8;padding-bottom:20px}.app-footer .logo{display:block;margin:0 auto;background:url(https://ectypal.net/_/images/ectypallogo.svg) no-repeat center center;background-size:60px 100px;width:60px;height:100px}.display-area{width:100%;margin:10px auto 0!important;margin-bottom:20px}.grid-container,.accordion-container{width:100%}.category-image{width:50px;height:50px;object-fit:contain}.question-answer-container{display:flex;flex-direction:row;border-radius:8px;overflow:hidden;background-color:transparent}.number{padding:8px;text-align:center;background-color:var(--primary-medium);color:var(--white);font-weight:600;flex:.5;display:flex;justify-content:center;align-items:center}.answer{padding:10px;display:flex;justify-content:center;align-items:center;cursor:pointer;flex:1;background-color:var(--background-light);color:var(--primary-light);font-weight:600;border-left:1px solid var(--primary-medium);min-width:35px;transition:all .2s ease}.answer:hover{background-color:var(--primary-medium);color:var(--white);transform:scale(1.02)}@media (max-width: 768px){.display-area{width:100%;margin-bottom:20px}.grid-container{width:100%;margin:0 auto}.cell{width:90%;margin-bottom:10px}.number{border-top-left-radius:8px;border-top-right-radius:8px}.app-container{padding-bottom:140px}}