* {
  font-family: 'Quicksand', sans-serif;
  font-family: 'Source Sans Pro', sans-serif;
  margin: 0;
  padding: 0;
}
.header {
  color: rgb(124, 114, 114);
  background-color: white;
  font-size: 10px;
  padding: 23px;
  text-decoration: none;
  position: relative;
}
.header h1 {
  display: inline;
  font-size: 15px;
  color: rgb(124, 114, 114);;
}
.header p {
  display: inline;
  font-size: 15px;
  color: rgb(124, 114, 114);;
}
.header i {
  display: inline;
  padding-left: 30px;
  font-size: 15px;
  color: rgb(124, 114, 114);;
}
.header a {
  text-decoration: none;
  color: rgb(124, 114, 114);;
}
.banner {
  background-image: url(https://www.aspfaqs.com/wp-content/uploads/2021/10/pankaj-patel-_SgRNwAVNKw-unsplash-1.jpg);
  background-size: cover;
  background-position: center center;
  height: 550px;
  width: 100%;
  filter: blur(2px);
}
.banner:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 7;
  z-index: -1;
}
.text {
  position: absolute;
  margin-top: 125px;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 45%;
  padding: 40px 0;
  text-align: center;
  background-color: white;
  color: #fff;
  font-weight: bold;
  border-radius: 10px;
}
.text h1 {
  font-size: 80px;
  color: rgb(49, 47, 47);
}
.text h2 {
  font-size: 80px;
  margin-top: 20px;
  color: rgb(64, 64, 255);
}
.kocka {
  background-image: url(https://media.npr.org/assets/img/2021/08/11/gettyimages-1279899488_wide-f3860ceb0ef19643c335cb34df3fa1de166e2761-s1100-c50.jpg);
  background-size: cover;
  background-position: center center;
  height: 250px;
  width: 500px;
  margin-top: 200px;
  margin-left: 1000px;
  border-radius: 10px;
}
.neco {
  border-radius: 10px;
  padding: 60px 0;
  position: absolute;
  margin-top: 215px;
  margin-left: 600px;
  max-width: 500px;
}
.popis {
  border-radius: 10px;
  background-color: rgb(243, 240, 240);
  padding: 60px 0;
  position: absolute;
  margin-left: 787px;
  text-align: center;
  margin-top: 100px;
}
.popis h3 {
  margin-top: 20px;
}
.popis p {
  margin-top: 10px;
}
.footer {
  color: black;
  background-color: rgb(243, 240, 240);
  padding: 12px;
  text-align: center;
  bottom: 0;
  left: 0;
  margin-top: 700px;
}