html{
    height: 100%;
}
    
.navbar-default, .navbar-collapse, .navbar-default, .navbar-form {
    border-color: #0a1612;
    background-color: #f7ce3e;
    font-size: 1.02em;
}

#login{
    min-width: 235px;
    border-color: #0a1612;
    background-color: lightgrey;
    padding: 14px 14px 14px 14px;
    color: #0a1612;
   
}

#login .social-button{
    margin: 12px 12px 0;
}
.btn-fb{
    color: #fff;
    background-color: #3b5998;
}

.btn-tw{
    color: #fff;
    background-color: #55acee;
}

/* this was the teacher from lectre 53*/
/*
.btn-fb:hover{
    color: #fff;
    background-color: #1b5990;
}

.btn-tw:hover{
    color: #fff;
    background-color: #10acee;
}
*/



.dropdown-menu{
    background-color: #f7ce3e;
}

body{
    background: url(https://images.unsplash.com/photo-1445620466293-d6316372ab59?dpr=1&auto=compress,format&fit=crop&w=767&h=575&q=80&cs=tinysrgb&crop=&quot);
     
    background-size: cover;
    background-position: center;
    font-family: Catamaran;
}
    
.center{
        text-align: right;
        padding-top: 5%;
}

h1, p{
        color: #0a1612;
    }

ul ul, ol ul {
    list-style-type: none;
}

.btn-success {
    color: #0a1612;
    background-color: #f7ce3e;
    border-color: #0a1612;
    
}
/*This is superseeding the .btn-fb:hover but I like it*/
.btn.focus, .btn:focus, .btn:hover {
    color: #f7ce3e;
    background-color: #0a1612;
    }