:root{--main-accent:#9266cc;--gray1:#e5e4e2;--gray2:#d9d8d7;--gray3:#a6a5a4}body,html{padding:1em;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:var(--main-accent);text-decoration:none}*{box-sizing:border-box}.container{max-width:900px;margin:0 auto}button{color:#fff!important;text-transform:uppercase;text-decoration:none;background:var(--main-accent);padding:10px;border-radius:5px;display:inline-block;border:none}button,button:hover{transition:all .4s ease 0s}button:hover{background:#434343;box-shadow:5px 40px -10px var(--gray3)}.ribbon{width:100%;background-color:var(--gray1);height:100px;display:block}.login-text{font-style:italic;font-size:8px}.signout{float:right;padding-right:.25em;width:20%}.title{padding-top:1em;float:left;font-size:30px;width:80%}@media screen and (max-width:500px){.signout{min-width:20%}.title{display:hidden;font-size:30px}button{display:block}}.table-container{border-top:2px solid var(--main-accent);border-bottom:2px solid var(--main-accent);overflow-y:auto;tbody{display:block}tbody,tr{width:100%}tr{display:table;table-layout:fixed}}table{width:100%;padding:0;border-collapse:collapse;color:#000;font-size:14px}th{font-weight:700;background-color:var(--main-accent);color:#fff;font-size:1.3em;line-height:1.2;text-align:left;vertical-align:bottom}td,th{padding:.25em}td{vertical-align:top}tr:nth-child(odd){background-color:var(--gray1)}