body {
    background-color: rgb(45, 45, 100);
}

#nf-img {
    width: 295px;
    height: 240px;
    border-radius: 10px;
}

h4 {
    color: white;
    

}

#note {
    opacity: 5;
    color: rgb(120, 120, 161);
    font-size: 17px;
}

.container {
    background-color: rgb(22, 22, 58);
    width: 340px;
    border-radius: 13px;
    padding-top: 18px;
}

.flexx {
    display: flex;
}

#eth-logo {
    height: 16px;
    margin-left: 12px;
    margin-top: 13px;
}
#eth-price {
    color:aqua;
}

#timing {
    margin-left: 7px;
    color: azure;
    opacity: 2;
    font-size: 14px;
    
}

.time {
    display: flex;
}

#clock {
    margin-left: 150px;
    height: 16px;
    margin-top: 13px;
}

br {
    color: white;
}
.line {
    background-color: white;
    color: white;
    width: 280px;
    height: 1px;
}

.poster {
    display: flex;
    
}


#avatar {
    width: 35px;
    height: 33px;
    margin-left: 8px;
}

#of {
    margin-left: 20px;
    color: white;
    font-weight: bold;
}

#creation {
    margin-left: 10px;
    color: rgb(120, 120, 161);
}


@media (max-width: 500px ) {
   #nf-img {
    width: 229px;
    height: 199px;

   }

   .container {
    padding-top: 22px;
    width: 300px;
    height: 460px;
   }

   #clock {
    margin-left: 100px;
   }
}