competitions.css

body{
	font-family: 'Montserrat', sans-serif;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
}

div> img{
	height: 28vh;
	width: 80%;
	margin: 2vh;
	box-shadow: 2px 2px 10px #aaaaaa;
}
h1{
	font-family: 'Inconsolata', monospace;
	text-align: center;
	text-transform: uppercase;
	/* font-weight: bold; */
}
h3{
	text-decoration: underline;
}
p{
	text-align: justify;
}
.mt-3 span{
	background: black;
	color: white;
	padding: 5px 5px 5px 5px;
	letter-spacing: 5px;	
}
.border{
	border: 2px solid red!important;
}
.card{
  margin: 30px 0;
  border: 2px solid #aaa;
  border-radius: 10px;
  box-shadow: 2px 2px 20px #aaa;
  transition: box-shadow 0.3s;
}
.card:hover{
	box-shadow: 20px 20px 30px rgba(24, 44, 97,0.2);
	transition: box-shadow 0.3s;
}

img#one{
	z-index: -1;
	position: fixed;
	opacity: 0.4;
	top: 8rem;
	left: 30rem;
	width: 15vh;
}
img#two{
	position: fixed;
	opacity: 0.7;
	width: 10rem;
	bottom: 0;
	right: 0;
	z-index: -1;
}
img#three{
	position: fixed;
	width: 20rem;
	opacity: 0.4;
	padding: 0 0;
	z-index: -1;
}
img#four{
	position: fixed;
	width: 10rem;
	right: 10rem;
	bottom: 10rem;
	z-index: -1;
	opacity: 0.5;
}