Well, for the black on the left and right side, I did this to your code
Codey code
.panel {
border: none;
background: none;
&>h3 {
background: #89CBF1;
border-bottom: 1px solid black;
color: #134A69;
border-radius: 5px 5px 0px 0px;
a {
color: #134A69;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
a:hover {color: #4383A9;}
}
&>div {
background: #DDF3FF;
border-radius: 0px 0px 5px 5px;
border: none;
color: #11608E;
}
}
If you want the black line in between the boxes gone too, just remove
border-bottom: 1px solid black;
You don't have to change all the &> like I did, I just have it like that in my code. Personal pref. Lol