*{
	margin: 0px;
	padding: 0px;

}

body{
	text-align: center
}

div{
	width: 90%;
	border: 5% solid #2f3946;
	height: 60%;
	background: #3e416e;
    margin: 2% auto;
    padding: 5% ;
    border-top-left-radius: 20% 15%;
	border-top-right-radius: 20% 15%;
	border-bottom-left-radius: 20% 15%;
	border-bottom-right-radius: 20% 15%;

}

.switch{
	width: 80%;
	margin: 1% 0%;
	padding-top: 2%;
	padding-bottom: 4%;
    border-top-left-radius: 25% 30%;
	border-top-right-radius: 25% 30%;
	border-bottom-left-radius: 25% 30%;
	border-bottom-right-radius: 25% 30%;
	border: 10% solid #17202A;
    box-shadow: rgb(150, 150, 150) 10px 10px 10px;
    font: bold 20px verdana, sans-serif;

}

h1{
	font: bold 20px verdana, sans-serif;
	background: #A04000 ;
	border-radius: 25px;
	width: 80%;
	margin-left: 10%;
	border: 4px solid #A59BB4;
	text-align: center;
    padding: 3%;
    color: #F7DC6F ;
}

.horizontal{
	width: 90%;
    display: flex;
    flex-direction: row;
    gap: 10px; /* Espacio entre botones */
  } 

.btn_horizontal_1{
	width: 50px;
	height: 45px;
    border-radius: 50%;
	border: 10% solid #17202A;
    box-shadow: rgb(150, 150, 150) 10px 10px 10px;
    font: bold 20px verdana, sans-serif;
	background: #8A0A30;
	color: #BDF229;	
}  

.btn_horizontal_2{
	width: 180px;
	height: 45px;
    border-top-left-radius: 25% 30%;
	border-top-right-radius: 25% 30%;
	border-bottom-left-radius: 25% 30%;
	border-bottom-right-radius: 25% 30%;
	border: 10% solid #17202A;
    box-shadow: rgb(150, 150, 150) 10px 10px 10px;
    font: bold 20px verdana, sans-serif;	
}