@media (prefers-color-scheme: dark) {
  :root {
    --color1: hsl(220, 5%, 10%);
    --color2: #dddddd;
    --color3: #dddddd;
    --color4: #c6302c;
    --color5: hsl(180, 50%, 6%);
    --color6: hsla(250, 60%, 80%, 0.1);
    --color7: #dddddd;
    --color8: hsla(0, 0%, 100%, 0.04);
    --color9: rgba(255, 215, 150, 0.35);
    --color10: hsl(124, 79%, 45%);
    --color11: hsl(0, 0%, 80%);
    --color12: hsl(230, 10%, 60%);
    --color13: hsl(122, 39%, 55%);
    --color14: hsl(0, 61%, 55%);
    --color15: hsl(0, 0%, 50%);
    --color16: hsl(0, 0%, 95%);
    --color17: #000000;
    --color18: #c8a452;
    --color19: hsl(230, 41%, 16%);
    --color20: #3b63c0;
    --color21: #2a2f2a;
    --shadow1: hsla(0, 0%, 0%, 0.3);
    --shadow2: hsla(0, 0%, 0%, 0.5);
    --shadow3: hsla(0, 0%, 0%, 0.15);
    --filter: drop-shadow(0 0 10px rgba(199, 221, 221, 0.2));
    --boxshadow: 0 0 10px rgba(0, 0, 0, 0.25);
    --font1: 'Dancing Script', cursive;
    --font2: 'Lobster', cursive;
    --font3: 'Source Code Pro', monospace;
    --font4: 'Ubuntu', sans-serif;
    --font5: 'Anton', sans-serif;
    --font6: 'Golos Text', sans-serif;
    --font7: 'Cormorant Garamond', serif;
    --font8: 'Catamaran', Arial, Helvetica, sans-serif;
    --font9: 'Raleway', Sans-serif;
    --font10: 'Signika', sans-serif;
    --font11: "Montserrat", "Helvetica Neue", Verdana, Arial, sans-serif;
    --font12: 'Quattrocento Sans', sans-serif;
    --font13: 'Open Sans', sans-serif;
    --font14: 'Josefin Sans', sans-serif;
    --font15: 'Marcellus', serif;
    --font16: 'Amaranth', sans-serif;
    --font17: "M PLUS 1p", sans-serif;
  }
}