@charset "UTF-8";

@import "globals.css";

.divContainer {
	background-color: lightblue;
}

.divSeperator {
	color: red;
}

.divNoBorder {
	border: none;
	font-family: var(--myFont);
	font-size: x-small;
	font-weight: bold;
	font-style: oblique;
	color: red;
	width: 20em;
	height: 9em;
	margin-left: 0;
	display: inline-block;
	
}

.div1 {
	border: 3px red solid;
	font-family: var(--myFont);
	font-size: x-small;
	font-weight: bold;
	font-style: oblique;
	color: red;
	width: 1;
	height: 1;
	margin-left: 0;
	display: inline-block;
}

.div2 {
	border: 2px red solid;
	font-family: var(--myFont);
	font-size: x-small;
	font-weight: bold;
	font-style: oblique;
	color: red;
	left: 25%;
	width: 24%;
	display: inline-block;
}

.div3 {
	border: none;
	font-family: var(--myFont);
	font-size: x-small;
	font-weight: bold;
	font-style: oblique;
	color: red;
	left: 5em;
	width: 13em;
	height: 9em;
	display: inline-block;
}

.div4 {
	border: var(--myBorder);
	font-family: var(--myFont);
	font-size: x-small;
	font-weight: bold;
	font-style: oblique;
	color: red;
	left: 75%;
	width: 24%;
	display: inline-block;
}

.image {
	border: 2px solid blue;
	width: 50px;
	padding-bottom: var(--imgPadBottom);
	padding-top: var(--imgPadTop);
	padding-left: var(--imgPadLeft);
	padding-right: var(--imgPadRight);
}