@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;1,100&display=swap');
html{ 
    overflow-x: hidden; 
    /* background:
      linear-gradient(217deg, rgb(228, 235, 140), rgba(255,0,0,0) 70.71%),
      linear-gradient(127deg, rgba(72, 171, 217, 0.8), rgba(0,255,0,0) 70.71%),
      linear-gradient(336deg, rgba(255, 145, 0, 0.8), rgba(0,0,255,0) 70.71%); */
}
body{
    /* background-color: rgb(246, 204, 180); */    
    /* background: linear-gradient(to bottom,#e9c69c 20%,#8c88a8,#e9c69c); */
  
background: linear-gradient(to bottom, #e9c69c 24%,#e9c69c 32%,#8c88a8 69%,#e9c69c 100%);
/* background: */

      /* linear-gradient(336deg, rgba(255, 145, 0, 0.8), rgba(0,0,255,0) 70.71%),
      linear-gradient(127deg, rgba(1, 36, 110, 0.8), rgba(0,255,0,0) 70.71%),
      linear-gradient(336deg, rgba(247, 210, 160, 0.8), rgba(0,0,255,0) 70.71%); */
      
}

/* header */
#header_img{
    display: inline-block;
    margin: -8px;     

}
/* main info */
#main_page{
    justify-content:center;
    /* background-color:  rgb(252, 225, 206); */

    margin-left: 10%;
    margin-right: 10%;
    

}
#text_heading{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 36px;
    color: rgb(33, 33, 33);   
    margin: 0%;
    padding: 5%;
    text-align: center;
}
#text_meeting{
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 24px;
    margin-top: -3%;
    text-indent:20px;  

    color: rgb(30, 29, 29);
    text-align: justify;
    padding-left: 5%;
    padding-right: 5%;
}
#form{
    text-align: center;
    height: 1300px;    
}
#form_block{
    margin: 30px 0;    
}
/* footer */
#footer_img{        
    margin-bottom: -22px;
    margin-left: -19px;
    margin-right: -19px;
}
#pre_footer_text{
    text-align: center;
    color: rgb(0, 0, 0);
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size: 22px;
    /*font-style: italic;*/
    padding: 5%;
}

/*media-queries */

/* @media screen and (max-width:960px) {
    #main_page{
        margin: -1%;
    }
    #pre_footer_text{
        font-size: 99%;
    }
} */
@media screen and (orientation: landscape) {
    #main_page{
        margin: -1%;
    }
}