@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

body {
	background:#092c41;
	font-family: 'Kanit', sans-serif;
}


.login {
    position:absolute;
    width:330pt;
    height:100pt;
    left:50%;
    top:50%;
    margin-left:-165pt;
    margin-top:-80pt;
	text-align:center;
}

.login h1 {
		font-size:60pt;
		margin:0;
		padding:0;
		font-family: 'Bangers', sans-serif;
		color:#fff;
		text-shadow:5px 5px 0px rgba(0,16,25, 0.7);
	}

.login p {
		font-size:12pt;
		margin:0;
		padding:0;
		font-family: 'Kanit', sans-serif;
		color:#bce1f8;
	}

.login .container {
	width:330pt;
	background:#092c41;
	border-radius: 25px;
	overflow:hidden;
	clear:both;
	padding:20pt;
}

	.login input {
		float:left;
		margin:0;
		padding:0;
	}

		.login input.text {
			width:250px;
			height:35pt;
			padding:2pt 0 3pt 15pt;
			background:#c7e5f7;
			border:none;
			font-size:15pt;
			border-radius:10pt 0 0 10pt;
		}
		
			.login input:focus,
			.login input:active,
			::-moz-focus-inner
			{
				border:none;
				box-shadow: none;
				outline: none;
			}

		.login input.button {
			width:120px;
			height:40pt;
			background:#00d8ff;
			border:none;
			font-size:15pt;
			font-weight:bold;
			color:#fff;
			border-radius:0 10pt 10pt 0;
		}


.files {
	margin:50pt auto 0 auto;
	text-align:center;
	width:700pt;
}

	.files h1 {
			font-size:40pt;
			margin:0;
			padding:0;
			font-family: 'Bangers', sans-serif;
			color:#fff;
		}


	.files p {
		font-size:20pt;
		color:#fff;
		text-decoration:none;
		margin:0 0 20pt 0;
		padding:0;
	}

	.files a {
		font-size:15pt;
		color:#fff;
		text-decoration:none;
	}

	.files .riadok {
		background-image: url('icon-download-white.png'), linear-gradient(0.25turn, #032f55, #125085);
		background-position:10px 50%, -10px 50%; 
		background-repeat: no-repeat, repeat;
		background-attachment:relative;
		padding:10pt 20pt 10pt 35pt;
		margin:0 0 5px 0;
		border-radius: 5px;
		text-align:left;
		box-sizing: border-box;
		overflow:hidden;
		clear:both;
	}
	
		.files .riadok .left {
			float:left;
		}
	
		.files .riadok .right {
			float:right;
		}
	
		.files .riadok:hover {
			background-image: url('icon-download-black.png');
			background-position:20px 50%; 
			background-repeat: no-repeat;
			background-attachment:relative;
			background-color:#e5eef0;
			border-radius: 5px;
			padding:10pt 20pt 10pt 45pt;
			color:#000;
		}

	input.odhlasit {
		margin:20pt 0 0 0;
		padding:0 20pt 0 20pt;
		height:40pt;
		background:#00d8ff;
		border:none;
		font-size:15pt;
		font-weight:bold;
		color:#000;
		border-radius:10pt;
	}
	
		input.odhlasit:hover {
			background:#8bedff;
		}