@import "../shims.css";

.opacity[test=value] {
	opacity: 0.7;
}
.opacity {
	opacity: 0.4;
}
.transition {
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
	background-color: red;
	border: 1px solid green;
	width: 10em;
}
.transition:hover {
	background-color: #00ffff00;
	width: 20em;
}
.transform {
	transform: rotate(30deg);
}
.container{
	position: absolute;
	left: 50px;
	top: 50px;
	bottom: 50px;
	right: 50px;
	border: 1px solid black;
	background-color: #ddd;
}
.drop-shadow-box {
	position: absolute;
	left: 300px;
	top: 50px;
	border: 1px solid black;
	border-radius: 15px;
	box-shadow: 10px 10px 5px #888888;
	background-color: #bbb;
}
.gradient-box {
	background-image: linear-gradient(top,  #cccccc,  #000000);
	transform: rotate(-20deg);
	position: absolute;
	left: 300px;
	top: 250px;
	width: 560px;
	height: 170px;
}
.sized-box {
	position: relative;
	width: 100px;
	padding: 10px;
	border: 10px solid transparent;
	box-sizing: border-box;
}