.pix{
    border: 0.1px lightgray solid;
    transition: 2s;
    aspect-ratio: 1/1;
    padding: 5px;
    flex-grow: 1;
    flex-shrink: 0;
    background-color: whitesmoke;

}
/*
.pix:hover{
    background-color: red;
    transition: 0s;
}
*/
#container{
    box-shadow: 10px 5px 15px rgba(0, 0, 0, 0.2);
    display:grid;
    width: 700px;
    height:700px;
}
.nob{
    margin-top: -15px;
    display: flex;
    justify-content: center;

}
body{
    width: 99%;
align-items: center;
    justify-items: center;
    justify-content: center;
    background-color: #666;
    align-content: center;
}
button{

    margin: -8px;
    background-color: darkcyan;
    color: orange;
    padding: 10px;
    width: 180px;
    height:50px;
    border: none;
    font-size: 20px;
    border-radius: 15%;
}
button:hover{
    background-color: brown;
    color: darkcyan;
    transition: 1s;
}
h1{
    color: rgb(220, 162, 53);
}