@import “colorful.scss”;

body{

max-width: 50rem;
padding: 2rem;
margin: auto;
line-height: 1.4;
font-size: 120%;
color: #272727;
background-color: #f0f0f0;

}

.code-display{

border: 1px solid #272727;
display: flex;
flex-direction: column;
max-width: 30rem;
margin: 10px auto;

}

.code-display>canvas{

margin: 0 auto;

}

.code-display>p, .code-display>input, .code-display>button{

margin: 5px auto;

}

header h2{

font-size: 300%;
margin: 0px;

}

header p{

margin-top: 0px;

}

header a{

font-size: 150%;

}

nav-bar ul{

list-style-type: none;
margin: 0;
padding: 0;
display: flex;
width: 100%;
justify-content: space-around;

}

.highlight{

background-color: #272727;

}

post-title{

font-size: 120%;

}

post-title h1{

margin-bottom: 0px;

}

post-title p{

margin-top: 0px;

}