
body{
		width:700px;
		margin: 5em auto;
		background-color: #f1f3f4;
		font-family:"Catamaran";
		color: #46585f;
}
h1, h2{
		font-family:"Open Sans";
		color: #082a33;
}
p{
		line-height: 1.2em;
		text-align: justify;
		margin: 20px;
}
.number {
		width: 40px
}
canvas, textarea{
		background-color: #fcf9fa;
		box-shadow: 0 4px 15px -3px black;
		margin: 10px;
}
textarea {
		width: 700px;
		height: 100px;
}
table {
		width: 700px;
		margin: 10px;
}
table input{
		display: inline-block;
		width: 100%;
		height: auto;
		border: none;
		padding: 3px 0 3px 0;
		margin: 0;
		text-align:center;
		color:#2244AA;
}
#back2tk{
		display: block;
		text-align: center;
		background-color: #08081c;
		color: white;
		font-family: "Open Sans";
		font-size: 2em;
		margin:1em;
		padding: 1em auto;
		text-decoration: none;
		border-radius: .1em;
		box-shadow: 0 4px 15px -3px black;
}



footer{
	text-align: center;
}

	p a{
		text-decoration: none;
		background-color: #ded5d5;
		color:#382626;
		border-radius: 4pt;
		padding: 0 .4em;
		margin: .2em;
		-webkit-transition:all 250ms ease;
		transition: all 250ms ease;
	}
	p a:hover{
		background: #14a6cf;
		color: white;
	}
  .contact a{
		font-weight: 900;
    color: #14a6cf;
		text-decoration: none;
	}
  .contact svg{
		fill: #14a6cf;
		stroke: #14a6cf;
		height: 1.3em;
		width: 1.3em;
		display: inline;
		vertical-align: middle;
	}
  span.contact{
    font-family: 'Montserrat';
		font-weight: 100;
    text-indent: 0;
    text-align: center;
    font-size: 1em;
    color: rgba(0, 0, 0, 0.35);
		display: block;
		margin: 1em;
		line-height: 2em;
	}
  a.articles{
    font-family: 'Montserrat';
		font-weight: 900;
    text-align: center;
    font-size: 1.7em;
    color: rgb(236, 234, 225);
		display: inline-block;
		margin: .5em;
		padding: .5em;
		background-color: rgba(25, 24, 27, 0.6);
		text-decoration: none;
		border-radius: 4pt;
		transition: box-shadow 200ms ease, transform 200ms ease;
		transform: scale(.95);
	}
  a.articles:hover{
    box-shadow: 0 0 1em .1em rgb(249, 247, 243);
		transform: scale(1);
	}
  a.articles:active{
    box-shadow: 0 0 1em 1em rgb(243, 240, 234);
		transform: scale(.8);
	}


	img{
		width: 5em;
		border-radius: 2pt;
		margin: 1em;
		box-shadow: 0 .3em 1.3em -.3em black;
		-webkit-transition:all 250ms ease;
		transition: all 250ms ease;
	}
	img:hover{
		width: 6em;
		margin: .5em;
		box-shadow: 0 .5em 1.5em -.3em black;
	}
