/* /tutorials/project_18/styles.css */
* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body {
	background-color:ivory;
	font-family:sans-serif;
	font-size:2.5vmin;
	color: #007;
}
a, .link {
	color:deepskyblue;
	text-decoration: underline;
	cursor:pointer;
}
#main {
	width:95vmin;
	margin:1vmin auto;
}
.code {
	background-color: black;
	margin:1.2vmin 2vmin;
	padding:.6vmin 1vmin 1vmin 1vmin;
	color:white;
	font-family: monospace;
	letter-spacing:.1vmin;
}
.bg {
	background-color: #555;
}
.hide {
	visibility: hidden;
}
.white {
	color:#fff;
}
.black {
	color:#000;
}
.magenta {
	color:#e9e;
}
.Magenta {
	color:magenta;
}
.cyan {
	color:#8eb;
}
.blue {
	color:#8df;
}
.red {
	color:#f88;
}
.green {
	color:#ce7;
}
.orange {
	color:#fc8;
}
.grey {
	color:grey;
}
.lime {
	color:lime;
}
.pink {
	color:pink;
}
.yellow {
	color:yellow;
}
.brown {
	color:#f55;
}
.purple {
	color:#f5f;
}
.y {
	color:#f88;
}
.c {
	color:brown;
	font-style:italic;
}
b {
	font-family: monospace;
	color:#0c0;
	font-style:italic;
}
#head, #foot {
	display:flex;
	padding-top:1vmin;
	align-items: center;
	text-align: center;
}
#head {
	justify-content:space-around;
}
#head img {
	width:6vmin;
}
#head #title img {
	width:auto;
	height:4vmin;
}
#rest p {
	margin-left: 2.5vmin;
}
ol, ul {
	margin-left: 5vmin;
}
ol, ul, #rest p {
	margin-bottom: .5vmin;
}
#overview li {
	margin-bottom: 1vmin;
}
#foot {
	justify-content:space-between;
}
#page {
	margin-top: -.5vmin;
	font-style: italic;
	color:green;
}
.btn {
	background-color: #cfc;
	border: double .6vmin grey;
	padding: .2vmin 1.2vmin .6vmin 1.2vmin;
	border-radius: 3vmin;
	cursor:pointer;
}
#rest {
	margin-top: 1vmin;
}
.sub {
	font-style: italic;
	color:blue;
	margin-bottom: .4vmin;
}
.sub1 {
	font-style: italic;
	color:blue;
	margin-bottom: 1vmin;
	margin-left:-10vmin
}
.centre_img {
	display:flex;
	justify-content: center;
	margin-top: 1vmin;
}
.vmin4 {
	height:4vmin;
}
.vmin7 {
	height:7vmin;
}
.vmin10 {
	height:10vmin;
}
.vmin15 {
	height:15vmin;
}
.vmin17 {
	height:17vmin;
}
.vmin20 {
	height:20vmin;
}
.vmin25 {
	height:25vmin;
}
.vmin30 {
	height:30vmin;
}
.vmin37 {
	height:37vmin;
}
.vmin50 {
	height:50vmin;
}
.vmin56 {
	height:56vmin;
}
.vw85 {
	width:85vw;
}
.cols2 {
	display:flex;
	align-items:center;
}
.indent {
	padding-left:5vmin;
}
#smiley {
	height:30vmin;
}
.sbr {
	height:.1vmin;
}
.mbr {
	height:.5vmin;
}
.lbr {
	height:1vmin;
}
.border {
	border:thin solid blue;
	padding:1vmin;
}
.centre_text {
	text-align: center;
}
.answer {
	color:magenta;
	cursor:pointer;
}
.line_through {
	text-decoration: line-through;
	color:red;
}
.more {
	font-size:3.5vmin;
	font-style:italic;
	color:coral;
}
.margin1 {
	margin:1vmin;
}
i {
	font-family: monospace; color:yellow; font-style:italic; background-color:black; padding:0 .8vmin 0 .5vmin;
}
#form1 {
	margin-left:2.5vmin;
}
input {
	font-size: inherit;
	background-color: #dff;
}
#name {
	text-indent:.5vmin;
}
.image18 {
  margin:.5vmin 2.5vmin;
	border:.5vmin solid navy;
}