/*
 * Browsercode - Provides basic CSS for simulating source code in HTML
 * 2020-2025 Krys Altimas
 * Version 0.1.1
 */

:root{

	}

@media(max-width:599px) {
	.code{
		font-size:0.5rem;
		font-size:50%;
		font-size:10px!important;
		color:black;
		color:rgb(5,5,5);
		}
	}
.code, code {
	font-family:monospace;
	font-family:Courier New;
	font-size:1rem;
	font-size:100%;
	font-size:16px;
	display:block;
	color:black;
	color:rgb(0,0,0)
	}
.white {
	color:rgb(255,255,255);
	color:white!important;
	}
.red {
	color:rgb(255,0,0);
	color:red!important;
	}
.green {
	color:rgb(0,255,0);
	color:green!important;
	}
.blue {
	color:rgb(0,0,255);
	color:blue!important;
	}
.darkblue {
	color:rgb(0,0,150);
	color:darkblue!important;
	}
.orange {
	color:rgb(255,165,0);
	color:orange!important;
	}
.black {
	color:rgb(0,0,0);
	color:black!important;
	}
.pink{
	color:rgb(255,192,203);
	color:pink!important;
	}
.setblack {
	background-color:rgb(0,0,0);
	background-color:black!important;
	}
.setgray,.setgrey {
	background-color:rgb(169,169,169);
	background-color:gray!important;
	}
.setwhite {
	background-color:rgb(255,255,255);
	background-color:white!important;
	}
.margin{
	margin:2px;
	}
padding{
	padding:5px;
	}
.fill-narrowrect, .fillnarrowrect {
	width: 500px;
	}
.fill-rect,.fillrect {
	width:600px;
	height:400px;
	}
.fill-largerect,.filllargerect {
	width:1000px;
	height:1000px;
	}
.bold {
	font-weight:bold;
	}
.italic {
	font-style:italic;
	}
.border {
	border:2px solid rgb(75,75,75);
	border-radius:15px;
	padding:2px;
	}
.lgtext {
	font-size:1.25rem;
	font-size:125%;
	font-size:18px;
	}
.smtext {
	font-size:0.75rem;
	font-size:75%;
	font-size:12px;
	}
.transparent {
	opacity:0.5;
	}
.codenumber {
	border-style:none none none solid;
	list-style-type:decimal-leading-zero;
	border-width:2px;
	}
.hidden,[hidden] {
	display:none!important;
	opacity:0;
	color:rgba(0,0,0,0);
	transform:scale(0);
	clip-path:circle(0);
	visibility:hidden!important;
	position:absolute;
	left:-999px;
	height:0!important;
	padding:0;
	overflow:hidden;
	width:0!important;
	}
.code a:link {
	text-decoration:none;
	}
.code a:hover {
	text-decoration:underline;
	}
.tab {
	display: inline-block;
	margin-left: 40px;
	}
.smalltab {
	display: inline-block;
	margin-left: 20px;
	}
.doubletab {
	display: inline-block;
	margin-left: 80px;
	}