@charset "UTF-8";
@import "fonts/technika/Technika-Regular.css";
@import "fonts/technika/Technika-Bold.css";
@import "fonts/technika/Technika-BoldItalic.css";
@import "fonts/technika/Technika-Italic.css";
@import "fonts/technika/Technika-Light.css";
@import "fonts/technika/Technika-LightItalic.css";


* {
	font-family: TechnikaLight;
}

.main {
	width: 100%;
	text-align:center;
}

p,td,th {
	font-size: 14px;
}

table {
	border-collapse: collapse;
	display: inline-block;
}

th, td {
	vertical-align: top;
	text-align: left;
	padding: 10px;
	border: 1px solid #00a651;
}

th {
	background-color: #a3d39c;
	border: 1px solid #00a651;
	color: #000;
}
h1 {
	font-size: 30px;
	padding-top:40px;
	padding-bottom: 20px;
}
h2 {
	font-size: 16px;
}

.udev {
	padding-top: 80px;
	display: inline-block;
}

.swing {
    animation: swing ease-in-out 1.5s infinite alternate;
    transform-origin: center -40px;
    float:left;
    box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
    z-index: 10;
}
.swing img {
    border: 5px solid #f8f8f8;
    display: block;
}

.swing:after{
    content: '';
    position: absolute;  
    width: 40px; height: 40px;  
    border: 1px solid #735b55;
    top: -22px; left: 40%;
    z-index: 5;
    border-bottom: none;
    border-right: none;
    transform: rotate(45deg);
}

.hrebik {
    background-image: url('hrebik.jpg');
    position:relative;
    width: 40px; height: 40px;
    top: -4px;left: 39%;
    z-index: 0;
}
 
@keyframes swing {
    0% { transform: rotate(2deg); }
    100% { transform: rotate(-2deg); }
}