/* html fix */
*{
    margin: 0%;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

/* nav */
nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
    margin: 2%;
}

body{
    overflow-x: hidden;
}


li { 
    list-style: none; 
    font-size: 1.5rem;
}  

.menu {
    text-decoration-line: none; 
    color: #726658; padding: 20;
}


.menu:hover {
    color: #eec995;
}

ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
}



/* heading in the web */
h1 { 
    color:#726658; 
    font-size: 2.5rem;
    padding-left: 15px;
    font-family: 'Actor', sans-serif;
    padding-top: 15px;
}


/* hero */
.overlay {
    background-image: url('../images/main\ image.png');
    background-size: cover;
    height: 80vh;
    display: flex;
    flex-direction: column; 
    align-items: start;
    justify-content: center;
}

/* droping arrow */
.dropimg {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
  }
  .arrow {
    width: 40px;
    height: auto;
  }
  section {
    position: relative;
  }
/* about section */
.about { 
    background-color: #FFF2E0;
} 


p {
    color: #726658;
    font-size: 1.3rem;
    margin: 2%;
    font-family: 'Gotu',sans-serif;
    width: 100%;
}
/* flex image and test */
.aboutimage {
    display: flex; flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.image {
    margin-right: 20%;
}
       
/* main speakers section */

h2 {
    font-family: 'actor',sans-serif;
    font-size: 1.9rem;
    color: #726658;margin: 2%;
}
#speakers{
    margin-bottom: 30px;
}
.infoSpeakers {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin: 2%;
    text-align: start;
    column-count: 3;
    column-gap: 0%
}
/* speakers images  */
 .row{ 
    display: flex;
    justify-content: space-between; 
    width: 100%;
    height: 75%;
}

.thumbnail{
    width: 100%;
    height: 100%;
    background-position: top;
    background-repeat: no-repeat;
}

/* images */
#img1{
    background-image: url('../images/speaker1.png');}
#img2{
    background-image: url('../images/speaker2.png');}
#img3{
    background-image: url('../images/speaker3.png');}


/* register section */

#now {
    background-color: #FFF2E0;
} 
/* titles of the input  */
#input {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-start;
} 
/* empty div flex placement  */
.emptydiv {
    color: white; margin: 20px;
    background-color: white;
    padding: 20px 60px;
    border-radius: 10px; width: 45;
} 


#empty {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content:flex-start;
}
/* submit button */
.button {
    margin: 10px;
    background-color: white;
    padding: 15px 35px;
    color: #726658;
    text-decoration-line: none;
    border-radius: 10px; 
    width: 55;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
} 

.button:hover {
    background-color:#FFF2E0;
    color: white;
} 

.submit { 
    text-decoration-line: none;
    color: #726658;
    margin-right: 3px;
}
    /* gallery */
.galleryimg { 
    margin: 1.5%;
    width: 100%;
    height: 100%;
}
/* arrow going to the top */
.goingup {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 10;
} 

/* footer */
.footertitle {
    font-size: 1.5rem;
    color: #726658;display: flex;
}
.quick {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding-bottom: 0%;
}
.list {
    font-size: 1rem;
    color: #726658;
    font-family: 'guto', sans-serif;
    padding-left: 2%;
    text-decoration: none;
}
.list:hover {
    color: #eec995;
}
.footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:space-around; 
    width: 33.33%;
}

.allfooter {
    display: flex;
    flex-direction: row;
}
/* register button */
.button2 {
    margin: 10px;
    background-color:#FFF2E0;
    padding: 15px 35px;
    color: #726658;
    text-decoration-line: none;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.button2:hover {
    background-color:white ;
    color: white;
} 
/* media clickable button */
.Mediaicon{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 50%;}


/* copyright section */
#right {
    font-size: 13px;
    color: black;
    background-color:#FFF2E0 ;padding-left: 0%;
    margin-left: 0%;
    display: flex;
    justify-content: center;}
/* 
#social{text-align: right;font-size: 32px;margin-right: 10%;}
.logo{align-items: center; }