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;
}