@font-face {
   font-family: 'Runtime';
   src: url('font-logo.otf') format('opentype');
}@import url('https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Edu+SA+Hand:wght@400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Quicksand:wght@300..700&family=Raleway:ital,wght@0,816;1,816&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wdth,wght@0,77.3,100..900;1,77.3,100..900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap');


body {
   height: 100vh;
   margin: 0px;
   padding: 0px;
   background-color: white;
   font-family: 'Runtime', sans-serif;
}

nav {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 10px 30px;
   background-color: white;

}

.nav-link {
   list-style: none;
   display: flex;
   gap: 20px;
   margin: 0;
   padding: 0;
}

.nav-list {
   list-style: none;
   display: flex;
   gap: 20px;
   margin: 0;
   padding: 0;
}

.nav-link li a {
   text-decoration: none;
   color: #333;
   font-weight: bold;
}

li a:hover {
   color: #ff0000;
   transition: color 0.3s ease;

}

.logo-image {
   width: 50px;
   height: 60px;
}

.logo-stor {
   display: flex;
   justify-content: center;
   align-items: center;
   font-size: larger;
   gap: 5px;
}
.container{
   display: flex;
   justify-content: center;
   align-items: center;
   
}
.line-nav{
   width: 1200px;
   height: 0px;
   
   border: solid 1px rgba(0, 0, 0, 0.26);
   display: flex;
   justify-content: center;
   align-items: center;
  
   margin: 15px;

}
.container-product{
   display: flex;
   justify-content: center;
   align-items: center;
   
   flex-direction: column;
  
   
   width: 600px;
   height: 500px;
}
.Insert-product{
   border: solid 1px black;
   border-radius: 5px;
   width: 300px;
   height: 400px;
   display: flex;
   align-items: center;
   flex-direction: column;
   gap: 20px;
   background-color: rgba(0, 0, 0, 0.027);
   
}
.first-input{
   width: 270px;
   height: 30px;
}
.second-input{
   width: 270px;
   height: 30px;
}
.third-input{
   width: 270px;
   height: 30px;
}
.button-insert{
   width: 200px;
   height: 30px;
   background-color: #ff0000;
   border: none;
   color: white;
   border-radius: 5px;
}
.button-insert:hover{
   background-color:#ff00007b;
   color: rgba(0, 0, 0, 0.747);
   transition: 0.5s;
}
footer{
   background-color:#000000dd;
   color: white;
   padding: 30px;
}
.image-playstor{
   width: 150px;
   height: 50px;
}
.image-app-stor{
   
    width: 150px;
   height: 80px;
}
.footer-stor{
   display: flex;
   align-items: center;
}
.footer-logo-dell{
   width: 400px;
   height: 80px;

}
.footer-container-logo{
   display: flex;
   justify-content: center;
   align-items: center;
}
.container-footer{
   display: flex;
   justify-content: space-around;
   align-items: center;
}
#footer-span{
    color: #808080;
}
.footer-line{
   width: 1200px;
   height: 1px;
   background-color: #f4f3f3;
   display: flex;
   gap: 10px;
}
.footer-last{
   display: flex;
   justify-content: center;
   align-items: center;
}
ul{
   list-style-type: none;
}