:root {
   --shrift: #52413A;
   --orange: #ecb307;
   --red: #DA6342;
   --family-title: "Cormorant Garamond";
   --family-text: "Manrope", system-ui;
   --bg: #FFE8BC;
   --color: #4d372e;
   --bezhevyy: #f3eee9;
   --belyy: #fff;
   --zheltyy: #ecb307;
   --oranzhevyy: #da6342;
   --temnyy: #202020;
   --svetlyy: #fbfaf6;
   --fon: #fbfaf6;
   --poluprozrachn-opisanie: rgba(82, 65, 58, 0.5);
   --prozrachnyy-belyy: rgba(255, 255, 255, 0.5);
   --prozrachnyy-chernyy: rgba(32, 32, 32, 0.6);
   --prozrachnyy-zheltyy: rgba(236, 179, 7, 0.5);
}

.material-symbols-outlined {
   font-variation-settings:
      'FILL' 0,
      'wght' 100,
      'GRAD' -25,
      'opsz' 24
}

/* Образец для копирования */

@media only screen and (max-width: 1280px) {}

@media only screen and (max-width: 1180px) {}

@media only screen and (max-width: 1080px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 880px) {}

@media only screen and (max-width: 780px) {}

@media only screen and (max-width: 680px) {}

@media only screen and (max-width: 580px) {}

@media only screen and (max-width: 480px) {}