* {
  padding: 0px;
  margin: 0px;
  box-sizing: border-box;
  background-color: #e0e0e0;
  text-decoration: none;
}

body {
  display: grid;
  height: 100vh;
  text-align: center;
  align-content: start;
  grid-template-rows: auto 1fr auto;
}
body header {
  border-bottom: #008dd9 solid 10px;
}
body header * {
  background-color: #031e4a;
}
body header nav {
  display: grid;
  grid-template-columns: auto 1fr;
  text-align: center;
  align-items: center;
}
body header nav .logo img {
  width: 200px;
  margin: 15px;
  border: 1px solid white;
}
body header nav .vlajky p a {
  position: relative;
  top: 0px;
  transition: 0.2s;
}
body header nav .vlajky p a:hover {
  position: relative;
  top: -5px;
}
body header nav .vlajky p a img {
  width: 35px;
  height: 22px;
  border: 1px solid white;
}
body main nav {
  display: grid;
}
body main nav .slideshow-container {
  border-bottom: #008dd9 solid 10px;
  max-width: unset;
  position: relative;
  margin: auto;
}
body main nav .slideshow-container .mySlides {
  animation-name: fade;
  animation-duration: 15s;
  display: none;
}
@keyframes fade {
  0% {
    opacity: 0.8;
  }
  5% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
body main nav .slideshow-container .mySlides img {
  vertical-align: middle;
}
body main nav .slideshow-container .mySlides .text {
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", "Geneva", Verdana, sans-serif;
  font-size: 90px;
  padding: 8px 12px;
  position: absolute;
  top: 20px;
  width: 100%;
  text-align: center;
  color: white;
  text-shadow: 0px 0px 20px black;
  background: none;
}
body main nav .slideshow-container .mySlides .text * {
  background: none;
}
body main nav .slideshow-container .mySlides .numbertext {
  color: #f2f2f2;
  font-size: 30px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  font-family: "Lucida Sans", "Lucida Sans Regular", "Lucida Grande", "Lucida Sans Unicode", "Geneva", Verdana, sans-serif;
  background: none;
}
body main nav .content-container {
  display: grid;
  grid-template-columns: 1fr;
}
body main nav .content-container .container-normal {
  display: grid;
  grid-template-columns: auto auto;
}
body main nav .content-container .container-normal .container-noimg {
  display: grid;
  grid-template-rows: auto auto;
}
body main nav .content-container .container-normal .container-noimg .title1 {
  text-align: left;
  padding: 10px;
  padding-left: 100px;
  font-family: Verdana, "Geneva", Tahoma, sans-serif;
  font-size: 50px;
}
body main nav .content-container .container-normal .container-noimg .article1 {
  text-align: justify;
  padding: 10px;
  padding-left: 100px;
  padding-right: 500px;
  font-size: 25px;
  font-family: "Cambria", "Cochin", Georgia, Times, "Times New Roman", serif;
}
body main nav .content-container .container-reverse {
  display: grid;
  grid-template-columns: auto;
}
body main nav .content-container .container-reverse .container-noimg {
  display: grid;
  grid-template-rows: auto auto;
}
body main nav .content-container .container-reverse .container-noimg .title1 {
  text-align: right;
  padding: 10px;
  padding-right: 100px;
  font-family: Verdana, "Geneva", Tahoma, sans-serif;
  font-size: 50px;
}
body main nav .content-container .container-reverse .container-noimg .article1 {
  text-align: justify;
  padding: 10px;
  padding-right: 100px;
  padding-left: 500px;
  font-size: 25px;
  font-family: "Cambria", "Cochin", Georgia, Times, "Times New Roman", serif;
}
body main nav .content-container .container-reverse .container-img {
  justify-self: center;
  align-self: start;
}
body main nav .content-container .container-reverse .container-img hr {
  margin-top: 81.08px;
}
body main nav .content-container .container-reverse .container-img .img1 {
  max-width: 300px;
  height: auto;
  margin-top: 10px;
  margin-right: 100px;
}
body main nav .content-container .container-countries .title1 {
  text-align: center;
  padding: 10px;
  font-family: Verdana, "Geneva", Tahoma, sans-serif;
  font-size: 50px;
}
body main nav .card-container {
  padding: 40px;
  display: grid;
  gap: 50px;
  justify-content: center;
}
body main nav .card-container * {
  text-decoration: none;
  color: black;
  font-family: Verdana, "Geneva", Tahoma, sans-serif;
  font-weight: bold;
}
@media (min-width: 1535px) {
  body main nav .card-container {
    grid-template-columns: repeat(3, auto);
  }
}
@media (max-width: 1530px) {
  body main nav .card-container {
    grid-template-columns: repeat(2, auto);
  }
}
@media (max-width: 1050px) {
  body main nav .card-container {
    grid-template-columns: repeat(1, auto);
  }
}
body main nav .card-container .card {
  position: relative;
  top: 0px;
  opacity: 1;
  display: grid;
  grid-template-rows: 1fr auto;
  align-items: end;
  border-radius: 15px;
  transition-duration: 0.3s;
  height: 253px;
  width: 450px;
  background-size: 450px 253px;
  font-size: 20px;
  background-color: white;
}
body main nav .card-container .card:hover {
  position: relative;
  top: -20px;
  transition: 0.5;
}
body main nav .card-container .card:hover .descriptions {
  border-radius: 0px;
}
body main nav .card-container .card:hover .hover {
  display: grid;
  visibility: visible;
}
body main nav .card-container .card .descriptions {
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
}
body main nav .card-container .card .hover {
  display: none;
  visibility: hidden;
  background-color: white;
  border-radius: 0px 0px 10px 10px;
  padding: 10px;
  transition: 0.5s;
}
body main nav .card-container #albania {
  background-image: url(../media/vlajky/Flag_of_Albania.png);
}
body main nav .card-container #belgium {
  background-image: url(../media/vlajky/Flag_of_Belgium.png);
}
body main nav .card-container #bulgaria {
  background-image: url(../media/vlajky/Flag_of_Bulgaria.png);
}
body main nav .card-container #canada {
  background-image: url(../media/vlajky/Flag_of_Canada.png);
}
body main nav .card-container #croatia {
  background-image: url(../media/vlajky/Flag_of_Croatia.png);
}
body main nav .card-container #czechrepublic {
  background-image: url(../media/vlajky/Flag_of_Czech_Republic.png);
}
body main nav .card-container #denmark {
  background-image: url(../media/vlajky/Flag_of_Denmark.png);
}
body main nav .card-container #estonia {
  background-image: url(../media/vlajky/Flag_of_Estonia.png);
}
body main nav .card-container #finland {
  background-image: url(../media/vlajky/Flag_of_Finland.png);
}
body main nav .card-container #france {
  background-image: url(../media/vlajky/Flag_of_France.png);
}
body main nav .card-container #germany {
  background-image: url(../media/vlajky/Flag_of_Germany.png);
}
body main nav .card-container #greece {
  background-image: url(../media/vlajky/Flag_of_Greece.png);
}
body main nav .card-container #hungary {
  background-image: url(../media/vlajky/Flag_of_Hungary.png);
}
body main nav .card-container #iceland {
  background-image: url(../media/vlajky/Flag_of_Iceland.png);
}
body main nav .card-container #italy {
  background-image: url(../media/vlajky/Flag_of_Italy.png);
}
body main nav .card-container #latvia {
  background-image: url(../media/vlajky/Flag_of_Latvia.png);
}
body main nav .card-container #lithuania {
  background-image: url(../media/vlajky/Flag_of_Lithuania.png);
}
body main nav .card-container #luxembourg {
  background-image: url(../media/vlajky/Flag_of_Luxembourg.png);
}
body main nav .card-container #montenegro {
  background-image: url(../media/vlajky/Flag_of_Montenegro.png);
}
body main nav .card-container #netherlands {
  background-image: url(../media/vlajky/Flag_of_Netherlands.png);
}
body main nav .card-container #northmacedonia {
  background-image: url(../media/vlajky/Flag_of_North_Macedonia.png);
}
body main nav .card-container #norway {
  background-image: url(../media/vlajky/Flag_of_Norway.png);
}
body main nav .card-container #poland {
  background-image: url(../media/vlajky/Flag_of_Poland.png);
}
body main nav .card-container #portugal {
  background-image: url(../media/vlajky/Flag_of_Portugal.png);
}
body main nav .card-container #romania {
  background-image: url(../media/vlajky/Flag_of_Romania.png);
}
body main nav .card-container #slovakia {
  background-image: url(../media/vlajky/Flag_of_Slovakia.png);
}
body main nav .card-container #slovenia {
  background-image: url(../media/vlajky/Flag_of_Slovenia.png);
}
body main nav .card-container #spain {
  background-image: url(../media/vlajky/Flag_of_Spain.png);
}
body main nav .card-container #turkey {
  background-image: url(../media/vlajky/Flag_of_Turkey.png);
}
body main nav .card-container #unitedkingdom {
  background-image: url(../media/vlajky/Flag_of_United_Kingdom.png);
}
body main nav .card-container #unitedstates {
  background-image: url(../media/vlajky/Flag_of_United_States.png);
}
body footer {
  border-top: #008dd9 solid 10px;
}
body footer * {
  background-color: #031e4a;
}
body footer nav {
  display: grid;
  grid-template-columns: auto auto;
  color: lightgray;
  font-family: "Trebuchet MS", "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Arial, sans-serif;
}
body footer nav p {
  align-self: center;
  font-size: 20px;
}
body footer nav .footersocial {
  display: grid;
  grid-template-columns: auto;
  padding: 20px;
}
body footer nav .footersocial a {
  display: grid;
  grid-template-columns: auto auto;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5px;
  margin-left: 250px;
}
body footer nav .footersocial a img {
  width: 25px;
  margin-right: 5px;
}
body footer nav .footersocial a p {
  align-self: center;
  color: lightgray;
  text-align: center;
}/*# sourceMappingURL=style.css.map */