main.css

/* Copyright (c) 2022 Tobias Briones. All rights reserved. */
/* SPDX-License-Identifier: BSD-3-Clause */
/* This file is part of https://github.com/mathsoftware/engineer */

body {
  padding: 3% 5%;
  font-family: 'Poppins', sans-serif;
  background: #fafafa;
}

h1 {
  text-align: center;
}

a {
  display: block;
  text-align: center;
}

h2 a:hover,
h2 a:active {
  text-decoration: none;
}

#solutionTreeParent {
  width: 400px;
  height: 540px;
  margin: 3% auto;
}

#error {
  margin: 1rem auto;
  text-align: center;
  color: #c62828;
}

.tree-container {
  width: 100%;
  overflow: auto;
}

@media (min-width: 600px) {
  #solutionTreeParent {
    width: 480px;
    height: 720px;
  }
}

@media (min-width: 1360px) {
  body {
    padding: 4rem 5%;
  }

  #solutionTreeParent {
    width: 600px;
    height: 800px;
    margin: 1% auto;
  }
}

/* Default Styles */

* {
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
}

h1 {
  font-weight: bold;
  font-size: 2.5rem;
  color: #212121;
}

a:link {
  color: #1565C0;
  text-decoration: none;
}

a:visited {
  color: #1565C0;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}