.orange{background-color:#e72}.orange:hover,.orange:active{background-color:#df5900}.turquoise{background-color:#00a0b0}.turquoise:hover,.turquoise:active{background-color:#008c9c}.purple{background-color:#9553b0}.purple:hover,.purple:active{background-color:#8b499c}.red{background-color:#cc333f}.red:hover,.red:active{background-color:#b92b33}.dark-blue{background-color:#233255}.dark-blue:hover,.dark-blue:active{background-color:#102a49}.yellow{background-color:#edc951}.yellow:hover,.yellow:active{background-color:#dab545}.accordion{margin:0}.accordion-heading{padding:8px 10px;margin:0;cursor:pointer;color:#fff}.accordion-items{margin:1em 0 0 1em;padding-bottom:7px;cursor:pointer;list-style-type:none}.accordion-items li{background:url("../img/gradient-line.png") no-repeat bottom center;padding:5px}.accordion-items li:last-child{background:none}.accordion-items li a{text-decoration:none;cursor:pointer;color:#01D2FF}.accordion-items li a:hover{text-decoration:underline}#logo{float:left;margin-right:10px}#blurb{padding:10px 5px;color:#222}#top-posts{background-color:#e72}#top-posts:hover,#top-posts:active{background-color:#df5900}#start-here{background-color:#00a0b0}#start-here:hover,#start-here:active{background-color:#008c9c}#contact{background-color:#9553b0}#contact:hover,#contact:active{background-color:#8b499c}#recent-posts{background-color:#cc333f}#recent-posts:hover,#recent-posts:active{background-color:#b92b33}#trivia{background-color:#edc951}#trivia:hover,#trivia:active{background-color:#dab545}#projects{background-color:#233255}#projects:hover,#projects:active{background-color:#102a49}#twitter{background-color:#233255}#twitter:hover,#twitter:active{background-color:#102a49}@media (min-width: 768px){.accordion{margin-bottom:20px}.accordion-heading{border-radius:6px}}.genericon{font:normal 32px/9px 'Genericons';vertical-align:middle;margin-right:20px}.contact-items{margin:0 auto}.square{padding:10px;box-sizing:border-box;margin-bottom:2px;min-height:90px;width:32%;display:inline-block;background:url("../img/gradient-vertical.png") no-repeat center right}.square:nth-child(3n){background:none}.square a{color:#222;display:block;text-align:center}.square .genericon{margin:20px auto 10px;display:block;padding-right:12px}