body {
	margin: 0;
	background-color: black;
    font-family: 'Stylish', sans-serif;
    font-size: 300%;
    color: black;
}

/*mobile*/
.menuLump {
	padding: 0;
	border: 0;
	display: block;
}

/*desktop*/
@media only screen and (min-width: 768px){
    .menuLump {
	padding: 0;
	border: 0;
	display: inline-block;
    }
}

.urlTxtMobile {
    position:relative;
    top:30%;
}

.FadeIn {
	-webkit-animation: FadeIn 2s 1;
	animation: FadeIn 2s 1;
	-moz-animation: FadeIn 2s 1;
}

@-webkit-keyframes FadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.urlTxt {
    position:relative;
    top:50%;
}

.Pulse {
	-webkit-animation: Pulse 2s 1;
	animation: Pulse 2s 1;
	-moz-animation: Pulse 2s 1;
}

@-webkit-keyframes Pulse{
	0% {letter-spacing: normal;}
    /*20% {font-size: 50%;}
    40% {font-size: 150%;}*/
    50% {letter-spacing: 10px}
    /*80% {font-size: 350%;}*/
	100% {letter-spacing: normal;}
}


.dad {
	background-color: rgb(128,0,128); /*word color: purple 800080*/
	/*background-image: url("circle_n_48x48.png");*/
}

.mom {
	background-color: #FF69B4; /*word color: hotpink*/
	/*background-image: url("circle_d_48x48.png");*/
}

.boy {
	background-color: #90EE90; /*word color: lightgreen*/
	/*background-image: url("circle_d_48x48.png");*/
}

.girl {
	background-color: #FFDAB9; /*word color: peachpuff*/
	/*background-image: url("circle_r_48x48.png");*/
}

.girl2 {
	background-color: #FFFF00; /*word color: yellow*/
	/*background-image: url("circle_r_48x48.png");*/
}

.boy2 {
	background-color: #ADD8E6; /*word color: lightblue*/
	/*background-image: url("circle_r_48x48.png");*/
}

/*.dad:hover {
	background-image: url("circle_n_64x64.png");
    /*background-image: url("nicholaslalama2.png");
}

.mom:hover {
	background-image: url("circle_d_64x64.png");
}

.boy:hover {
	background-image: url("circle_d_64x64.png");
}

.girl:hover {
	background-image: url("circle_r_64x64.png");
}

.girl2:hover {
	background-image: url("circle_n_64x64.png");
}

.boy2:hover {
	background-image: url("circle_n_64x64.png");
}*/

.gobig {
	-webkit-animation: goBig 3s 1;
	animation: goBig 3s 1;
	-moz-animation: goBig 3s 1;
}

@-webkit-keyframes goBig{
	0% {width: 5%;}
	100% {width: 100%;}
}

.hidden{
	display: none;
}

.red {
	background-color: red;	
}

/*Experiment for Test on Elements
@media only screen and (min-width: 768px){
    .urlTxt {
    text-align:center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*transform: rotate(90deg);
    border: 1px solid;
    }
}*/