.dark-only
{
  display : none;
}

.main-logo
{
  max-width    : 400px;
  width        : 100%;
  margin-left  : auto;
  margin-right : auto;
  aspect-ratio : 1/1;
}

.services-table
{
  margin-top    : 20px;
  margin-bottom : 20px;
  max-width     : 100%;
  overflow-x    : auto;
}

projects-table
{
  margin-top : 10px;
  max-width  : 100%;
  overflow-x : auto;
}

@media all and (min-width: 800px)
{

body
{
  font-size : 1.2rem;
}

}
@media all and (prefers-color-scheme: dark)
{

.light-only
{
  display : none;
}

.dark-only
{
  display : block;
}

}

/* Generated with Clay, http://fvisser.nl/clay */