:root{--main-bg-color: #f6f6f6;--main-text-color: black;--primary-color: #008080;--primary-color-hoover: #004545;--secondary-text-color: white;--secondary-bg-color: white;--secondary-color: #3a3a3a;--secondary-color-hover: #171717;--font-size-small: 1rem;--font-size-small-medium: 1.25rem;--font-size-medium: 1.5rem;--font-size-large: 2rem;--padding-small: .5rem;--box-border: #b2b2b2;--dark-red: #a90000d7;--light-red: #f40000d7}body{margin:0;font-family:Sen,sans-serif;font-size:1.5rem;background-color:#f6f6f6;overflow-x:hidden}.App{text-align:center;font-size:1.5rem;color:var(--main-text-color)}button{margin:10px 20px;display:inline-block;padding:.5rem 1rem;min-width:60px;font-size:1rem;font-weight:700;text-align:center;text-decoration:none;border-radius:.5rem;background-color:var(--primary-color);color:var(--secondary-text-color);border:none;cursor:pointer;transition:background-color .4s ease;font-family:Sen,sans-serif}button:hover{background-color:var(--primary-color-hoover)}button:focus{outline:none;box-shadow:0 0 0 2px var(--button-font-color),0 0 0 4px var(--button-focus-color)}button:disabled{cursor:not-allowed;opacity:.6;border:1px solid #999999;background-color:#ccc;color:#666}.secondaryButton{background-color:var(--secondary-color);color:var(--secondary-text-color)}.secondaryButton:hover{background-color:var(--secondary-color-hover)}.secondaryButtonSmall{font-size:.8rem;margin:5px 10px;padding:.25rem .5rem;background-color:var(--secondary-color);color:var(--secondary-text-color)}.secondaryButtonSmall:hover{background-color:var(--secondary-color-hover)}.smallGoldButton{font-size:1rem;margin:2px 4px;padding:.5rem 1rem}.bigGoldButton{font-size:2rem}.whiteText{color:#fff}.smallText{font-size:.75rem;padding:0;margin:0}.rowWrapper{display:flex;flex-direction:row;justify-content:center;align-items:center}.modal{position:fixed;z-index:500;background-color:#fff;color:#8f8f8f;width:90%;border:2px solid #b2b2b2;padding:1rem;left:5%;top:5%;box-sizing:border-box}@media (min-width: 600px){.modal{width:800px;left:calc(50% - 400px)}}.inputInBox{width:80%;margin:10px;font-size:2rem;text-align:center}.primaryButton{background-color:teal;border:none;color:#fff;padding:1rem 2rem;text-align:center;text-decoration:none;display:inline-block;font-size:2rem;margin:1rem}.logo{width:10vh}.loginTitle{margin:0;margin-bottom:1rem}.buttonsWrapper{width:100%;display:flex;flex-direction:row;justify-content:space-around;align-items:center;margin:3rem 0}