body {
    font-family: Raleway, Arial, sans-serif;
    font-feature-settings: "ss09"on;
}

table {
  border-collapse: collapse;
  border: 3px solid rgb(98, 97, 97);
}

td, th {
  border: 2px solid rgb(160 160 160);
}
.root {
    margin: 30px;
}

main {
    top: 0;
}

a {
    text-decoration: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=text] {
  -moz-appearance: textfield;
  width: 5em;
}
.input{
    display:inline;
}
.input-tree{
    display:inline-block;
}
.input-tree input {
  width: 4em;
}
.tree{
    width: 50%;
    text-align: center;
}

.section-margin {
    margin-top: 80px;
    margin-right: 100px;
    margin-left: 100px;
    margin-bottom: 50px;
    width: 100% - 200px;
}

.full {
    width: 100%;
}

.center-text {
    text-align: center;
}

.center-self {
    margin: 0 auto;
}

.absolute {
    position: absolute;
}

.fill-page {
    width: 100vw;
}

.no-margin {
    margin: 0;
}

.flex {
    display: flex;
}

.flex-col {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.default-flex-gap {
    gap: 40px;
}