/*sablona pre index.html*/
.nadpiss {font-size: 4em;
        font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
       color: firebrick;
       font-weight: 400;}

body{background-color: blanchedalmond;
       background-image: url(rozbitastenapozadie.jpg); 
       background-attachment:fixed;
       }

header{display: flex;
       justify-content: space-between;
       }
main{color:black; font-family: 'Times New Roman', Times, serif;
       font-size: 3em;
       font-weight:300;
       }
nav> a{ text-decoration: none; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;font-size: 1em;
color: black;font-size: 2em;
border-right: solid 3px black;
padding-right: 5px;
}
@media( max-width: 480px){header {display:inline;}
nav{ display: flex;
       flex-direction: column ;}
nav> a {border: solid 2px black}
}
nav > a:hover {
  background-color: black;
  color: white;}




.kontajner{display: flex; 
       justify-content: space-between;
       align-items:center;
       gap: 3px;
       padding:20px; 
}
       
.obrazok{ width: 22%;   
       height: auto;
       margin-left: 40px;
       border: 4px solid white;
  border-radius: 10px; 
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }

  .socials{color:firebrick; 
       font-family:'Times New Roman', Times, serif;
        width: 50%
        ;border: 2px solid rgb(53, 53, 53);
  border-radius: 10px; font-weight: bold;          
  padding: 20px;
  background-color: rgba(129, 129, 129, 0.841);
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);text-align: center;
}
  .obal{display: flex; 
       flex-direction: column;
        gap:20px; 
       justify-content: space-around;}
.nazovpodstranky{ text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);}
.obrazok2{width: 80%;
height:auto;
border-radius: 10px; 
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3); }
 
.obrazok3{width:20%; height:auto}
.kontajnery {
  display: flex;
  flex-direction: column;
  align-items: center; 
  gap: 30px;            
  width: 100%;
  padding: 20px 0;
}


.kariera1 {
  width: 80%;
  max-width: 900px;
  background-color: rgba(129, 129, 129, 0.841);
  border: 2px solid rgb(53, 53, 53);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: black;flex-direction: column;align-items: center;text-align: center;
}
.tabulka {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  background-color: rgba(200, 200, 200, 0.15);
  box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.3);
  border: 2px solid rgb(53, 53, 53);
  border-radius: 10px;
  overflow: hidden;
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: black;
}

.tabulka th,
.tabulka td {
  padding: 15px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.tabulka thead {
  background-color: rgb(129, 129, 129);
  color: rgb(0, 0, 0);
  font-size: 1.2em;
}
@media (max-width: 480px) {
  .tabulka {
    font-size: 0.9em;
  }
}

.kariera2 {
  width: 80%;
  max-width: 900px;
  background-color: rgba(129, 129, 129, 0.841);
  border: 2px solid rgb(53, 53, 53);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: black;flex-direction: column;align-items: center;text-align: center;font-size: 2em ;
}