/* Embedded fonts: Remove remote Google Fonts import to avoid external requests. */
/* If a custom Poppins font is desired, add an @font-face with a data URI here. */

body {
    background-color: #ffffff;
    font-family: sans-serif
}

.colour-label {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}

.colour-div {
  display: inline-block;
  border: solid 2px #000000;
  width: 75px;
  height: 75px;
  text-align: center;
  vertical-align: middle;
  font-family: monospace;
}

#img-div {
    color: #cccccc;
    text-align: center;
    width: 90%;margin: auto;
}

#error-img-div {
    color: #cccccc;
    text-align: center;
    width: 15%;margin: auto;
}

#error-h1 {
    color: #cccccc;
    text-align: center;
}

#footer {
    text-align: center;
    font-family: sans-serif;
    color: #ffac00;
}

#p-what {
    font-size: 40px;
}

#p-mail {
    font-size: 20px;
}

/* Helper classes to avoid inline styles (CSP-safe) */
.font-poppins { font-family: Poppins, sans-serif; }
.font-sans { font-family: sans-serif; }

.fs-25 { font-size: 25px; }
.fs-50 { font-size: 50px; }
.fs-100 { font-size: 100px; }

.fw-bold { font-weight: bold; }
.fs-italic { font-style: italic; }

.c-232323 { color: #232323; }
.c-cccccc { color: #cccccc; }
.c-ffac00 { color: #ffac00; }
.c-ffffff { color: #ffffff; }

.bg-232323 { background-color: #232323; }
.bg-cccccc { background-color: #cccccc; }
.bg-ffac00 { background-color: #ffac00; }
.bg-ffffff { background-color: #ffffff; }

.inline-block { display: inline-block; }
.h-100px { height: 100px; }