h1{
	font-family:"kristen ITC";
	text-align: center;
	font-size: 2.5em;
	color:rgba(24,13,243,.6);
	-webkit-animation: cssAnimation 2.6013s 1 ease-out;
-moz-animation: cssAnimation 2.6013s 1 ease-out;
-o-animation: cssAnimation 2.6013s 1 ease-out;
}
@-webkit-keyframes cssAnimation {
from { -webkit-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -webkit-transform: rotate(360deg) scale(0.919) skew(5deg) translate(-9px); }
}
@-moz-keyframes cssAnimation {
from { -moz-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -moz-transform: rotate(360deg) scale(0.919) skew(5deg) translate(-9px); }
}
@-o-keyframes cssAnimation {
from { -o-transform: rotate(4deg) scale(1) skew(1deg) translate(10px); }
to { -o-transform: rotate(360deg) scale(0.919) skew(5deg) translate(-9px); }

}

.modA{
	   background-image: url(yo.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: cover;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modB{
	background-image: url(minion.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modC{
	background-image: url(minion1.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modD{
	background-image: url(minion2.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modE{
	background-image: url(minion3.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modF{
	background-image: url(minion4.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modG{
	background-image: url(minion5.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}

.modH{
	background-image: url(minion7.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modI{
	background-image: url(minion8.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modJ{
	background-image: url(minion9.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modK{
	background-image: url(minion10.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modL{
	background-image: url(minion11.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modM{
	background-image: url(minion12.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}
.modN{
	background-image: url(minion13.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-clip: content-box;
    border-top-left-radius:26px;
border-top-right-radius:0px;
border-bottom-left-radius:5px;
border-bottom-right-radius:33px

}





p{
	font-family: "courier new";
	text-align: justify;
	font-4ize: 1.5em;
	color:rgba(0,0,0,.6);
	background-color: rgba(6,149,194,.4);


}


div{
	height: 170px;
	width: 147px;
	border-top-left-radius:20px;
    border-top-right-radius:25px;
    border-bottom-left-radius:19px;
    border-bottom-right-radius:21px;
    text-align: left;
    font-family: "Arial black";
    float:left;
    padding: 20px;
  


}
h2{
font-family:"kristen ITC";
	text-align: left;
	font-size: 2.5em;
	color:rgba(24,13,243,.6);
}
nav{
	width: 600px;

}
ul{
	list-style-type: none;
	margin: 20px;
	padding: 0px;
	border-top-width: 10px;
	border-top-style: solid;
	border-top-color: rgba(6,36,232,.5);
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: rgba(6,36,232,.5);
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: rgba(6,36,232,.5);
}


a{
	text-decoration: none;
	background: rgba(225,225,0,1);
	color: black;
	font-family: batang;
	font-size: 3em;
	display: block;
	border-bottom-width: 10px;
	border-bottom-color: rgba(6,36,232,.5);
	border-bottom-style: solid;


}
a:hover{
    background: rgba(23,126,239,.6);
	border-right-width: 7px;
	border-right-style: solid;
	border-right-color: rgba(11,61,107,.6);
}


body{
	background-image: url(minionf.png);
	background-repeat: no-repeat;
	background-size: cover;

}