Update custom-head.blade.php

https://github.com/JulianPrieber/winter-wonderland/issues/1

brands.css

@@ -17,6 +17,14 @@
   border-radius: 50%;
 }
 
+.social-icon {
+  font-size: 32px;
+  padding: 10px;
+}
+.social-icon-div {
+  padding-bottom: 30px;
+}
+.social-icon{color:#1f365c;}
 
 /* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
@@ -66,6 +74,7 @@ button:hover,
   vertical-align: middle;
   width: 30px;
   height: 30px;
+  filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.4));
 }
 
 svg {

config.php

@@ -0,0 +1,66 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Theme Config
+    |--------------------------------------------------------------------------
+    |
+    | The theme config allows you to configure how LittleLink Custom should treat your theme.
+    | All settings can either be set to "true" or "false", unless stated otherwise.
+    | 
+    | The settings below change how your buttons behave.
+    |
+    */
+
+    // Some themes may not be compatible with custom buttons created by the Button Editor.
+    // If 'false' the default button CSS is used.
+    'allow_custom_buttons' => 'false',
+
+    'open_links_in_same_tab' => 'false',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Code
+    |--------------------------------------------------------------------------
+    |
+    | Custom code allows you to inject customized Blade, PHP, HTML, JavaScript and CSS code.
+    | 
+    | In your "extra" folder, you will find 3 separate files for injecting your code to 
+    | different places on the final page (head, body, at the end of the body).
+    | 
+    | You may also attach custom assets like CSS, JS, or images. 
+    | You can find instructions for this in the files in your extra folder.
+    | 
+    */
+
+    'enable_custom_code' => 'true',
+
+    // Disable individual files (only applies if above is 'true').
+    'enable_custom_head'     => 'true',
+    'enable_custom_body'     => 'false',
+    'enable_custom_body_end' => 'false',
+
+
+    /*
+    |--------------------------------------------------------------------------
+    | Custom Icons
+    |--------------------------------------------------------------------------
+    |
+    | You may add custom icons to your theme. 
+    | These icons are stored under: .../extra/custom-icons.
+    | 
+    | You can adjust the file extension types to use other files than just SVGs.
+    |
+    */
+
+    'use_custom_icons' => 'false',
+
+    // Is not set correct this will cause errors.
+    'custom_icon_extension' => '.svg', // (.png, .jpg ...)
+
+
+
+];

extra/custom-head.blade.php

@@ -0,0 +1,187 @@
+{{-- 
+
+
+|--------------------------------------------------------------------------
+| Custom assets
+|--------------------------------------------------------------------------
+
+Custom assets are stored in the 'custom-assets' directory found inside the 'extra' folder.
+Custom assets can be any file you would like to use in your theme.
+For example: JS, CSS or image files.
+
+You can load these custom assets with a built-in function, 'themeAsset()'.
+Add the file you want to add to your 'custom-assets' folder, and include the name with the file extension in the function.
+
+Down below, you can find a few examples using this function:
+
+
+
+--}}
+
+<style> 
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-400-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-400-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-400-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-400-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-400-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-400-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-400-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 400;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-400-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-400-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-500-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-500-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-500-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-500-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-500-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-500-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-500-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 500;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-500-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-500-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-600-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-600-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-600-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-600-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-600-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-600-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-600-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 600;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-600-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-600-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+/* cyrillic */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-700-normal.woff')}}'); 
+  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
+}
+/* cyrillic-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-cyrillic-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-cyrillic-ext-700-normal.woff')}}'); 
+  unicode-range: U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
+}
+/* greek */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-700-normal.woff')}}'); 
+  unicode-range: U+0370-03FF;
+}
+/* greek-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-greek-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-greek-ext-700-normal.woff')}}'); 
+  unicode-range: U+1F00-1FFF;
+}
+/* latin */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-700-normal.woff')}}'); 
+  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
+}
+/* latin-ext */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-latin-ext-700-normal.woff2')}}'), url('{{themeAsset('inter-latin-ext-700-normal.woff')}}'); 
+  unicode-range: U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;
+}
+/* vietnamese */
+@font-face { font-family: 'Inter'; font-style: normal; font-weight: 700;
+  font-stretch: 100%; src: url('{{themeAsset('inter-vietnamese-700-normal.woff2')}}'), url('{{themeAsset('inter-vietnamese-700-normal.woff')}}'); 
+  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB;
+}
+
+html {
+    font-size: 100%; }
+
+  /* Dark/light mode detection (comment this section out and use the one below for a fixed background color) */
+      body {
+        font-size: 16px;
+        background: url({{themeAsset('../../background.png')}});
+        background-size: cover;
+        background-repeat: no-repeat;
+        font-family: 'Inter', sans-serif;
+        max-height: 100%;
+        border: 1px solid transparent;
+        color: #1F365C;
+        background-position: center center;
+      }
+/* Use this for a fixed background color instead of dark and light mode
+    body {
+      font-size: 18px;
+      line-height: 24px;
+      font-weight: 400;
+      font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
+        sans-serif;
+    }
+*/
+</style>

