body::before{
  content: "";
  position: fixed;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-image: url(img/top_1.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
header{
  width: 100%;
  height: min(60px, 8.25309vh);
  background-color: rgba(255, 255, 255, 0.35);
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 min(18px, 4.34783vw) 0 min(6px, 1.44928vw);
  z-index: 1;
}
header>a{
  text-decoration: none;
  color: black;
}
h1,h2,p{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: weight;
  font-style: normal;
}
#container{
  padding-top: min(60px, 8.25309vh);
}
h2{
  width: 100%;
  height: min(53px, 7.29023vh);
  margin: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}
h2>p{
  display: block;
}
p{
  color: white;
}
.fs10{
  font-size: min(10px, 1.37552vh);
}
.fs12{
  font-size: min(12px, 1.65062vh);
}
.fs14{
  font-size: min(14px, 1.92572vh);
}
.fs16{
  font-size: min(16px, 2.20083vh);
}
.fs20{
  font-size: min(20px, 2.75103vh);
}
.fs24{
  font-size: min(24px, 3.30124vh);
}
.fs32{
  font-size: min(32px, 4.40165vh);
}
.fs36{
  font-size: min(36px, 4.95186vh);
}
.fs40{
  font-size: min(40px, 5.50206vh);
}
.mgb10{
  margin-bottom: min(10px, 1.37552vh);
}
.mgb15{
  margin-bottom: min(15px, 2.063274vh);
}
.mgb20{
  margin-bottom: min(20px, 2.75103vh);
}
.txalce{
  text-align: center;
}
.red{
  color: red;
}
.flex{
  display: flex;
}

#humbergermenu{
  height: 100%;
  width: min(50px, 12.077295vw);
  position: relative;
  z-index: 2;
}
#humbergermenu>span{
  position: absolute;
  width: min(50px, 12.077295vw);
  height: min(4px, 0.55021vh);
  background-color: white;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  transition: 0.5s;
}
#humbergermenu>span:first-of-type{
  width: min(65px, 15.70048vw);
  top: min(13px, 1.78817vh);
  transform: translateY(0);
}
#humbergermenu>span:last-of-type{
  width: min(40px, 9.66184vw);
  top: auto;
  bottom: min(13px, 1.78817vh);
  transform: translateY(0);
}
#humbergermenu.active>span:first-of-type{
  width: min(50px, 12.077295vw);
  top: 50%;
  transform: rotate(45deg);
}
#humbergermenu.active>span:nth-of-type(2){
  opacity: 0;
}
#humbergermenu.active>span:last-of-type{
  width: min(50px, 12.077295vw);
  top: 50%;
  bottom: auto;
  transform: rotate(-45deg);
}
#humbergermenu_content{
  text-align: center;
  width: 100vw;
  height: 100vh;
  top: min(60px, 8.25309vh);
  display: flex;
  flex-direction: column;
  /* justify-content: end; */
  position: fixed;
  transform: translateX(100%);
  transition: 0.5s;
  z-index: 2;
  background-image: url(img/top_1.png);
  background-size: cover;
  padding-bottom: 100px;
}
#humbergermenu_content>a>p{
  margin: min(15px, 2.063274vh) auto;
}
#humbergermenu_content.active{
  transform: translateX(-6px);
}

footer{
  padding: min(24px, 3.30124vh) min(24px, 5.7971vw);
  text-align: center;
  background-color: rgba(254, 254, 254, 0.35);
}
footer>a{
  display: block;
  margin-bottom: min(13px, 1.78817vh);
  color: inherit;
}
footer>a>p{
  color: black;
}
footer>p{
  font-weight: lighter;
  color: black;
}