*{box-sizing:border-box;margin:0;padding:0}.black{background-color:#000;color:#fff}.black:hover{color:#000;background-color:#fff}.blue{background-color:#00f;color:#ff0}.blue:hover{color:#00f;background-color:#ff0}.brown{background-color:brown;color:#5ad5d5}.brown:hover{color:brown;background-color:#5ad5d5}.gray{background-color:gray;color:#fff}.gray:hover{color:gray;background-color:#fff}.green{background-color:green;color:#ff7fff}.green:hover{color:green;background-color:#ff7fff}.pink{background-color:pink;color:#003f34}.pink:hover{color:pink;background-color:#003f34}.purple{background-color:purple;color:#7fff7f}.purple:hover{color:purple;background-color:#7fff7f}.red{background-color:red;color:#0ff}.red:hover{color:red;background-color:#0ff}.white{background-color:#fff;color:#000}.white:hover{color:#fff;background-color:#000}.yellow{background-color:#ff0;color:#00f}.yellow:hover{color:#ff0;background-color:#00f}.header-wrapper[data-v-342372b0]{background-color:#6495ed}img[data-v-342372b0]{width:30%;padding-left:10px}nav[data-v-342372b0]{display:flex;justify-content:flex-end;gap:5px;padding-right:10px;padding-bottom:10px}.footer-wrapper[data-v-179426d1]{background-color:#6495ed;height:100px;text-align:right;padding:10px;color:#fff}.page-wrapper[data-v-2144557d]{display:flex;flex-direction:column;min-height:100vh}main[data-v-2144557d]{padding:20px;background-color:#8a2be2;height:inherit;flex-grow:1}