body {
    background-color: #1e1e28;
    color: #ddccdd;
    text-align: center;
}

body.dark {
    background-color: #1e1e28 !important;
    color: #ddccdd !important;
}

body.light {
    color: #1e1e28 !important;
    background-color: #ddccdd !important;
}

a, a:visited, a:hover, a:active {
    color: inherit;
    font-weight: 300;
    text-decoration: none;
}

.light {
    color: inherit;
    font-weight: 300;
    text-decoration: none;
}

.centre {
    width: 100%;
    margin: 0 auto;
}

#home-logo {
    width: 400px;
    max-width: 50%;
}

/* @media (max-width: 600px) { */
/*     #home-logo { */
/*         width: 200px; */
/*         max-width: 100%; */
/*     } */
/* } */

#other-logo {
    width: 200px;
    max-width: 50%;
}

.home-link {
  font-size: 20px;
}

.content {
  max-width: 800px;
  margin: 0 auto;
  font-size: 20px;
}

#toggle {
    margin-top: 5px;
    margin-bottom: 5px;
}

.react-toggle--checked .react-toggle-track {
  background-color: #1e1e28;
}

.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track {
  background-color: #1e1e28;
}

.react-toggle--checked .react-toggle-thumb {
  left: 27px;
  border-color: #ddccdd;
}

.react-toggle-track {
  background-color: #1e1e28;
}

.react-toggle-thumb {
  border: 1px solid #ddccdd;
  background-color: #ddccdd;
}

#header-padding {
    margin-top: 10px;
}

path {
    fill: #ddccdd;
}