.logo{
    width: 100px;
    height:100px;
}

h1{
    text-align: center;
    color: whitesmoke;
}

nav {
    display: flex;
    justify-content: space-between;
    border-top: 5px double whitesmoke;   
    border-bottom: 5px double whitesmoke;
    
}

nav a {
    text-decoration: none;
    color:whitesmoke;
    font-size: 30px;
     margin-top: 15px;
    margin-bottom: 15px;
}

body {
    background-color: black;
}

.img_product{
    width: 250px;
    height: 250px;
}

.view{
    font-size:40px;
    border-radius: 15px;
    color: whitesmoke;
    background-color: black;
    border: 5px double whitesmoke;
    text-decoration: none;
}

h2{
    color: whitesmoke;
    font-size: 40px;
    text-align: center;
}

.catalog{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

 .pronas {
    color: whitesmoke;
    font-size: 25px;
    text-align: center;
}

.proNas {
    width:100%;
    height:50%;
}

.akchia {
    color: whitesmoke;
    font-size: 25px;
    text-align: center;
}

.robux {
    color: whitesmoke;
    font-size: 40px;
    background-color: black;
    border-radius: 15px;
    border: 5px double whitesmoke;
    margin: 15px;
}

.buy robux{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.Footer{
    color: whitesmoke;
}

.footer {
  background-color: #121212;
  color: #ccc;
  padding: 40px 20px;
  font-family: 'Arial', sans-serif;
}

.footer-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 20px;
}

.footer-logo h2 {
  color: whitesmoke;
}

.footer-links,
.footer-social {
  min-width: 150px;
}

.footer-links ul,
.footer-social ul {
  list-style: none;
  padding: 0;
}

.footer-links a,
.footer-social a {
  color: #ccc;
  text-decoration: none;
}



.footer-bottom {
  text-align: center;
  font-size: 14px;
  border-top: 1px solid #333;
  padding-top: 15px;
}

.footer-bottom a {
  color: #888;
  text-decoration: none;
}