body { background:#fff; padding-top:40px }

.navbar {
    margin-bottom:0px
}

.navbar-default {
    background-color:#fff; 
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:1px solid #e5e5e5
}
 
.navbar-default .navbar-brand { 
    color:#333;
    font-size:22px;
    font-style:normal;
    font-family:Open Sans, Helvetica, Arial, Sans-serif;
}

h1 { 
    font-family:Open Sans;
    font-size:1.6em
}

.btn-primary {
    background-color:#1f8dd6;
    border-color:#1f8dd6
}

.orta {background-color:#fff; padding-bottom:20px; max-width:1020px }

button, button:focus {
    outline:0 !important;
}

#motto {
    padding:10px 20px 0 0;
    font:italic normal 20px serif;
    color:#444;
    float:right
}

.theColor {
    padding-top:40px;
    height:200px;
    text-align:center;
    color:#fff;
    text-shadow:1px 1px 1px #000;
    font-family:Courier;
    font-weight:bold;
    border-radius:3px 3px 30px 3px;
}

.theColor .hex {
    font-size:50px;
}
.theColor .rgb {
    font-size:30px;
}

.colorList { }

.colorList > div {
    width:150px;
    box-sizing:border-box;
    display:inline-block;
    margin:2px;
    border-radius:0px 3px 15px 3px;
}
.colorList > div:hover {
    box-shadow:0 0 3px #aaa
}

.colorList div a {
    display:block;
    padding:6px;
    border-radius:4px;
    text-align:center;
    color:#333;
    font:normal 14px Courier;
}

.colorList div a div { 
    min-height:120px; 
    border-radius:3px 3px 15px 3px
}

.transList {
     
}

.transList > div {
    display:inline-block;
    width:88px;
    margin:1px;
    box-sizing:border-box;
    text-align:center
}

.transList > div:hover {
    box-shadow:0 0 4px #aaa;
}

.transList > div > a {
    color:#333;
    font:normal 14px Courier;
}

.transList > div > a > div {
    height:88px;
    border-radius:0px 3px 15px 3px;
}

  

#footer {
    padding:15px;
    background-color:#e5e5e5;
    font-family:Open Sans
}