/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
*/
/* 
    Created on : 13 Dec 2021, 15:15:21
    Author     : clementskeete
*/
/* So the html5 semantic elements can be formatted correctly */
article, aside, figure, footer, header, nav, section, main { display: block; }

div, fieldset, frame, frameset, noframes, center, dir, hr, menu	{ display: block; unicode-bidi: embed; }
tt	{	font-family: monospace; }
big	{	font-size: 1.17em; }
small	{	font-size: .83em;	}
s, strike, del	{	text-decoration: line-through; }
hr	{ border: 1px inset; }
dir,	menu	{ margin-left: 40px; }
u, ins	{	text-decoration: underline; }
center	{	text-align: center; }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

/* The styles for the elements */

/* The reset selector */
*	{	margin:0;
		padding:0;	}
		
/* Document structure elements */
html	{	display: block;
		unicode-bidi: embed;
		background-color: white;
                padding: 2rem;
                /*width: 265px;*/
		/*border: 2px solid black;*/	}
head	{	display: none;	}
body	{ 	display: block;
		unicode-bidi: embed;
		font-size:100%;
		background-color: white;
		margin: 0 auto;
                /*padding: 100px;*/
                /*border: 10px solid yellow;*/ }
@media (max-width: 1000px) {
  body { font-size: large; }
}
@media (max-width: 500px) {
  body { font-size: medium; }
}		
/* Common block elements for headings and paragraphs*/
h1	{	display: inline-block;
		unicode-bidi: embed;
		color: green;     
		font-family: "Lucida Handwriting", "Lucida Calligraphy";  /*"Arial", "Geneva", sans-serif;*/
		font-size: 3rem;
		font-weight: bold;
                margin-right: 2rem;
}
h2	{	display: inline-block;
		unicode-bidi: embed;
		color: #00AA00;/*#808080;*/
		font-family: "Lucida Handwriting", "Lucida Calligraphy"; /*"Arial", "Geneva", sans-serif;*/
		font-size: 2em;
		font-weight: bold;				}
h3	{	display: block;
		unicode-bidi: embed;
		color: navy;
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1.3rem;
		font-weight: bold;
}
h4	{	display: block;
		unicode-bidi: embed;
		color: navy; /*#00AA00;*/
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1.1rem;
		font-weight: bold;
}
h5	{	display: block;
		unicode-bidi: embed;
		/*color: navy; #808080;*/
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1rem;
		font-weight: bold;
}
h6	{	display: block;
		unicode-bidi: embed;
		color: navy; /*#808080;*/
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1rem;
		font-weight: normal;
}
p	{	display: block;
		unicode-bidi: embed;
		color:navy; /*#808080;*/
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1rem;
		font-weight: normal;
}
		
/* Block elements for special types of text */		
pre	{	display: block;
		unicode-bidi: embed;
		white-space: pre;
		font-family: monospace;	}
blockquote	{	display: block;
			unicode-bidi: embed;
			/*margin-left: 40px;
			margin-right: 40px;*/
                        color:#808080;
                        font-family: "Arial", "Geneva", sans-serif;
                        font-size: 1em;
                        font-weight: normal;    }
address	{	display: block;
		unicode-bidi: embed;
		color:#808080;
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1em;
		font-weight: normal;	}
				
/* Inline elements for formatting text */				
i	{	font-style: italic;	}
b	{	font-weight: bolder;	}
sub	{	vertical-align: sub;
		font-size: .83em	}
sup	{	vertical-align: super;
		font-size: .83em	}
br:before	{	content: "\A";
			white-space: pre-line;	}
					
/* Inline elements for identifying content */
abbr	{	}
cite	{	font-style: italic; }
code	{	font-family: monospace;	}
dfn	{	}
em	{	font-style: italic;
		font-weight:bold;	}
kbd	{	font-family: monospace;	}
q	{	}
samp	{	font-family: monospace;	}
strong	{	font-weight: bolder;	}
var	{	font-style: italic;	}

a   {   font-weight:normal;
        text-decoration: none;
        border-style: none; }
