/*////////////////////////////////////////////////////////////////////////////
// Version 1.12 Signed by Sid @ BENTO on 2023-12-24 T 23:23:41 -07:00
// Authentication (do not edit) $bDAAHI8y$
//////////////////////////////////////////////////////////////////////////////
//
// Copyright (c) 2020-2023 by Sid Paral. All rights reserved.
//
//////////////////////////////////////////////////////////////////////////////
//
// style.css
//
////////////////////////////////////////////////////////////////////////////*/

:root							{
								}

body 							{	background-repeat:		no-repeat;
									background-attachment:	fixed;
									background-position:	center center;
									background-color:		#333;
									color:					#aaa;
									margin:					0.25rem;
									font-family:			Verdana, "Bitstream Vera Sans", "DejaVu Sans", Tahoma, Geneva, Arial, sans-serif;
									text-align:				justify;
									position:				static;
								}
								
a								{	text-decoration:		none;
									color:					#fff;
								}
a:hover							{	color:					#ff0;				}
a:focus							{	color:					#ff0;				}

.pixframe						{	width:					100%;	
									margin-top:				0.5rem;
									display:				flex;
									flex-flow:				column nowrap;
									align-items:			auto;
									justify-content:		auto;
									border:					none;
								}
.pixrow							{	width:					100%;	
									display:				flex;
									flex-flow:				row nowrap;
									align-items:			auto;
									justify-content:		auto;
									border:					none;
								}
.cam,
.stream							{	width:					100%;
									height:					auto;
								}
.cam-quart,
.stream-quart					{	width:					50%;
									height:					auto;
								}
.switches						{	display:				flex;
									flex-flow:				row nowrap;
									align-items:			center;
									justify-content:		auto;
									border:					none;
								}
.title-row,
.footer							{	display:				flex;
									flex-flow:				row nowrap;
									align-items:			center;
									justify-content:		space-between;
									border:					none;
								}
.title,
.switch							{	font-size:				1.2rem;	
									font-variant:			small-caps;
								}
.title							{	font-weight:			bold;		
									color:					#cfc;
								}
.switch							{	border:					0.05rem solid black;
									border-radius:			0.25rem;
									padding:				0.25rem;
									background-color:		#666;
									color:					inherit;
									text-decoration:		none;
									margin-left:			0.25rem;
								}
.switch:hover					{	background-color:		#696;				}
a:focus > .switch				{	background-color:		#3c3;				}
.super-header					{	display:				flex;
									flex-flow:				row nowrap;
									align-items:			flex-end;
									justify-content:		space-between;
									border:					none;
								}
.header							{	display:				flex;
									flex-flow:				column nowrap;
									align-items:			flex-end;
									justify-content:		auto;
									border:					none;
									margin-top:				.5rem;
								}
.temperature					{	display:				flex;
									flex-flow:				column nowrap;
									align-items:			flex-start;
									justify-content:		auto;
									border:					none;
									margin-top:				.5rem;
								}
.subtitle						{	font-size:				0.9rem;				
									font-weight:			normal;
								}
.value,
.name							{	-font-weight:			bold;				
									color:					#ddd;
								}
.breed							{	font-style:				italic;				}

audio							{	width:					100%;				}

.hroch-net						{	height:					1.2rem;
									width:					auto;	 	
								}
.copyright						{	font-size:				0.8rem; 	
								}