@font-face {
    font-family: BotanikaLite;
    src: url(fonts/BotanikaMono-3-Lite_0.otf);
}

:root {
  --naranja: #E27058;

}



body{margin 0px; background: url(img/_MG_6323.jpg); background-size: cover; background-repeat: no-repeat;  padding: 0px; overflow-y: hidden; font-family: "BotanikaLite";}
#LogoIndex{position: absolute; width: 300px; margin-left: auto; margin-right: auto; left: 50%; top:50%; -ms-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}


/*menu*/
	.respmenu a {
  color: inherit;
  text-decoration: none;
  display: block;
  padding-left: 0px; padding-top: 20px; 
  max-width: 200px;
  background: #060606;
  font-variant: small-caps;
  text-shadow: 1px 1px black;
}
.respmenu input[type="checkbox"], .respmenu .fa-bars, .respmenu .fa-times {
  position: absolute;
  box-sizing: border-box;
  color: #E27058;
  margin: 0;
  padding: 0;
  right: 10px;
  top: 10px;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.respmenu .fa-bars, .respmenu .fa-times {font-size: 48px; pointer-events: none;}
.respmenu input[type="checkbox"] {opacity: 0;}

.respmenu {
  color: white;
  position: relative;
  min-height: 48px;
  height: 100vh;
  width: 300px;
  margin-right: -8px;
  float: right;

}

.respmenu::after{clear: float}
.respmenu nav {display: none;}
.respmenu nav ul{list-style: none;} 
.respmenu nav ul li{text-align: left;}
.respmenu nav ul li:hover{color: var(--naranja)}
.respmenu input:checked ~ nav {display: block;}
.respmenu input:checked ~ .fa-bars {display: none;}
.respmenu input:not(:checked) ~ .fa-times {display: none;}

#MenuLateral{width: 100%; height:101vh; background-color: #060606; margin-top:-20px; margin-right: -30px padding-top:50px;}
.divisorMenu{color: #fff; width: 200px; display: inline-block; }
.icons, .fa-instagram, fa-tiktok{color: #E27058; width: 50px; height: 40px}