Загрузил(а) файлы в 'Lab2/Lab2'

Lab2/Lab2/style.css

@@ -0,0 +1,153 @@
+header nav{
+    background-color: #08D9D6;
+    color: black;
+}
+.category{
+    width:55%;
+}
+
+@media (min-width:768px){
+    .im{
+        display: none;
+    }
+}
+
+    
+
+@media (max-width:900px){
+    .text{
+        padding-left: 100px;
+    }
+    .div{
+        display:none;
+    }
+    .ots {
+        align-items: center;
+        align-content: center;
+        justify-content: center;
+    }
+    .img{
+        width:100%;
+    }
+}
+
+@media (max-width:600px){
+    .categ{
+        display:none;
+    }
+    .imrow{
+        width:250px;
+    }
+    .destext{
+        width:200px;
+        height: 70px;
+        overflow: auto;
+    }
+    .cart{
+        display: none;
+    }
+}
+
+@media (max-width:1500px){
+    .category{
+        width:65%;
+    }
+}
+
+@media (max-width:1250px){
+    .search{
+        max-width: 100%;
+    }
+    .category{
+        width: 75%;
+    }
+
+}
+@media (max-width:830px){
+    .category{
+        width:100%;
+    }
+}
+
+@media (max-width:1040px){
+    .images{
+        display: none;
+    }
+    .cata{
+        gap: 4px;
+        grid-template-columns: 3fr;
+    }
+    .imrow{
+        width:100%;
+    }
+
+    
+}
+
+.textmain
+
+header nav a:hover{
+    text-decoration: underline;
+}
+html, body {
+    background-color: #252A34;
+    height: 100%;
+    color:white;
+}
+
+footer {
+    background-color: #FF2E63;
+    color:black;
+    height:32px;
+}
+
+.push {
+    height: 32px;
+   }
+
+center {
+    width: 900px;
+    margin: 0 auto ;
+    background-color: #353b47;
+}
+.main {
+    background-color: #353b47;
+    color:white;
+    max-width:1000px;
+    margin: 0 auto -32px;
+}
+.cost-input {
+    width:80px;
+    border-radius: 10px;
+}
+.search-input{
+    border-radius: 15px;
+    width: 100%;
+}
+.select {
+
+    border-radius: 10px;
+    color: white;
+    border:1px;
+}
+.disc{
+    border: 1px solid black;
+    line-height: 2.5;
+    max-width:360px;
+    border-radius: 10px;
+}
+.textbx {
+    border-radius: 10px;
+    border: 1px;
+}
+input[type="email"]::placeholder {color: grey;}
+.check {
+    border:1px;
+}
+.sign-form{
+    padding-top:25%;
+    width: 200px;
+}
+.but{
+    padding-bottom: 200px;
+}