:root{--primary-color: #334155;--label-color: #1a2a3a;--accent-label-color: #568cc1;--accent-color: #2a81db;--accent-hover-color: #568cc1;--caption-color: #666;--fade-color: #888;--slogan-color: #517bae;--input-color: #386dad;--input-border-radius: .25rem;--activity-border-radius: 1rem;--activity-border-color: #eee;--activity-info-background-color-success: #e0f3fd;--activity-info-background-color-failed: #f8d7da;--activity-info-border-color-success: #b8e3ff;--activity-info-border-color-failed: #f5c6cb;--activity-info-background-color-neutral: #f2f5d0;--activity-info-border-color-neutral: #e2e5b1;--activity-info-background-color-balance: #f0f0f0;--activity-info-border-color-balance: #b3b3b3;--activity-info-border-color-figuras: #808080;--activity-info-color-success: #008acd;--activity-info-color-failed: #dc3545;--activity-info-color-neutral: #6c757d;--activity-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--success-color: #28a745;--error-color: #dc3545;--placeholder-color: #517bae;--button-color: #007bff;--button-hover-color: #0056b3;--button-border-radius: .5rem;--button-font-size: 1rem;--button-padding: .5rem 1rem;--button-transition: background-color .3s ease;--navmenu-icon-color: #4c5fca;--navmenu-background-color: rgba(104, 126, 223, .486)}body{font-family:Outfit,Open Sans,sans-serif;font-weight:400;font-style:normal;margin:0;padding:0}#navigation{position:fixed;bottom:0;left:0;width:100%;height:10%;background-color:var(--navmenu-background-color);display:flex;justify-content:center;align-items:center}#navigation .keypad-row{display:flex;justify-content:center;align-items:center;width:100%}#navigation .keypad-row .keypad-button{color:var(--navmenu-icon-color);cursor:pointer}#navigation .keypad-row .keypad-button:hover{color:var(--accent-color)}