readme.md

@@ -1,13 +1,13 @@
-# A LittleLink Custom Theme
+# A LinkStack Theme
-Find more themes: https://github.com/JulianPrieber/llc-themes
+Find more themes: https://linkstack.org/themes/
                                                                                                                                                                          
 *	Theme Name: Winter Wonderland
-*	Theme Version: 1.2
+*	Theme Version: 1.6
 *	Theme Date: 2022-05-21
-*	Theme Author: JulianPrieber
+*	Theme Authors: JulianPrieber & LinkStack Team
 *	Theme Author URI: https://github.com/JulianPrieber
 *	Theme License: GPLv3
-*	Source code: https://github.com/JulianPrieber/winter-wonderland
+*	Source code: https://github.com/LinkStackOrg/winter-wonderland
 
 
 ### Used assets:

skeleton-auto.css

@@ -1,6 +1,3 @@
-@import url('https://fonts.bunny.net/css2?family=Inter:wght@400;500;600;700&display=swap');
-
-
 /* Table of contents
 ––––––––––––––––––––––––––––––––––––––––––––––––––
 
@@ -59,34 +56,6 @@
   html is set to 62.5% so that all the REM measurements throughout Skeleton
   are based on 10px sizing. So basically 1.5rem = 15px :) */
   
-  html {
-    font-size: 100%; }
-
-  /* Dark/light mode detection (comment this section out and use the one below for a fixed background color) */
-      body {
-        font-size: 16px;
-        background-image: url('https://raw.githubusercontent.com/JulianPrieber/winter-wonderland/main/background.png');
-        background-size: cover;
-        background-repeat: no-repeat;
-        font-family: 'Inter', sans-serif;
-        max-height: 100%;
-        border: 1px solid transparent;
-        color: #1F365C;
-        background-position: center center;
-      }
-
-
-
-/* Use this for a fixed background color instead of dark and light mode
-    body {
-      font-size: 18px;
-      line-height: 24px;
-      font-weight: 400;
-      font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial,
-        sans-serif;
-    }
-*/
-  
   /* Typography
   –––––––––––––––––––––––––––––––––––––––––––––––––– */
   h1 {
@@ -252,10 +221,10 @@
 
 
 .parallax-background, .parallax-background:before, .parallax-background:after {
+  height: 100%;
   position: absolute;
   top: -600px;
   left: 0;
-  bottom: 0;
   right: 0;
   background-image: radial-gradient(6px 6px at 185px 15px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 493px 337px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 20px 383px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 203px 229px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 157px 509px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 291px 115px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 119px 381px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 486px 465px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 260px 45px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 446px 397px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 411px 428px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 317px 276px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 365px 501px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 585px 464px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 20px 293px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 386px 388px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 353px 357px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 335px 470px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 48px 280px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 239px 62px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 118px 224px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 259px 232px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 570px 411px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 182px 544px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 589px 541px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 184px 194px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 468px 275px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 151px 282px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 520px 151px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 98px 93px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 352px 13px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 362px 42px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 118px 38px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 359px 309px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 97px 220px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 13px 235px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 162px 569px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 230px 250px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 11px 483px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 395px 520px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 419px 418px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 264px 215px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 122px 460px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 78px 267px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 52px 514px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 484px 186px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 213px 226px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 11px 339px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 373px 339px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 525px 393px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 150px 98px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(4px 4px at 273px 15px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 329px 247px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 217px 130px, rgba(255, 255, 255, 0.6) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 119px 434px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 353px 204px, white 50%, rgba(0, 0, 0, 0)), radial-gradient(6px 6px at 236px 577px, rgba(255, 255, 255, 0.9) 50%, rgba(0, 0, 0, 0)), radial-gradient(5px 5px at 173px 483px, rgba(255, 255, 255, 0.7) 50%, rgba(0, 0, 0, 0)), radial-gradient(3px 3px at 410px 403px, rgba(255, 255, 255, 0.8) 50%, rgba(0, 0, 0, 0)), radial-gradieLine truncated
   background-size: 600px 600px;