html {
    font-size: 14px;
    padding: 10px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
    width: 100%;
    background-image: url('../lib/divsbackground.jpg'),linear-gradient(rgba(30, 75, 115, 1), rgba(255, 255, 255, 0));
    background-repeat: repeat-y,no-repeat,no-repeat;
    background-position: top,top;
    background-size: 1500px 1800px, auto;
    margin-bottom: 50px, 100px;
}

.InputAndOutput {
    color: black;
    border: double;
    cursor: pointer;
    opacity: 0.8;
    outline: auto;
    height: 500px;
    width: 600px;
    background-color: transparent;
    background-repeat: no-repeat;
    border-color: #ccc;
    font-size: 13px;
    line-height: 16px;
    resize: none;
}


.SubmitButton, .ClearButton {
    color: black;
    height: 50px;
    width: 600px;
    margin-bottom: 10px;
}

/*
.navbar-brand {
    background-color: honeydew ;
}
*/
.navbar-collapse {
    background-color: transparent;
}



.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 80px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
        float: none;
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        text-align: center;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* quick reset */
* {
    margin: 0;
    padding: 0;
    border: 0;
}



/* relevant styles */