@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');

body{
    box-sizing: border-box;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
p{
    font-family: Roboto, sans-serif;
    
}
h4,h5,h3{
    font-family: 'Poppins', sans-serif;
}

#navbar{
    width:70%;
    height:90px;
    margin:auto;
    display:flex;
    justify-content: space-around;
    align-items: center;
    gap:20px;
}
#bell{
    font-size: 25px;
}

#fix_image>img{
    position:relative;
    height: 320px;
    width:100%;
}
#onimage{
    position: absolute;
    top:140px;
    left:14em;
    width:70%;
    margin:auto;
    padding:20px 20px;
    display:flex;
    justify-content: space-between;
}

#onimage_c1{
    display:flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom:40px;
    color:white;
}
#onimage_c2{
    display:flex;
    align-items: center;
    margin-bottom:40px;
}
#onimage_c2>input{
    padding:10px 0px;
    padding-left:20px;
    padding-right:120px;
   
}
#onimage_c2>button{
    padding:8px 20px;
    background-color: rgb(87, 87, 225);
    border:none;
    color:white;
    font-size:20px;
   
   
}
#onimage_c3{
    display:flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom:30px;
    gap:10px;
    color:white;
}
#onimage_c4{
    background-color: rgb(239, 225, 225);
    display:grid;
    align-items: center;
    gap:12px;
    padding:10px 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    
}
#onimage_c4>input,button{
   padding:10px 30px;
    
}
#onimage_c4>button{
    color:white;
    font-size: 20px;
    background-color: orange;
    border:none;
     
 }
 #browse{
    width:70%;
    margin:auto;
    margin-top:20px;
    padding:20px 20px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
 #anchor{
    display:flex;
    justify-content: space-between;
    
 }
 #anchor>div{
    display:grid;
    gap:7px;
    
    
 }

 a{
    text-decoration-line: none;
 }

 #foot{
    display:flex;
    justify-content: space-around;
    padding:10px 110px;
    background-color:black;
    color:white;
    margin-top:10px;
    
 }
 a:hover{
    color:rgb(235, 18, 47);
    font-size:20px;
 }
 
 #foot>div>a{
    display:grid;
    gap:5px;
    color:rgb(252, 247, 247);

 }
 #foot>div>img{
    display:grid;
    margin-top:10px;
 }
 
 #foot>div>h4{
    margin-bottom:-3px;
    font-size:17px;
 }