/*
Main CSS
Name: Tomislav Bartolic
Date: 7.10.2020.
Project: 24 sata - Zadatak 1 - HTML JS Forma
*/

html {
    height: 100%;
    width: 100%;
}
body {
  height: 100%;
  width: 100%;
  /*background-image: url('../images/bg.png');
  background-size: cover;*/
  background-color:#cccccc;
}
.container{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.center{
  width: 100%;
}
/*forma*/
p.tekst{
  display:block;
  margin-bottom:5px;
  font-size:16px;
  font-weight:bold;
  color:#0A3C5D;
}
label{
  display:block;
  margin-bottom:5px;
  font-size:16px;
  font-weight:bold;
  color:#0A3C5D;
}
.form-check input[type="radio"] {
  display: none;
}
.form-check label{
  cursor: pointer;
  display: inline-block;
  border:2px solid #ffffff;
  border-radius: 5px;
  width: fit-content;
  margin: 20px;
}
.form-check label:hover{
  border:2px solid #0A3C5D;
}
 .form-check input[type="radio"]:checked+label {
  border:2px solid #cc3333;
}
.slika{
  width: 80px;
  border-radius: 5px;
}
input[type=text] {
  width:100%;
  display:block;
  padding:10px 15px;
  margin-bottom:50px;
  border-radius:0px;
  outline: 0;
  border-width: 0 0 2px;
  border-color: #0A3C5D;
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  color: #0A3C5D;
  background: transparent;
}
textarea {
  width:100%;
  display:block;
  overflow:hidden;
  height: 40px;
  padding:10px 15px;
  margin-bottom:50px;
  border-radius:0px;
  outline: 0;
  border-width: 0 0 2px;
  border-color: #0A3C5D;
  font-size: 16px;
  line-height: 20px;
  height: 40px;
  color: #0A3C5D;
  background: transparent;
}
input:focus {
  border-color: #0A3C5D;
}
textarea:focus {
  border-color: #0A3C5D;
}
button#ObjaviBtn{
  margin-top:20px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #00AED0;
  border:none;
  padding: 12px 50px;
} 
button#ObjaviBtn:focus{
  outline: none;
  border:0px;
  box-shadow:none;
}
/*prikaz*/
#prikazIme{
  color: #0A3C5D;
  font-size: 20px;
  text-transform: uppercase;
  margin: 0;
}
#prikazUlog{
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
}
#prikazNaljepnica{
  height: 400px;
  width: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 40px;
  border: 15px solid #00AED0;
  border-radius: 10px;
}