*{
    margin:0;

}
body{
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}
.navbar{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background-color:antiquewhite;
    display:flex;
    align-items:center;
    justify-content:space-evenly;

}
.link a{
    text-decoration:none;

}
.link a:active{
    color:blue;
}

body{
    display:flex;
    justify-content:center;
    align-items:center;
    height:100vh;
}
.btns{
    display:flex;
    justify-content:space-between;
}
.btns div{
    background-color: antiquewhite;
    padding: 0 20px;
}
.btns div:hover{
    cursor:pointer;
}
.btns div:active{
    background-color:hsl(34, 78%, 100%);
}
.wrapper{
    display:flex;
    flex-direction:column;
    
}
.container::-webkit-scrollbar{
    display: none;
}
.container{
    max-width:350px;
    border:1px solid black;
    position:relative;
    display:flex;
    overflow-x:auto;
    scroll-behavior: smooth;

}
#number{
    text-align:center;
    color:rgb(3, 3, 3);

}
.container img{

width: 100%;
object-fit:cover;
}
@media(max-width:768px){
    body{
        font-size:small;
        font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif
    }
    .container{
        max-width:300px;
    }
    
    
}