.container{
    width: 90%;
    margin: 0 auto;
    padding: 20px;
    overflow-x: hidden;
    max-width:1200px;
    box-sizing: border-box;
}
.content{
    display: grid;
    grid-template-columns: 1fr;
    gap:20px;
    width: 100%;
    max-width:1200px;
    margin:0 auto;
}

body {
    font-family: 'Montserrat', sans-serif;
    background-color: #f0e9e5;
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.base_image {
    width: 100%;        
    max-width: 95%;     
    height: 75%;         
    aspect-ratio: 16/9;  
    border-radius: 10px;
    display: block;         
    margin: 0 auto;         
    object-fit: cover;      
}
.base_image_text{
  background-image:url('../img/welcome_page_theme.jpg');
  background-position: center;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  color: #f0e9e5;
  width: 90%;        
  max-width: 90%;     
  height: 65%;         
  aspect-ratio: 16/9;  
  border-radius: 10px;     
  margin: 0 auto;         
  object-fit: cover;   
  display: flex;
  justify-content: center;
}

.base_inputs{
    height: 11%;
    width: 85%;    
    background-color: #F0E9E5;  
    color: #665448;    
    padding: 2%;
    border: 1px solid #ccc;
    border-radius: 15px;
    box-sizing: border-box;    
    font-family: 'Montserrat', sans-serif;
    font-size: clamp(0.6rem,2vw,2rem);
    text-align: center;      
    margin: 5% 5% 5% 5%;
}
.base_btn{
    height: 10%;
    width: 55%;    
    background-color: #F0E9E5;  
    color: #665448;    
    border: 1px solid #ccc;
    border-radius: 15px;
    box-sizing: border-box;    
    font-family: 'Montserrat', sans-serif;
    font-size: 1.8vw;
    text-align: center;      
    margin: 2% 2% 0 2%;
}

.text{
    font-size: clamp(1rem,2vh,2rem);
}
@media(min-width:320px){
    .base_inputs{
        font-size: clamp(0.5rem,0.8rem,1rem);
    }
    .base_btn{
        font-size: 1vw;
    }
}
@media(min-width:800px){
    .base_inputs{
        font-size: clamp(1rem,1.5rem,2rem);
    }
    .base_btn{
        font-size: 2vw;
    }
}
@media(min-width:1000px){
    .base_inputs{
        font-size: clamp(1rem,1.2rem,1.5rem);
    }
    .base_btn{
        
    }
}