.menuBar .home a:hover { color: white; background-color: rgba(255,68,34,0.4); } .menuBar .background a:hover { color: white; background-color: rgba(175,33,145,0.4); } .menuBar .blog a:hover { color: white; background-color: rgba(255,204,0,0.4); } .menuBar .website a:hover { color: white; background-color: rgba(197,49,62,0.4); } .menuBar .code a:hover { color: white; background-color: rgba(172,74,20,0.4); } .menuBar .photo a:hover { color: white; background-color: rgba(65,150,58,0.4); } .menuBar .feedback a:hover { color: white; background-color: rgba(80,80,255,0.4); } .menuBar .contact a:hover { color: white; background-color: rgba(78,180,147,0.4); } .homePage { color: white; background-color: rgba(255,68,34,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .blogPage { color: white; background-color: rgba(255,204,0,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .backgroundPage { color: white; background-color: rgba(175,33,145,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .webPage { color: white; background-color: rgba(197,49,62,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .codePage { color: white; background-color: rgba(172,74,20,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .photoPage { color: white; background-color: rgba(65,150,58,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .feedbackPage { color: white; background-color: rgba(80,80,255,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .contactPage { color: white; background-color: rgba(78,180,147,0.4); padding-top: 45px; padding-bottom: 45px; z-index: 10; } .indexImage { border: 2px solid rgba(255,68,34,0.4); border-left: 20px solid rgba(255,68,34,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .backgroundImage { border: 2px solid rgba(175,33,145,0.4); border-left: 20px solid rgba(175,33,145,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .spiderlabsImage { border: 2px solid rgba(197,49,62,0.4); border-left: 20px solid rgba(197,49,62,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .researchImage { border: 2px solid rgba(172,74,20,0.4); border-left: 20px solid rgba(172,74,20,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .photoImage { border: 2px solid rgba(65,150,58,0.4); border-left: 20px solid rgba(65,150,58,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .blogImage { border: 2px solid rgba(255,204,0,0.4); border-left: 20px solid rgba(255,204,0,0.4); border-radius: 1px; box-shadow: 0px 0px 2px #222; } .homeBorder { border: 20px solid rgba(2255,68,34,0.4); } .blogBorder { border: 20px solid rgba(255,204,0,0.4); } .backgroundBorder { border: 20px solid rgba(175,33,145,0.4); } .webBorder { border: 20px solid rgba(197,49,62,0.4); } .researchBorder { border: 20px solid rgba(172,74,20,0.4); } .photoBorder { border: 20px solid rgba(65,150,58,0.4); } .feedbackBorder { border: 20px solid rgba(80,80,255,0.4); } .contactBorder { border: 20px solid rgba(78,180,147,0.4); }