/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */
*
{
	background-color: black;
	color: #28dd18;
	font-family:courier;
	list-style-type: square;
	font-size: medium;
	border-color: #28dd18;
    cursor: url(/assets/images/cursor.png), default;
}

@keyframes color_change
{
    100% { color: darkgreen; }
    100% { background: white; }
}

fieldset
{
	border-color: #28dd18;
}

h1
{
	font-size: x-large;
}

button
{
	border: 0.1em solid #28dd18;
	box-shadow: 0.1em 0.1em #999;
	border-style: none none none solid;
	color: #28dd18;
	padding: 0.5em;
	margin-bottom: 0.2em;
	margin: 0.3em;
}

button:hover
{
	background: #646464;
    animation: color_change 1s infinite;
    animation-direction: alternate;
}

button:active
{
	box-shadow: 0.1em 0.1em #666;
}

ul
{
	padding: 0.5em;
}

/* general table related */

table
{
	border-collapse: collapse;
	border: thin solid;
}

tr, td, th
{
	border-bottom: thin solid;
}

th
{
	border-top: thin solid;
}

/* general table related END */

.dir
{
	border-top: 1px solid;
	padding-right: 0.3em;
	border-style: ridge;
}

.content
{
	display: none;
}

figure
{
	/*position: relative;
	float: right;
	border: thin solid;
	text-align: center;*/
}

figure img
{
	display: block;
	background: grey;
    align:middle;
}

img
{
    align:middle;
    max-width:800px;
    max-height:600px;
}

figcaption
{
}

div
{
	padding: 1em;
    width: 100%;
    height: 100%;
}

.box
{
	border: thin solid;
}

/* for grades. Making use of old classes present in html */

.centered
{
	text-align: center;
}

rect
{
	fill: rgb(0,0,255);
}

textarea
{
	width:400px;
	height:200px;
	box-sizing:inherit;
}