body {
    margin: 0;
    padding: 0;
}
.container {
    position: relative;
    width: 100%;
    height: 100%;
    scroll-behavior: smooth;
    scrollbar-color: white black;
    overflow: auto;
    scroll-snap-type: y mandatory;
    color: white;
    font-family: Verdana;

}

.button {
  background-color: gold;
  width: 140px;
  border: 15px solid gold;
  padding: 10px;
  margin: 10px;
  border-radius: 2%;
text-align: center;

}

img {
  border-radius: 2%;
}

.section {
    position: relative;
    width: 100%;
    height: 100%;
    background-size:  cover;
    scroll-snap-align: start;
    gap: 50px;
}
.section:nth-child(1) {
}
   
.section:nth-child(2) {
   
}
.section:nth-child(3) {
    
}
.section:nth-child(3) {
    
}
.section:nth-child(4) {
    
}
.section:nth-child(5) {
    
}
.section:nth-child(6) {
    
}
.section:nth-child(7) {
    
}
.section:nth-child(8) {
    
}
.section:nth-child(9) {
    
}

.left {
 	position: absolute;
  	top: 5%;
  	left: 0%;
	text-align: right;
	color: black;
	width: 50%;
}
.right {
 	position: absolute;
  	top: 5%;
  	left: 50%;
	text-align: left;
	color: white;
	width: 50%;
  font-size: xx-large;
}

.center {
	text-align: center;
	color: white;
	width: 100%;
}

.text_block_1 {

  position: absolute;
  top: 5%;
  left: 0%;
  background-color: black;
  opacity: 1;
  color: white;
  padding-left: 1%;
  padding-right: 1%;
  width: 48%;
  text-align: right;

}

.text_block_2 {
  position: absolute;
  top: 5%;
  left: 0%;
  text-align: center;
  background-color: black;
  opacity: 1;
  color: white;
  padding-left: 1%;
  padding-right: 1%;
  width: 100%;
  
}

.text_block_3 {
  position: absolute;
  top: 5%;
  left: 55%;
  text-align: left;
  background-color: black;
  opacity: 1;
  color: white;
  padding-left: 1%;
  padding-right: 1%;
  width: 43%;
  
}

.text_block_4 {
  position: absolute;
  top: 5%;
  left: 5%;
  text-align: center;
  background-color: black;
  opacity: 1;
  color: white;
  padding-left: 1%;
  padding-right: 1%;
  width: 100%;
  
}

#flag {
    width: 99px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    border: 1px solid #bbb;
    margin: 10px;
    position: relative;
    background: #fff;
}

#flag:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    background: #000091;
    width: 33%;
    z-index: 4;
}
#flag:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    background: #E1000F;
    width: 33%;
    z-index: 4;
}

#flag h1 {
    position: relative;
    font-size: 12px;
    color: #999;
    z-index: 16;
}