import "@fontsource/roboto/300.css"; import "@fontsource/roboto/400.css"; import "@fontsource/roboto/500.css"; import "@fontsource/roboto/700.css"; html{font-family:Helvetica,sans-serif}body{padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-family:Helvetica,sans-serif}.nav-container{display:flex;justify-content:space-between;background-color:#f7f7f7}.nav-items{display:flex;gap:2.2rem;padding:1rem}.nav-items a{text-decoration:none}.nav-items a:hover{background-color:#c3bfbf}.projects-list{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-column-gap:24px;grid-row-gap:24px}.login-container{display:flex;padding:1rem}.login-container a{text-decoration:none}.bg-color1{background-color:#f5f5f5}label,input{display:block}.product-container{display:flex;flex-direction:column;gap:1.4rem}.product-row1{display:flex;flex-direction:row;gap:1.4rem}.product-row2{display:flex;flex-direction:column;gap:1.4rem;max-width:40%}.product-image-row{display:flex!important;flex-direction:row}