html {
    width:100%;
    height:100%;

    background-color: #33404d;
    color: #cad1d8;
    
    font-family: Arial, Helvetica, sans-serif;
}

.content-block {
    background-color: #3f4d5a;
    padding:18px;
    border-radius: 6px;
    line-height: 4px;
    margin-bottom: 8px;
    width:60vw;
}

p {
    line-height: normal;
}

.node-area {
    width:fit-content;
}

.node-item {
    background-color: #485864;

    padding:10px;
    padding-left:18px;
    padding-right:40px;
    border-radius: 8px;
    padding-top:10px;

    width:100%;

    line-height: 4px;
    margin-bottom:10px;
}

/*a {
    background-color: #485864;
    border-radius: 6px;
    padding:10px;
    line-height: 26pt;
    color:#cad1d8;
    height:20pt;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
}

a:hover {
    color: #8d9096;
}*/

button {
    background-color: #485864;
    border-radius: 6px;
    padding:10px;
    color:#cad1d8;
    border:0px;
    height:26pt;

    cursor: pointer;

    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
    margin-right: 5px;
}

button:hover {
    background-color: #596b7c;
}

button a {
    color:#cad1d8;
    text-decoration: none;
}

input {
    background-color: #485864;
    border-radius: 6px;
    padding: 10px;
    color:#cad1d8;
    border:0px;
}

input :focus {
    background-color: #596b7c;
}

input:-webkit-autofill {
  background-color: #596b7c !important;
  color:#cad1d8 !important;
  transition: background-color 9999s ease-in-out 0s; /* hack to override flash */
}

input[type="submit"] {
    background-color: #485864;
    cursor:pointer;
    transition: cubic-bezier(0.075, 0.82, 0.165, 1) 0.5s;
} 

input[type="submit"]:hover {
    background-color: #596b7c;
}

.hidden {
    display: none;
}