html {
    background: rgb(43,88,118);
    background: linear-gradient(90deg, rgba(43,88,118,1) 0%, rgba(78,67,118,1) 100%); 

    margin:0;
    padding:0;
    
}

.title {
    text-align: center;
    font-family: Bruno Ace;
    user-select: none;
}

.container {
    width: 100%;
    text-align: center;
}

.inputtable {
    width: 100%;
    text-align: center;
}

/* Data input styling */
.data {
    display:inline-block;
    width:60%;
    text-align: right;
}

.data label {
    width:20%;
    user-select: none;
}
.data input {
    width: 60%;
}

.data select {
    width: 60%;
}

/* Circuit diagram styling */
.circuit {
    padding-top: 2em;
    padding-bottom: 2em;
    filter: drop-shadow(1px 1px 1px rgba(255,255,255));
    height:150px
}

.circuit img {
    max-width:100%;
    max-height:100%;
}

.function_graphs_container {
    width: 100%;
    height: 250px;
}
/* Circuit graphs styling */
.function_graph_container {
    display: inline-block;
    height:100%;
    max-width: 40%;
}

.function_graph_container canvas {
    height:100%;
    width:100%;
}
.bode {
    height:300px;
}

/* Footer styling */
.footer {
    font-family: Bruno Ace;
    text-align: center;
    font-size: x-small;
    position:fixed;
    left:0;
    bottom:0;
    width:100%;
}

/* Micromodal styling patches */
.modal {
    font-family: Bruno Ace;
}

.modal__footer {
    text-align: center;
}

.modal__header {
    justify-content: center;
}

.modal__title {
    text-align: center;
}