:root {
  --main-dark-color: slategray;
  --main-light-color: whitesmoke;
}
* {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;}
.blank  {fill: white; stroke: None;}
.outline {
			fill: None;
			stroke: var(--main-dark-color);
			stroke-width: 4px;
			stroke-linecap: round;
		}
path.solid {stroke-width: 4px;}
path.dashed {
    stroke-width: 2px;
    stroke-dasharray: 10px;
    stroke: darkblue;
}
circle.anchor {fill: var(--main-dark-color);
			 stroke: darkblue;
             cursor: pointer;}
circle.dragging{fill: darkblue;
			  stroke: var(--main-dark-color); }
.stroke {background-color: aliceblue;
    border-radius: 3px;
    border-color: var(--main-dark-color);
    border-width: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-width: 1px;
    border-style: solid;
}
a.blind {
    padding-left: 2px;
    padding-right: 2px;
    text-decoration: None;
    cursor: pointer;
    color: unset;
}
a.blind:hover {
    padding-left: 1px;
    padding-right: 1px;
    background-color: aliceblue;
    border-radius: 3px;
    border-width: 1px;
    border-style: dashed;
    border-color: var(--main-dark-color);
}
a.stroke, input.stroke {text-decoration: none;
color: #3b3b54;
border-style: dashed;
}

input.stroke {
    outline: none;
}
input.stroke:active {border-style: solid}

p {margin-left: 5px}
div.atop {margin:5px;}
div#left {
    float: left;
    vertical-align: top;
    width:75%
}

div#right {
	float: left;
    vertical-align: top;
	width: 25%;
}
div.center_wrap {text-align: center;}
div.center_wrap div {display: inline-block;}
.comment {
	background-color: var(--main-light-color);
	border-radius: 10px 10px 0px 0px;
	margin-bottom: 5px;
}
.title {
	border-radius:10px;
	background-color: var(--main-dark-color);
	padding:3px;
	font-weight: bold;
	color: var(--main-light-color);
}
div.title {cursor: pointer;}
div.flashes {
	border:none;
	padding: 10px;
	box-shadow: 0px 8px 8px 1px  slategray;
	
}
textarea{
	display: block;
	resize: none;
	outline: none;
	width: 100%;
	border: none;
	font-size: unset;
}
input.author {
    outline: none;
    border: none;
    border-bottom: vay(--main-dark-color);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: var(--main-light-color)
}
textarea.title{height: 2em}
textarea.title::placeholder{color: lightgray;}
textarea.title:focus{border: 1px solid var(--main-light-color);}
textarea.comment {height:20em}
textarea.comment:focus{border: 1px solid var(--main-dark-color);}