html{
  scroll-behavior: smooth;
}

*{
  box-sizing: border-box;
}

body{
  font-family: noto;
  margin:0;
  background: var(--color0);
  height:100%;
  width:100%;
}

a{
  text-decoration: none;
}

.blur{
  filter:blur(3px);
}

.container{
  display:flex;
  flex-direction: column;
  min-width: 1200px;
  width:100%;
  height:100%;
  overflow-x: hidden;
  transition: 0.3s;
}

.container::before{
  content:"";
  width:100%;
  height: 100%;
  position:fixed;
  left:0;
  top:0;
  background: url('../images/background/bg.jpg');
  background-size: cover;
  z-index: 1;
}

.container>*{
  z-index: 2;
}

.section{
  width:100%;
  height:100%;
  border-bottom:solid 2px rgba(255,255,255,0.1);
  padding-top: 80px;
  padding-bottom: 5vmin;
  display:flex;
  flex-direction: column;
  align-items: center;
}

.section_title{
  font-size:clamp(25px, 5vmin, 40px);
  text-align:center;
  max-width: 1500px;
  width:100%;
  padding:0 5%;
  color:var(--color3_2);
  font-weight: bold;
  margin-bottom: 5vmin;
}

.content_width{
  width:100%;
  max-width: 1500px;
  padding:0 5%;
}

.button{
  transition:0.2s;
  cursor:pointer;
}

.button:hover{
  transform: translateY(-5px);
  filter:drop-shadow(0 10px 5px var(--color6));
}


.fontsize1{
  font-size:clamp(11px, 3vmin, 14px);
}

.input_container{
  display: flex;
  align-items: center;
  margin-bottom: 3vmin;
}


.input_container input{
  width:100%;
  font-size:clamp(12px, 3vmin, 15px);
  padding:3%;
  border:none;
  border-radius: 3px;
  background: rgba(255,255,255,0.8);
  transition: 0.3s;
}

.input_container input:focus{
  background: white;
  outline:none;
}

.code_input img{
  height:5vmin;
  min-height: 30px;
  margin-left: 2vmin;
}

.submit_btn{
  width:100%;
  min-width: 100%;
  background: linear-gradient(#1883b4 55%, #18a8e2 56% ,#5bcef8);
  border:none;
  font-size:clamp(14px, 4vmin, 18px);
  padding:1vmin;
  border-radius: 2px;
  font-weight: bold;
}


.footer{
  background: var(--color1_3);
  display:flex;
  align-items: center;
  justify-content: space-between;
  padding:1vmin 2vmin;
  color:white;
}

.footer img{
  width:35%;
}