@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:600');

body{
	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
	/*padding: 40px;*/
	/*text-align: center;*/
	font-size: 21px;
	background-color: #CC2948;
	color:#CC2948;
}
*{
	padding: 0;
	margin:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
input{

	font-family: 'Source Code Pro', monospace;
	font-weight: 600;
	border-radius: none;
	color:#CC2948;
}
input[type="text"]{
	/*padding: 1em;*/
	/*margin:1em 0;*/
	/*background-color: #EEE;*/
}

.searchblock{
	padding: 2em;
	/*outline: 1px solid blue;*/
	background-image: url('/assets/gfx/searchicon.svg');
	background-size: 2em;
	background-position: right 1em center ;
	background-repeat: no-repeat;
}

.searchclose {
	background-image: url('/assets/gfx/iconclose.svg');
	background-size: 2em;
	display: block;
	position: absolute;
	right: 0;
	top:1em;
	right: 1em;
	width: 2em;
	height: 2em;
	/*background-color: red;*/
}	

.record{
	margin: 1em;
	border-radius: 0.2em;
	background-color: white;
	padding: 1em;
	color:#CC2948;
}
.record .number{
	font-size: 1.2em;
}

.searcher{
	border:none;
	background-color:transparent;
	color:white;
	text-align: center;
	padding: 2em 1em;
	height: 0;
	font-size: 1em;
	width: 100%;
	outline: none;
	display: block;
	margin-bottom: 0;
	/*outline: 1px solid blue;*/
}

.searcher::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: white;
    opacity: 1; /* Firefox */
}

.editorwrap{
	padding: 1em;
}
.editor{
	display: block;
	font-size: 1em;
	border:none;
	outline: none;
	padding: 1em;
	width: 100%;
	margin:1em 0;
	border-radius: 0.2em;
}

.adder{
	padding:1em;
	text-align: center;
	padding-bottom: 2em;
}
.add{
	margin:0 auto;
	display: inline-block;
	padding:1em 2em;
	/*width: 1em;*/
	/*height: 1em;*/
	text-align:center;
	border-radius: 3em;
	background-color:white;
}