body {
    /*background: url("../images/pattern3.jpg");*/
    background: #10631B;
    color: #333;
    height: 100%;
}

html {
    height: 100%;
}

#not-yet {
    height: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: rgb(6, 60, 34);
    color: #EEE;
}

#not-yet h2 {
    font-size: 32pt;
}

#not-yet p {
    font-size: 17pt;
    font-weight: normal;
}

.container {
    margin: 0;
    padding: 0;
    width: 100%;
}

.container h1 {
    color: #eee;
    text-align: center;
    background: #004208; /* Old browsers */
    background: -moz-linear-gradient(top,  #004208 0%, #10631B 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #004208 0%,#10631B 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #004208 0%,#10631B 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004208', endColorstr='#10631B',GradientType=0 ); /* IE6-9 */
    padding: 10px 10px 30px 10px;
    margin: 0 0 0 0;
}

#calendar {
    font-family: 'Swanky and Moo Moo', cursive;

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.door:hover {
    cursor: pointer;
}

.door {
    color: #eee;
    width: 100px;
    height: 100px;
    background: #7c1010;
    margin: 20px 20px;
    border-radius: 50%;

    box-shadow:
    		inset 1px 1px 0px rgba(255,255,255,0.25), /* highlight */
    		inset 0 0 6px #a23227, /* inner glow */
    		inset 0 80px 80px -40px #ac3223, /* gradient */
    		1px 1px 3px rgba(0,0,0,0.75); /* shadow */

    display: flex;
    align-items: center;
    justify-content: center;
}

.door.opened {
    background: #ff5555;
}

.door p {
    max-width: 50%;
    font-size: 24pt;
}

.birthday {
    width: 160px !important;
    height: 160px !important;
}

.xmas {
    width: 170px !important;
    height: 170px !important;
}

.btn-primary {
    background: green;
    border-color: lime;
}

.btn-primary:active {
 background: green;
    border-color: lime;
}

.btn-open-surprise {

}

.modal-content {
    background: #4E9231;
}

.modal-header {
    border-bottom: none;
}

.modal-title {
    text-align: center;
    color: #eee;
}

.modal-content {
    color: #eee;
}

.modal-footer {
    display: none;
}

#antiPeekModal .modal-body {
    height: 380px;
    text-align: center;
    font-weight: bolder;
}