.body {
  background-color: #fff4e1;	
}

.container {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  background-color: #fff4e1;
  padding-bottom: 20px;
}

.containerend {
  display: grid;
  align-items: center;
  grid-template-columns: 1fr;
  background-color: #fff4e1;
  padding-bottom: 20px;
  margin-right: 20%;
  margin-left: 20%;
  margin-top: 15%;
}

.panel1 {
	z-index: 0;
	}
.panel2 {
	z-index: 1;
	}
.panel-latent {
	visibility: hidden;
	height: 0px;
	}
.panel-active{
	visibility: visible;
	}	
.img {
	max-width: 100%;
	}
.button-latent {
	visibility: hidden;
	height: 0px;
	}
.button-active {
	visibility: visible;
    	z-index: 2;
    	font-family: blambot-fx-pro, sans-serif;
    	font-weight: 400;
    	font-style: normal;
    	font-size: 30px;
    	color: #cf691b;
    	background-color: transparent;
    	border: transparent;
    	cursor: pointer;
	text-decoration: none;
	}

.fakebutton {
	color: #8c0017;
	cursor: default;
	pointer-events: none;
	}

.button-active:hover {
	color: #8c0017;
	}

a {
	margin: auto;
	}

p {
	visibility: visible;
    	z-index: 2;
    	font-family: blambot-fx-pro, sans-serif;
    	font-weight: 400;
    	font-style: normal;
    	font-size: 30px;
    	color: #8c0017;
	text-align: center;
	margin: unset;
	margin-bottom: 20px;
	}

.heading {
	font-family: blambot-fx-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 45px;
.div1 {
	}
.div2 {
	position: absolute;
	z-index: 0;
	}
.div3 {
	position: relative;
	z-index: 1;
	}
.selectiondiv {
	position: relative;
	}