@keyframes floating {
	0%, 100% {
		transform: translateY(-2%);
	}
	50% {
		transform: translateY(2%);
	}
}

@keyframes rotating {
	0%, 100% {
		transform: rotateZ(-5deg) translateY(0%);
	}
	50%, 70% {
		transform: rotateZ(10deg) translateY(4%);
	}
}

@keyframes spinning {
	from {
		transform: rotateZ(0deg);
	}
	to {
		transform: rotateZ(360deg);
	}
}

@keyframes floatingxmed {
	0%, 100% {
		transform: translateX(-10%) translateY(1%);
	}
	50% {
		transform: translateX(10%) translateY(-1%);
	}
}

@keyframes floatingxsmall {
	0%, 100% {
		transform: translateX(-5%);
	}
	50% {
		transform: translateX(5%);
	}
}

/*
	SALAM REDAKSI
*/
#salred1 {
	position: absolute;
	left: 5%; right: 0;
	top: 6%;
	margin: auto;

	width: 85%;
}

/*
	DAFTAR ISI
*/
#daftarisi1 {
	position: absolute;
	top: 73%;
	width: 100%;
	height: 100px;
}

#daftarisi1 a {
	display: block;
	margin-left: 8%;
	margin-bottom: 2%;
	width: 60%;
	height: 10%;
}

#daftarisi1 a:hover {
	font-weight: bold;
}

/*
	ARTIKEL TENTANG UNESA
*/
#unesa1 {
	position: absolute;
	left: 0; right: 0;
	top: 0; bottom: 0;
	margin: auto;

	width: 65%;

	animation: floating 1s infinite;
}

#textunesa1 {
	position: absolute;
	left: 0; right: 0;
	top: 52%;
	margin: auto;

	width: 90%;
	color: #fff;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
	ARTIKEL DUEL OTAK
*/
#duelotak1 {
	position: absolute;
	left: 5%;
	top: 4%;

	width: 42%;

	animation: floating 1.5s infinite;
}

#duelotak2 {
	position: absolute;
	bottom: 5%;
	right: 5%;

	width: 44%;
}

#textduelotak1 {
	position: absolute;
	left: 0; right: 0;
	top: 30%;
	margin: auto;

	width: 90%;
	color: #111;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
	ARTIKEL MEA
*/
#textmea1 {
	position: absolute;
	left: 0; right: 0;
	top: 35%;
	margin: auto;

	width: 90%;
	color: #fff;

	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#mea2{
	position: absolute;
	top: 35%;
	right: 0;
	left: 0;
	margin: auto;
	width: 90%;
}

/*
	ARTIKEL CANGKRUK SURABAYA
*/
#cangkruk1 {
	position: absolute;
	left: 3%;
	bottom: 26%;
	width: 23%;
}

#cangkruk2 {
	position: absolute;
	left: 27%;
	bottom: 26%;
	width: 21%;
}

#cangkruk3 {
	position: absolute;
	left: 49%;
	bottom: 27%;
	width: 26%;
}

#cangkruk4 {
	position: absolute;
	left: 78%;
	bottom: 27%;
	width: 16%;
}

#textcangkruk1 {
	position: absolute;
	left: 0; right: 0;
	bottom: 5%;
	margin: auto;

	width: 90%;
	color: #fff;

	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#textcangkruk2 {
	position: absolute;
	left: 0; right: 0;
	bottom: 2%;
	margin: auto;

	width: 90%;
	color: #fff;

	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
	ARTIKEL JURUSAN KURIKULUM DAN TEKNOLOGI PENDIDIKAN
*/
#kurikulum1 {
	position: absolute;
	top: 0; bottom: 0;
	left: -2%; right: 0;
	margin: auto;

	width: 77%;

	animation: floating 1.6s infinite;
}

#kurikulum2 {
	position: absolute;
	top: 42%;
	left: 0; right: 0;
	margin: auto;

	font-size: 0.5em;

	width: 100%;

	animation: floating 2.5s infinite;
}

#kurikulum3 {
	position: absolute;
	top: 5%; bottom: 0;
	left: 0; right: 0;
	margin: auto;

	width: 88%;

	animation: spinning 10s infinite linear;
}

#kurikulum4 {
	position: absolute;
	top: 5%; bottom: 0;
	left: 0; right: 0;
	margin: auto;

	width: 88%;

	animation: floating 2s infinite;
}

#textkurikulum1 {
	position: absolute;
	left: 0; right: 0;
	top: 27%;
	margin: auto;

	width: 90%;
	color: #111;
	font-size: 0.6em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
	ARTIKEL ISOKATIV
*/

#isokativ1 {
	position: absolute;
	top: 10%; bottom: 0;
	left: 0; right: 0;
	margin: auto;
	width: 65%;

	animation: spinning 15s infinite linear;
}

#isokativ2 {
	position: absolute;
	top: 5%;
	left: 5%; 
	margin: auto;
	width: 50%;

	animation: floatingxmed 3s infinite;
}

#isokativ3 {
	position: absolute;
	top: 14%;
	right: 9%; 
	margin: auto;
	width: 30%;

	animation: floatingxsmall 3s infinite;
}

#isokativ4 {
	position: absolute;
	bottom: 13%;
	right: 8%; 
	margin: auto;
	width: 15%;

	animation: floatingxsmall 3s infinite;
}

#isokativ5 {
	position: absolute;
	bottom: 8%;
	left: 14%; 
	margin: auto;
	width: 18%;

	animation: floatingxsmall 3s infinite;
}

#isokativ6 {
	position: absolute;
	top: 10%; bottom: 0;
	left: 0; right: 0;
	margin: auto;
	width: 70%;

	animation: pulse 1.3s infinite;
}

#isokativ7 {
	position: absolute;
	bottom: -5%; left: -5%;
	width: 50%;

	animation: floatingxmed 3s infinite;
}

#textisokativ1 {
	position: absolute;
	left: 0; right: 0;
	top: 23%;
	margin: auto;

	width: 90%;
	color: #111;
	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#textisokativ2 {
	position: absolute;
	right: 3%;
	top: 73%;

	width: 38%;
	color: #fff;
	font-size: 0.5em;
	text-align: right;
	letter-spacing: -0.1em;
}

/*
	ARTIKEL HMJ
*/
#texthmj1,
#texthmj2 {
	position: absolute;
	left: 0; right: 0;
	top: 65%;
	margin: auto;

	width: 90%;
	color: #111;
	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

/*
	ARTIKEL PROFIL SEKOLAH
*/
#textsmk1 {
	position: absolute;
	left: 0; right: 0;
	bottom: 5%;
	margin: auto;

	width: 90%;
	color: #111;
	font-size: 0.5em;

	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

#video-smkn1{
	position: absolute;
	top: 19%;
	margin: auto;
	left: 1%;
	right: 6%;
	width: 85%;
	height: 35%;
}

/*
	ULASAN TIm
*/
[id^='tim'] {
	position: absolute;
	width: 15%;
}

#tim1, #tim3 {
	top: 20%;
	left: 35%;
}

#tim2, #tim4 {
	top: 60%;
	left: 46%;
}