*{
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
    font-family:cursive;

}
.main-container{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height:100vh;
}
.signup-container{
    border: 1px solid black;
    width:400px;
    height:400px; 
    border-radius:10px;  
}
.signup-container .heading h1{
    text-align: center;
    margin-top:10px;
}
.main-container .input-container{
 /* border: 1px solid black; */
 
 display: flex;
 flex-direction: column;
 gap:20px; 
 align-items: center;
 padding:10px;
 margin-top:30px;
}
.main-container .input-container input{
 /* border: 1px solid black; */
 display: block;
 margin: auto;
 /* gap: 20px; */
 width:80%;
 height:40px;
 padding-left:2px;
}
.main-container .input-container button{
    width:40%;
    height:40px;
}
.link{
       display: flex;
       justify-content: center;
       align-items: center;
       gap:5px;

}
.link a{
       text-decoration: none;
      color: blue;
}


.navber{
    display: flex;
    border: 1px solid black;
    justify-content: space-between;
    align-items: center;
    padding:10px;
}
.item-fetched-container .item-fetched-heading{
    border: 1px solid black;
    /* display: flex;
    justify-content: center;
    align-items: center; */
    width:400px;
    margin: auto;
    text-align: center;
    margin-top:30px;
}

.cards-container{
    display: flex;
    /* justify-content: center; */
    align-items: center;
    gap: 20px;
    margin-top:10px;
    margin:10px 0px 0px 10px
}
.card{
    border: 1px solid black;
    width:300px;
    
    
}
.card img{
    width:100%;
}
.item-container{
    padding-left:10px;
}
.item-container ul {
    list-style: none;
}
.btn{
    display: flex;
    justify-content: space-between;
    padding:0px 10px 10px 10px;
    /* align-items: center; */
    margin-top:10px;
}
.btn button{
    width:100px;
}



ol, ul {
     padding-left: 0rem; 
}