:root {
    --dark-green: #5C6E58;
    --light-green: #8AA899;
    --yellow: #F2D349;
    --bg: #EFEDE0;
}

body {
    background-color: var(--bg);
}

.jumbotron {
    padding-top: 0px !important;
    padding-bottom: -0px !important;
    background-color: var(--bg);
}

.jumbotron img {
    width: 30em;
    margin: 1.5em;
}


/* @media screen and (max-width:62em) { */

@media screen and (max-width:62em) {
    .jumbotron img {
        width: 100%;
        margin: 0.5em;
    }
}

/* Style the tab */
.tab {
 overflow: hidden;
 font-weight: 900;
 font-size: 175%;
 color: #5C6E58;
 font-family: Courier, sans-serif;
}

.tablinks {
    text-decoration: underline;
    color: #5C6E58;
}

/* Style the buttons that are used to open the tab content */
.tab button {
 background-color: inherit;
 float: auto margin 0;
 border: none;
 outline: none;
 cursor: pointer;
 padding: 14px 16px;
 transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
 background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
 background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
 display: none;
 padding: 6px 12px;
 border: 1px solid #ccc;
 border-top: none;
}

p.big {
    font-size: 48px;
}

p.birdSize {
    font-size: 30px;
}

input {
    height: 50px;
}

input.text {
    width: 400px;
}

input.submit {
    font-size: 20px;
    width: 100px;
}

label {
    font-size: 30px;
}