@charset "UTF-8";
/* CSS Document */
body {
	background-color: #3467a0;
	color: white;
	font-family: 'Varela Round', sans-serif;

}
canvas {
	padding: 10px;
	background-color: rgba(255,255,255,0.00);
}
	
@keyframes pulse {
  0% {
    background-color: #AB0002;
  }
  100% {
    background-color: #FF0004;
  }
}
.homebox{
	background-color: white;
	box-shadow: 0px 10px 16px 0px rgba(0,0,0,0.7);
	width: 280px;
	height: 120px;
	display: block;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 10px;
	padding: 20px;
	margin-bottom: 40px;
	border-radius: 4px;
	color: dimgray;
}
.flexcontainer-home a{
	text-decoration: none;
}
.flexcontainer-home {
	width: 79%;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.landingpage{
	margin: auto; 
	vertical-align:middle; 
	height: 100%;
	padding-top: 150px;
}

.mainpage{
	margin: auto;
	width: 80%;
	margin-top: 40px;
	padding-bottom: 40px;
}

.box1{
	margin: 15px;
    width: 100%;
    min-height: 400px;
    background-color: rgb(0 0 0 / 9%);
    padding: 15px;
    box-shadow: 10px 10px 5px #0000004d;
}