/*-----------------------------------------------------------------------------------

Author:plastikfantastik
Author URL:http://www.plastikfantastik.net/

-------------------------------------------------------------------------------------
 
Site Colors
	
f55c25 - linkz
cecece - border za fotke

006699 - TMP

------------------------------------------------------------------------------------ */

/* apply a natural box layout model to all elements */
*, *::after, *::before {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

/*
PAZI:
::before i ::after imaju dvoje dvotochke!


sredi dio za img clearere! ovisi koliko imaš fotki u redu, defalt je 3, potraži

.galerijaC figure = ex .galerijaC .galerijaItem {
*/

/* eric meyer reset, v2.0 | 20110126 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, /* sub, sup, */ tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } /* HTML5 display-role reset for older browsers */
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote::before, blockquote::after, q::before, q::after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
/**/
body{ -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}  /* Prevent Webkit and Windows Mobile platforms from changing default font sizes, while not breaking desktop design. */ 

/* ! ///// START ///// */
html {
	font-size:62.5%;
}
body {
	width:100vw;
	height:100vh;
	background:url(bck.svg) no-repeat 50% 50%;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	display:flex;
	align-items:center;
	justify-content:center;		
}
a#logo {
	background:url(pflab_logo.svg) no-repeat 0 0;
	width:251px;
	height:155px;
	display:block;
}
a#logo span {
	display:none;
}

a#logo {
	animation-name:anim-pulse;
	animation-duration:5s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-direction:normal;
	animation-fill-mode:forwards;
	animation-play-state:running;	 	
}
@keyframes anim-pulse {
	0% {
		opacity:0;
	}
	100% {
	   opacity:0.77;
	}
}