@font-face {
  font-family: Fatface;
  src: url(AbrilFatface-Regular.ttf);
}

@font-face {
  font-family: Baloo;
  src: url(Baloo2-Regular.ttf);
}

* {
	font-family: Baloo
}

h1 {
	
	font-family:Fatface;
}

.title
{
	font-family:Fatface;
	font-size:50
}

/* unvisited link */
a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: hotpink;
}

/* selected link */
a:active {
  color: black;
}


.crossed {
     background: 
         linear-gradient(to top left,
             rgba(0,0,0,0) 0%,
             rgba(0,0,0,0) calc(50% - 0.8px),
             rgba(0,0,0,1) 50%,
             rgba(0,0,0,0) calc(50% + 0.8px),
             rgba(0,0,0,0) 100%)
}

.box {
	float:left;
	padding:20px;
	border:1px solid black;
	margin-right:20px;
	margin-bottom:20px;
		
}

body {
	background-color: #e6f0ff;
}