/* /tutorials/project_5/page.css */
* { /* reset */
	padding:0;
	margin:0;
	box-sizing:border-box;
}
body {
	background-color:ivory;
	font-family:sans-serif;
	font-size:2.5vmin;
	color: #007;
}
.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;
}
.magenta {
	color:#e9e;
}
.cyan {
	color:#8eb;
}
.blue {
	color:#8df;
}
.red {
	color:#f88;
}
.green {
	color:#ce7;
}
.orange {
	color:#fc8;
}
.grey {
	color:grey;
}

.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;
}
#main {
	margin:0 5vmin;
}
#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:30vmin;
}
#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;
}
.vmin10 {
	height:10vmin;
}
.vmin17 {
	height:17vmin;
}
.vmin20 {
	height:20vmin;
}
.vmin25 {
	height:25vmin;
}
.vmin30 {
	height:30vmin;
}
.vmin37 {
	height:37vmin;
}
.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;
}
.border {
	border:thin solid blue;
	padding:1vmin;
}
.centre_text {
	text-align: center;
}