body{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}div.logo{text-align:center;clear:both}div.logo>img{width:100%;height:10em}div.title>h1{text-decoration:underline;font-size:30px;padding:10px}div.products>img{width:100%;padding:10px}div.showcase{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;padding:10px}div.videocase{display:flex;flex-direction:column;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;padding:10px}div.videocase>h1{text-decoration:underline;font-size:30px;padding:10px}div.videocase>video{width:100%;height:100%}table.events{padding:10px}h1#tableTitle{font-size:25px;padding-top:10px}tr{height:25px;text-align:center}th,td{border:1px solid gray;vertical-align:top;padding:5px}col.dateColumns{width:10%;background-color:#ffdede}col.timeColumns{width:11%;background-color:#cdf3cc}col.eventsColumns{width:17%;background-color:#cfd2fb}thead{color:#fff;background-color:#7b68ee}thead th:first-of-type{background-color:#cd5c5c}thead th:nth-of-type(2) {background-color:#3cb371}tfoot{color:#fff;background-color:red;line-height:30px}div.useraccount{text-align:center;padding:10px}div.user{display:flex;justify-content:flex-end;align-items:center;align-content:center;flex-wrap:wrap;flex-direction:row;text-align:center;padding:10px}div.user>h2#username:hover,div.user>img,div.user>button#signinorout{cursor:pointer}div.user>img{width:2em;height:2em;border-radius:100px}div.user>h2{padding:0 10px}div.user>button#signinorout{width:70px;color:#fff;background-color:transparent;border:1.5px #000 solid;border-radius:100px;text-align:center;padding:5px}div.user>button#signinorout:hover{color:#00f;font-weight:bold}div.pagebody{text-align:center;padding:10px}div.categories{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;align-content:center;justify-content:center;text-align:center;padding:10px}div.items{display:flex;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:center;align-items:stretch;padding:0}div.item{display:flex;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:flex-start;align-items:center;margin:10px;padding:10px;border:2px solid #000;text-align:center;width:300px;height:405px}div.item>img{width:16em;height:16em;margin:10px}div.item>h4{padding:10px}div.item>h4>a{color:#000;text-align:center;text-decoration:none;transition:all .5s linear}div.item>h4>a:hover{color:#0ff;text-shadow:rgba(0,0,0,.5) 0 15px 4px;animation:5s infinite linear colors}