/* Postavljanje margina i padinga svih elemeanta na nulu univerzalnim selektorom zvjezica */
* {
    margin: 0;
    padding: 0;
    /* box-sizing: border-box; */
  }
  

/* Postavljanje fonta, prikaza, smještaja i boje za kompletni body */
body {








    height: 100vh;
  

  padding: 5px;
    font-family: 'ARIAL', sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    
background-color: #959d91;


background-image:    url(images/zagvozd.png);
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center; 
    object-fit: cover;







  }
  
  
  .card {
   

height: 100vh;

    display: flex;
flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
   
    border-radius: 0px;

  }


    










  .flex-item-left {
    flex: 25%;
  }
  
  .flex-item-right {
    flex: 25%;
  }


  @media (max-width: 800px) {
     .flex-item-right, .flex-item-left {
      flex: 100%;
    }
  }



.tekst{
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
   
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 7px;
    border: 2px solid #fc6630;
    outline: none;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0 5px #666;


    font-size: 16px;
    font-style: normal;
background-color: aliceblue;

margin-left: 20px;
margin-right: 20px;




}

















  
  
  
 

  /* Klasa za input text unutar login klase (elementa) */
  .dugme {
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;
    width: 200px;
    height: 80px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 5px 10px;
    border-radius: 7px;
    border: 2px solid #fc6630;
    outline: none;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.75);
background-color: #2f77a7e7;
    box-shadow: 0 5px #666;
    transform: translateY(4px);
  }



  .dugme:active {
    transform: scale(0.98);
    /* Scaling button to 0.98 to its original size */
    box-shadow: 3px 2px 22px 1px rgba(0, 0, 0, 0.24);
    /* Lowering the shadow */
}








  .slova-dugme {
    font-size: 20px;
    font-style:normal;
    color: rgb(28, 3, 3);
    


  }
  .gzs{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 75px;
    height: auto;

 

    
  }