/*
Colours
#222831 Dark Grey
#393e46 Grey
#00adb5 Blue
#eeeeee Light Grey

*/

body {
    font-family: "Ubuntu";
    background-color: #eeeeee;
    color: #00adb5;
}

h1 {
    font-size: 2.5rem;
}

h3 {
    color: #00adb5;
}

p {

    color: #393e46;
}
header {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color:#393e46 ;
}

footer {
    padding-top: 20px;
    padding-bottom: 10px;
    background-color:#393e46 ;
    border-left: 20px;
}

hr {
    border-top: 2px solid #393e46;
    width: 90%;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    color: inherit;
    text-decoration: none;
}
a:active {
    color: inherit;
    text-decoration: none;
}
a:visited {
    color: inherit;
    text-decoration: none;
}

.main-heading {
    text-align: center;
}


.blog-head {
    padding-left: 200px;
    color: #393e46;
}

.blog-foot {
    padding-left: 200px;
}

.article-code{
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: 200px 2fr 1fr 200px;
}


.article-notes {  
    padding-top: 20px;
    padding-bottom: 20px;
    display: grid;
    grid-template-columns: 200px 3fr 200px;
}

.description-box{
    border-style: none;
    border-color: #393e46;
    margin-right: 5px;
    margin-left: 5px;
    padding: 5px;
}

.image-box{
    border-style: none;
    border-color: #393e46;
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px;
    text-align: center;
}

.thumb {
    height : 200px;
}

.buttonLine{
    padding-bottom: 15px;
}


Button {
    width: 100px;
    height: 50px;
	background-color:#00adb5;
	border-radius:5px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#3866a3;
	font-size:13px;
	font-weight:bold;
    padding: 10px;
}

Button:hover {
	background-color:#468ccf;
}

Button:active {
	position:relative;
	top:1px;
}