a:link	{ color:#6666ff; border-style: none;}
a:visited   {   color:purple; border-style: none;}
a:active    {	color:red; border-style: none; }
a:hover {   color:#6666ff; border-style: none; font-weight: bold; }
a:focus {   color:#6666ff; border-style: none; font-weight: bold;}

/* Core HTML attributes */
title   {       color:#808080;
                font-family: "Arial", "Geneva", sans-serif;
		font-size: 1em;
		font-weight: normal;    }

/*Elements that create ordered and unordered lists*/
ul	{	display: block;
		unicode-bidi: embed;
		list-style-type: none;
		color:#808080;
		font-family: "Arial", "Geneva", sans-serif;
		font-size: 1.0em;
		font-weight: normal;		
		margin-left: 0px;
		margin-bottom: 0px;	}
ul ul, ul ol	{	margin-top: 0;
			margin-bottom: 0;	}
ol	{	display: block;
		unicode-bidi: embed;
		list-style-type: decimal;
		color:#808080;
		font-family: "Arial", "Geneva", sans-serif;
		/*font-size: 14px;*/
		font-weight: normal;
		margin-left: 0px;
		margin-bottom: 0px;	}
ol ol, ol ul	{	margin-top: 0;
			margin-bottom: 0;	}
li	{	display: list-item;	}

/* Elements that create description lists */
dl	{	display: block;
		unicode-bidi: embed;	}
dt	{	display: block;
		unicode-bidi: embed;	}
dd	{	display: block;
		unicode-bidi: embed;	}
		
/* Common elements for coding tables */
table	{	display: table;
		border-spacing: 2px;	}
tr	{	display: table-row;
		vertical-align: inherit;	}
th	{	display: table-cell;
		font-weight: bolder;
		text-align: center;
		vertical-align: inherit;	}
td	{	display: table-cell;
		vertical-align: inherit;	}
		
/* Elements for coding the table header, body, and footer */
thead	{	display: table-header-group;
		vertical-align: middle; }
tbody	{	display: table-row-group;
		vertical-align: middle;	}
tfoot	{	display: table-footer-group;
		vertical-align: middle;	}
col	{	display: table-column; }
colgroup	{	display: table-column-group; }

/* Attributes that can be used for accessibility */
caption	{	display: table-caption;
		text-align: center;	}
headers	{	}
scope	{	}

/* Elements for coding forms */
form	{	display: block;
		unicode-bidi: embed;	}
input	{	display: inline-block;	}
button	{	display: inline-block;	}
optgroup	{	}
option	{	}
select	{	display: inline-block;	}
textarea	{	font-size: 1.17em;	}
label	{	}

datalist	{	}
output	{	}
progress	{	}
meter	{	}
object	{	}
param	{	}
embed	{	}
audio	{	}
video	{	}
source	{	}
/*XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX*/
/* Styles for the section */
section {
    
}
/* Styles for the header */
header {
    /*border-bottom: 2px solid gray;*/
}
footer {
    border-top: 2px solid gray;
}
#nav_bar li {
    display: inline;
    margin-right: .75rem;
}
/* Styles for the main */
main {
    
    /*border-bottom: 2px solid gray;*/
}
#humi {
    float: left;
    padding: 1rem;
    /*border: 2px solid gray;*/
}
#resp {
    float: right;
    padding: 1rem;
    /*border: 2px solid gray;*/
}
/* Styles for the classes */
.space {
    text-align: center;
    margin: 1rem;
    color: navy;
    /*border: 2px solid gray;*/
}
.red {
    color: red;
}
.brown {
    color: brown;
}
.navy {
    color: navy;
}
.heading {
    /*color: green;*/
}
.sub_head {
    /*color: #00AA00;*/
}
.button {
    text-align: center;
    padding: 1rem;
    margin: 1rem;
    border: 2px solid gray;
    background-color: whitesmoke;
}
.button2 {
    text-align: center;
    padding: 1rem;
    margin: 1rem;
    border: 2px solid gray;
    background-color: tan;
}