Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using it's URL and the proper URL extention.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                <hr />
              
            
!

CSS

              
                html {
  background: #000;
}
hr {
  border: 0;
  width: 100%;
  height: 0;
  border-top: 0.3rem dotted yellow;
  position: relative;
  overflow: visible;
  margin: 2rem 0;
}
hr:before {
  animation: move 10s infinite linear;
  position: absolute;
  top: -14px;
  left:0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='571.11' width='541.6'%3E%3Cpath style='fill:%23ffcc00' d='M535.441,412.339A280.868,280.868 0 1,1 536.186,161.733L284.493,286.29Z'/%3E%3C/svg%3E");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: calc(100% + 24px) 0;
  content: ' ';
  height: 24px;
}
hr:after {
    animation: move 10s 1s infinite linear;
  position: absolute;
  top: -14px;
  left:0;
  right: 0;
  bottom: 0;
  background-size: 24px;
  background-repeat: no-repeat;
  background-position: calc(100% + 24px) 0;

  content: ' ';
  height: 24px;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg version='1.1' viewBox='0 0 400 444.34' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='m192.2 2.8c-0.147 0.237-2.718 0.405-6.324 0.413-4.436 9e-3 -6.266 0.157-6.78 0.547-0.435 0.33-1.967 0.561-4 0.603-1.813 0.038-3.356 0.242-3.429 0.453-0.074 0.211-1.379 0.384-2.9 0.384-1.578 0-2.767 0.172-2.767 0.4 0 0.22-0.992 0.4-2.205 0.4s-2.518 0.171-2.9 0.38c-0.382 0.208-1.55 0.489-2.595 0.624s-1.9 0.414-1.9 0.621c0 0.206-0.799 0.375-1.776 0.375s-1.888 0.18-2.024 0.4-0.957 0.4-1.824 0.4-1.576 0.18-1.576 0.4-0.617 0.4-1.371 0.4c-0.755 0-1.642 0.27-1.972 0.6s-1.232 0.6-2.005 0.6-1.516 0.18-1.652 0.4-0.777 0.4-1.424 0.4-1.176 0.18-1.176 0.4-0.527 0.4-1.171 0.4c-0.645 0-1.442 0.27-1.772 0.6s-1.063 0.6-1.628 0.6c-0.566 0-1.029 0.18-1.029 0.4s-0.54 0.4-1.2 0.4-1.2 0.18-1.2 0.4-0.521 0.4-1.157 0.4c-0.66 0-1.256 0.258-1.388 0.6-0.126 0.33-0.675 0.6-1.219 0.6s-1.1 0.18-1.236 0.4-0.687 0.4-1.224 0.4-0.976 0.18-0.976 0.4-0.45 0.4-1 0.4-1 0.166-1 0.368c0 0.203-0.54 0.487-1.2 0.632s-1.2 0.429-1.2 0.632c0 0.202-0.45 0.368-1 0.368s-1 0.18-1 0.4-0.21 0.4-0.466 0.4c-0.746 0-3.534 1.323-3.534 1.677 0 0.178-0.36 0.323-0.8 0.323s-0.8 0.18-0.8 0.4-0.45 0.4-1 0.4-1 0.18-1 0.4-0.366 0.4-0.813 0.4c-0.446 0-0.916 0.27-1.042 0.6-0.127 0.33-0.571 0.6-0.988 0.6-0.416 0-0.757 0.18-0.757 0.4s-0.36 0.4-0.8 0.4-0.8 0.18-0.8 0.4-0.366 0.4-0.813 0.4c-0.446 0-0.916 0.27-1.042 0.6-0.127 0.33-0.571 0.6-0.988 0.6-0.416 0-0.757 0.138-0.757 0.306s-0.72 0.617-1.6 0.998c-0.88 0.382-1.6 0.841-1.6 1.02 0 0.18-0.63 0.574-1.4 0.876s-1.4 0.696-1.4 0.875-0.227 0.325-0.504 0.325-0.989 0.45-1.583 1c-0.593 0.55-1.356 1-1.696 1-0.339 0-0.617 0.18-0.617 0.4s-0.193 0.4-0.429 0.4c-0.235 0-0.679 0.225-0.986 0.5-1.323 1.187-1.776 1.5-2.168 1.5-0.229 0-0.417 0.18-0.417 0.4s-0.239 0.4-0.53 0.4c-0.292 0-0.953 0.45-1.47 1s-1.178 1-1.47 1c-0.291 0-0.53 0.18-0.53 0.4s-0.179 0.4-0.397 0.4c-0.361 0-1.692 1.012-3.028 2.3-0.285 0.275-0.648 0.5-0.806 0.5-0.159 0-0.9 0.63-1.648 1.4s-1.555 1.4-1.793 1.4-1.028 0.63-1.754 1.4-1.431 1.4-1.565 1.4c-0.135 0-0.661 0.405-1.169 0.9s-1.885 1.71-3.058 2.7c-2.312 1.95-12.782 12.297-12.782 12.632 0 0.112-0.405 0.62-0.9 1.128-1.434 1.472-5.096 5.735-7.035 8.188-0.586 0.742-1.557 1.912-2.159 2.6-0.601 0.689-1.096 1.387-1.1 1.551-3e-3 0.165-0.636 0.967-1.406 1.783-0.77 0.817-1.4 1.717-1.4 2.001 0 0.285-0.18 0.517-0.4 0.517s-0.4 0.193-0.4 0.429c0 0.235-0.225 0.679-0.5 0.986-1.187 1.323-1.5 1.776-1.5 2.168 0 0.229-0.159 0.417-0.354 0.417s-0.654 0.63-1.019 1.4c-0.366 0.77-0.836 1.4-1.046 1.4-0.209 0-0.381 0.184-0.381 0.409 0 0.485-2.069 3.733-2.5 3.924-0.165 0.074-0.3 0.389-0.3 0.7 0 0.312-0.18 0.567-0.4 0.567s-0.4 0.36-0.4 0.8-0.137 0.8-0.305 0.8c-0.325 0-0.624 0.497-1.889 3.141-0.437 0.912-0.932 1.659-1.1 1.659s-0.306 0.36-0.306 0.8-0.135 0.801-0.3 0.803c-0.402 3e-3 -1.7 2.316-1.7 3.029 0 0.313-0.18 0.568-0.4 0.568s-0.4 0.274-0.4 0.608-0.45 1.321-1 2.192-1 1.858-1 2.192-0.18 0.608-0.4 0.608-0.399 0.225-0.398 0.5c1e-3 0.411-1.602 3.962-3.248 7.195-0.195 0.382-0.354 0.94-0.354 1.24s-0.45 1.392-1 2.427c-0.55 1.034-1 2.22-1 2.636 0 0.415-0.18 0.866-0.4 1.002s-0.4 0.651-0.4 1.144-0.155 1.067-0.344 1.276-0.661 1.37-1.048 2.58c-0.388 1.21-0.863 2.513-1.056 2.895-0.194 0.382-0.352 1.117-0.352 1.633s-0.116 1.055-0.259 1.197c-0.428 0.429-1.714 4.411-1.728 5.351-7e-3 0.482-0.193 0.988-0.413 1.124s-0.4 0.946-0.4 1.8-0.18 1.664-0.4 1.8-0.4 0.788-0.4 1.45c0 0.661-0.193 1.563-0.428 2.003-0.478 0.893-1.136 4.008-1.424 6.747-0.104 0.99-0.352 2.16-0.551 2.6s-0.449 1.79-0.556 3-0.477 4.09-0.823 6.4c-1.227 8.21-1.355 18.522-1.439 116-0.094 109.47 0.104 121.83 2.048 128.23 0.205 0.676 0.373 1.97 0.373 2.877 0 0.906 0.18 1.759 0.4 1.895s0.4 0.642 0.4 1.124c1e-3 2.4 3.427 9.501 5.793 12.005 6.948 7.351 16.378 5.374 26.065-5.464 37.609-42.077 48.185-45.208 67.688-20.039 2.034 2.626 3.915 5.044 4.179 5.374s1.427 1.907 2.585 3.504c6.808 9.392 14.591 17.052 19.29 18.984 9.521 3.915 16.903 2.413 24.518-4.989 1.414-1.374 3.089-3.219 3.724-4.099 0.634-0.88 1.253-1.69 1.374-1.8 0.379-0.343 4.987-6.857 7.033-9.942 1.073-1.618 2.221-3.333 2.551-3.811 17.255-24.979 35.183-25.921 54.408-2.857 3.518 4.222 2.959 3.518 7.805 9.81 8.973 11.651 13.914 15.971 21.906 19.154 5.271 2.1 14.854-0.209 21.427-5.162 3.107-2.341 10.819-10.049 12.83-12.823 0.57-0.787 1.706-2.227 2.523-3.2 0.818-0.973 2.41-2.939 3.538-4.369 10.413-13.201 16.295-18.195 23.083-19.597 8.299-1.715 18.282 5.494 33.48 24.176 2.98 3.663 8.375 10.012 9.991 11.757 0.884 0.955 1.967 2.186 2.408 2.735 6.119 7.626 16.216 9.283 22.301 3.659 0.825-0.763 1.5-1.584 1.5-1.825s0.135-0.498 0.3-0.572c0.452-0.201 2.157-3.837 2.572-5.484 3.246-12.896 3.273-13.976 3.303-135.25 0.027-111-0.044-114.76-2.392-126.6-0.349-1.76-0.722-4.01-0.83-5-0.107-0.99-0.355-2.16-0.551-2.6s-0.442-1.52-0.545-2.4c-0.303-2.56-1.031-5.534-1.461-5.964-0.218-0.218-0.396-1.08-0.396-1.916s-0.18-1.52-0.4-1.52-0.4-0.619-0.4-1.376-0.18-1.488-0.4-1.624-0.4-0.68-0.4-1.21c0-0.861-0.652-2.713-1.649-4.685-0.193-0.382-0.351-1.136-0.351-1.676s-0.18-1.093-0.4-1.229-0.4-0.599-0.4-1.029c0-0.784-0.096-1.035-1.332-3.503-0.368-0.733-0.668-1.591-0.668-1.906s-0.159-0.885-0.353-1.267c-0.195-0.382-0.574-1.235-0.842-1.895-0.269-0.66-0.715-1.74-0.991-2.4s-0.684-1.65-0.906-2.2c-0.92-2.275-2.704-5.809-2.995-5.933-0.172-0.074-0.313-0.468-0.313-0.877 0-0.408-0.18-0.854-0.4-0.99s-0.4-0.597-0.4-1.024-0.16-0.776-0.357-0.776c-0.196 0-0.469-0.45-0.607-1s-0.428-1-0.644-1c-0.215 0-0.392-0.264-0.392-0.586s-0.482-1.447-1.071-2.5-1.444-2.634-1.9-3.514-1.037-1.821-1.292-2.091c-0.254-0.27-0.703-1.035-0.997-1.7s-0.671-1.209-0.838-1.209c-0.166 0-0.302-0.27-0.302-0.6s-0.16-0.6-0.357-0.6c-0.196 0-0.469-0.45-0.607-1s-0.428-1-0.644-1c-0.215 0-0.392-0.193-0.392-0.428 0-0.462-2.048-3.563-2.946-4.461-0.302-0.301-0.677-0.954-0.835-1.45-0.157-0.496-0.811-1.439-1.452-2.095-0.642-0.657-1.167-1.335-1.167-1.508s-0.589-1.021-1.309-1.886-1.839-2.286-2.486-3.158-1.453-1.868-1.791-2.213-1.15-1.341-1.804-2.214c-0.655-0.873-1.555-1.966-2-2.429-0.446-0.463-1.62-1.806-2.61-2.984-2.497-2.972-12.454-12.912-15.6-15.574-1.43-1.21-3.379-2.92-4.331-3.8s-1.934-1.672-2.182-1.761c-0.249-0.088-1.037-0.728-1.751-1.422-0.715-0.694-1.801-1.522-2.414-1.84-0.614-0.317-1.498-0.982-1.965-1.477s-1.053-0.9-1.303-0.9-0.454-0.18-0.454-0.4-0.171-0.4-0.379-0.4c-0.209 0-0.865-0.45-1.459-1-0.593-0.55-1.323-1-1.62-1-0.298 0-0.542-0.18-0.542-0.4s-0.193-0.4-0.429-0.4c-0.235 0-0.679-0.225-0.986-0.5-1.323-1.187-1.776-1.5-2.168-1.5-0.229 0-0.417-0.18-0.417-0.4s-0.261-0.4-0.579-0.4c-0.319 0-1.065-0.45-1.659-1-0.593-0.55-1.323-1-1.62-1-0.298 0-0.542-0.18-0.542-0.4s-0.208-0.4-0.462-0.4-1.019-0.419-1.7-0.932c-0.681-0.512-1.823-1.186-2.538-1.497-0.715-0.312-1.3-0.681-1.3-0.822s-0.315-0.365-0.7-0.498-1.24-0.591-1.9-1.017c-0.66-0.427-1.515-0.789-1.9-0.805s-0.7-0.209-0.7-0.429-0.248-0.4-0.551-0.4-0.775-0.27-1.049-0.6-0.836-0.6-1.249-0.6-0.751-0.18-0.751-0.4-0.36-0.4-0.8-0.4-0.8-0.18-0.8-0.4-0.45-0.4-1-0.4-1-0.177-1-0.392c0-0.216-0.45-0.506-1-0.644s-1-0.411-1-0.607c0-0.197-0.45-0.357-1-0.357s-1-0.18-1-0.4-0.349-0.4-0.776-0.4-0.879-0.166-1.005-0.369c-0.125-0.203-0.766-0.488-1.424-0.632-0.657-0.144-1.195-0.428-1.195-0.631 0-0.202-0.45-0.368-1-0.368s-1-0.18-1-0.4-0.45-0.4-1-0.4-1-0.18-1-0.4-0.521-0.4-1.157-0.4c-0.66 0-1.256-0.258-1.388-0.6-0.134-0.351-0.734-0.6-1.442-0.6-0.667 0-1.213-0.18-1.213-0.4s-0.439-0.4-0.976-0.4-1.088-0.18-1.224-0.4-0.757-0.4-1.381-0.4c-0.638 0-1.234-0.262-1.364-0.6-0.133-0.347-0.731-0.6-1.419-0.6-0.654 0-1.3-0.18-1.436-0.4s-0.777-0.4-1.424-0.4-1.176-0.18-1.176-0.4-0.733-0.4-1.629-0.4c-0.914 0-1.891-0.263-2.228-0.6-0.33-0.33-1.217-0.6-1.972-0.6-0.754 0-1.371-0.18-1.371-0.4s-0.72-0.4-1.6-0.4-1.6-0.18-1.6-0.4-0.699-0.4-1.554-0.4-2.07-0.269-2.7-0.598c-0.63-0.328-1.81-0.598-2.622-0.6-0.812-1e-3 -1.588-0.182-1.724-0.402s-1.317-0.4-2.624-0.4c-1.317 0-2.376-0.178-2.376-0.4 0-0.229-1.2-0.4-2.8-0.4s-2.8-0.171-2.8-0.4c0-0.235-1.375-0.4-3.324-0.4-2.303 0-3.562-0.18-4.1-0.587-0.601-0.455-2.144-0.59-6.852-0.6-3.606-8e-3 -6.177-0.176-6.324-0.413-0.151-0.245-3.33-0.4-8.2-0.4s-8.049 0.155-8.2 0.4m17 3.608c29.892 1.533 59.608 9.81 82.8 23.06 0.77 0.44 2.221 1.257 3.224 1.816 6.247 3.478 18.589 11.916 17.429 11.916-0.385 0-3.627-2.14-3.786-2.5-0.074-0.165-0.292-0.3-0.486-0.3s-1.844-0.961-3.667-2.134c-15.122-9.74-36.566-18.996-54.714-23.616-54.144-13.784-109.1-4.866-156.71 25.426-5.319 3.384-6.139 3.776-4.045 1.93 0.745-0.656 1.564-1.196 1.821-1.2 0.256-3e-3 0.526-0.168 0.6-0.367 0.157-0.425 7.833-5.564 11.198-7.498 1.284-0.737 3.46-1.991 4.835-2.786 23.452-13.551 53.694-22.223 82.7-23.716 9.09-0.468 10.248-0.47 18.8-0.031m-42 122.41c18.547 3.777 32.839 15.399 39.91 32.454 3.886 9.375 4.856 21.759 2.511 32.065-3.89 17.098-16.24 31.1-33.421 37.892-17.114 6.765-38.282 2.912-53.25-9.692-16.208-13.649-22.353-35.75-15.829-56.935 0.786-2.554 3.094-7.706 4.454-9.944 0.784-1.289 1.605-2.644 1.825-3.009 3.584-5.96 11.958-13.449 19.507-17.444 6.037-3.195 11.348-4.806 19.693-5.973 2.084-0.292 12.306 0.119 14.6 0.586m161.6 0c22.684 4.619 38.317 20.253 43.02 43.018 1.181 5.721 0.638 18.563-0.989 23.366-0.186 0.55-0.571 1.81-0.855 2.8-2.919 10.174-12.316 22.118-22.376 28.443-2.535 1.594-8.205 4.357-8.941 4.357-0.275 0-0.67 0.152-0.879 0.337-0.708 0.629-5.617 1.884-11.147 2.85-3.025 0.528-11.954 0.535-14.713 0.01-14.898-2.831-24.652-8.311-33.645-18.901-10.867-12.798-15.08-33.004-10.11-48.496 0.353-1.1 0.844-2.63 1.092-3.4 5.906-18.329 23.506-32.024 44.943-34.973 2.098-0.289 12.314 0.123 14.6 0.589' fill='%23eb1c24'/%3E%3Cpath d='m193.4 1.2c-0.144 0.233-2.364 0.4-5.303 0.4-5.021 0-8.225 0.287-15.897 1.424-2.2 0.326-4.574 0.589-5.276 0.584-0.702-4e-3 -1.388 0.172-1.524 0.392s-1.101 0.4-2.144 0.4-2.067 0.163-2.276 0.361c-0.209 0.199-1.19 0.448-2.18 0.553s-2.88 0.495-4.2 0.867c-1.32 0.371-2.94 0.765-3.6 0.874-0.66 0.11-1.56 0.355-2 0.545s-1.34 0.436-2 0.547c-2.095 0.353-5.323 1.242-5.634 1.553-0.164 0.165-0.809 0.3-1.433 0.3-0.623 0-1.133 0.18-1.133 0.4s-0.529 0.4-1.176 0.4-1.288 0.18-1.424 0.4-0.552 0.401-0.924 0.402c-0.372 2e-3 -1.192 0.272-1.822 0.6-0.63 0.329-1.449 0.598-1.82 0.598s-0.845 0.158-1.054 0.351c-0.371 0.343-4.389 1.904-5.98 2.323-0.44 0.116-2.103 0.822-3.695 1.568-1.592 0.747-3.032 1.358-3.2 1.357-0.531-2e-3 -16.467 8.017-16.709 8.407-0.126 0.205-0.897 0.677-1.713 1.048-0.816 0.372-2.023 1.062-2.683 1.534s-1.839 1.155-2.621 1.517c-0.782 0.361-1.755 1.026-2.162 1.476-0.408 0.451-0.89 0.819-1.071 0.819-0.284 0-2.528 1.408-5.74 3.6-0.483 0.33-1.582 1.072-2.442 1.648-0.86 0.577-1.907 1.432-2.326 1.9-0.419 0.469-0.989 0.852-1.266 0.852s-1.452 0.9-2.611 2c-1.16 1.1-2.3 2.001-2.535 2.003-0.234 2e-3 -1.236 0.804-2.226 1.782s-2.013 1.787-2.274 1.797c-0.545 0.021-21.326 20.635-21.326 21.155 0 0.189-1.076 1.496-2.392 2.904-1.315 1.407-2.403 2.739-2.418 2.959-0.014 0.22-0.827 1.21-1.805 2.2s-1.78 1.99-1.782 2.223c-3e-3 0.361-2.733 4.203-5.573 7.84-0.456 0.585-0.83 1.246-0.83 1.47 0 0.223-0.42 0.914-0.934 1.536s-1.188 1.716-1.498 2.431-0.694 1.3-0.855 1.3c-0.16 0-0.848 1.125-1.529 2.5s-1.554 2.86-1.94 3.3c-0.818 0.934-10.044 19.441-10.044 20.149 0 0.262-0.45 1.366-1 2.451s-1 2.168-1 2.406-0.36 1.178-0.8 2.088c-0.44 0.911-0.8 1.872-0.8 2.135 0 0.264-0.269 0.995-0.598 1.625-0.328 0.63-0.598 1.45-0.6 1.822-1e-3 0.372-0.182 0.788-0.402 0.924s-0.4 0.766-0.4 1.4-0.18 1.264-0.4 1.4-0.4 0.676-0.4 1.2-0.16 1.052-0.356 1.173-0.66 1.526-1.031 3.123-0.828 3.264-1.016 3.704c-0.189 0.44-0.428 1.34-0.532 2s-0.564 2.64-1.022 4.4c-0.459 1.76-0.836 3.684-0.838 4.276-3e-3 0.592-0.185 1.188-0.405 1.324s-0.4 1.126-0.4 2.2-0.18 2.064-0.4 2.2-0.4 0.913-0.4 1.726c0 0.814-0.188 2.108-0.418 2.877-0.542 1.812-1.156 8.045-1.439 14.597-0.123 2.86-0.385 5.371-0.583 5.58-0.496 0.524-0.479 205.94 0.017 206.44 0.207 0.209 0.459 3.89 0.559 8.18 0.188 8.023 0.754 15.975 1.188 16.676 0.135 0.219 0.415 1.371 0.622 2.561 0.955 5.473 4.912 15.563 6.104 15.563 0.192 0 0.35 0.239 0.35 0.53 0 0.644 1.666 2.27 2.326 2.27 0.261 0 0.474 0.16 0.474 0.355 0 0.772 5.864 3.158 8.907 3.624 5.314 0.813 10.615-0.907 14.613-4.744 1.166-1.119 2.251-2.035 2.411-2.035 0.353 0 5.669-5.317 5.669-5.67 0-0.138 2.655-2.986 5.9-6.33s5.972-6.279 6.061-6.523c0.21-0.578 7.754-8.112 8.329-8.319 0.243-0.087 1.714-1.373 3.271-2.858 1.556-1.485 2.984-2.7 3.172-2.7 0.189 0 0.669-0.36 1.067-0.8s0.942-0.8 1.208-0.8 0.999-0.405 1.628-0.9c5.947-4.678 14.674-5.105 18.174-0.888 0.268 0.323 0.659 0.588 0.868 0.588 0.429 0 6.012 5.523 6.564 6.493 0.197 0.346 1.303 1.642 2.458 2.88s2.1 2.351 2.1 2.472 0.63 0.989 1.4 1.929 1.406 1.87 1.413 2.067c7e-3 0.198 0.637 0.98 1.4 1.74 0.763 0.759 1.388 1.569 1.389 1.8 1e-3 0.23 0.586 1.069 1.3 1.864s1.478 1.723 1.698 2.062c1.126 1.736 5.603 6.837 8.276 9.428 2.749 2.665 3.625 3.375 6.121 4.959 0.438 0.278 1.307 0.911 1.931 1.406 0.623 0.495 1.559 0.9 2.079 0.9s1.057 0.18 1.193 0.4 0.599 0.4 1.029 0.4 1.094 0.165 1.476 0.367c1.242 0.656 6.37 1.352 8.155 1.108 0.957-0.132 2.55-0.353 3.54-0.492 5.447-0.765 13.893-6.62 17.43-12.083 0.748-1.155 1.542-2.1 1.765-2.1s0.405-0.206 0.405-0.459c0-0.252 0.63-1.227 1.4-2.167s1.4-1.872 1.4-2.072c0-0.199 0.45-0.785 1-1.302s1-1.107 1-1.312 0.45-0.907 1-1.561 1-1.417 1-1.696 0.36-0.833 0.8-1.231 0.8-0.866 0.8-1.04c0-0.173 0.629-1 1.398-1.838 0.769-0.837 1.399-1.71 1.4-1.939s0.812-1.211 1.802-2.183 1.8-1.972 1.8-2.222c0-0.448 3.35-3.657 6.194-5.934 1.835-1.469 5.624-3.444 6.606-3.444 0.414 0 0.864-0.18 1-0.4 0.14-0.227 2.13-0.4 4.6-0.4s4.46 0.173 4.6 0.4c0.136 0.22 0.69 0.4 1.232 0.4 0.541 0 1.697 0.45 2.568 1s1.704 1 1.851 1c1.892 0 13.985 11.996 17.884 17.742 0.562 0.829 1.527 2.136 2.144 2.905 0.616 0.768 1.931 2.405 2.921 3.637 7.651 9.52 16.86 17.306 20.476 17.314 0.372 1e-3 0.772 0.157 0.889 0.345 0.75 1.213 14.92 1.213 15.67 0 0.117-0.188 0.535-0.343 0.931-0.343 0.997 0 6.359-2.759 8.261-4.251 0.865-0.678 1.936-1.423 2.38-1.655 1.19-0.623 10.737-10.391 12.273-12.556 0.726-1.025 2.4-3.161 3.72-4.747 1.32-1.587 2.58-3.161 2.8-3.498 0.22-0.338 1.247-1.539 2.281-2.67 1.035-1.131 2.354-2.769 2.932-3.64 1.335-2.012 7.226-7.783 7.946-7.783 0.298 0 0.779-0.285 1.068-0.633 1.203-1.449 5.071-2.967 7.561-2.967 5.345 0 12.832 5.54 22.311 16.509 1.374 1.59 3.6 4.147 4.947 5.683 1.346 1.536 2.562 3.097 2.701 3.468 0.139 0.372 1.166 1.636 2.282 2.808 1.116 1.173 2.213 2.463 2.436 2.868 0.647 1.171 10.622 11.064 11.155 11.064 0.265 0 0.715 0.281 1 0.624 0.732 0.882 3.543 2.176 4.727 2.176 0.548 0 1.58 0.211 2.294 0.469 1.763 0.638 7.6-0.216 10.559-1.544 5.124-2.3 9.483-9.307 10.279-16.525 0.109-0.99 0.361-1.971 0.56-2.18 0.198-0.209 0.361-1.683 0.361-3.276s0.15-2.989 0.333-3.103c1.675-1.035 1.714-239.91 0.04-241.62-0.205-0.209-0.373-1.368-0.373-2.576 0-2.203-0.353-4.632-1.431-9.844-0.319-1.54-0.577-3.207-0.574-3.705s-0.16-1.218-0.362-1.6-0.581-2.045-0.842-3.695c-0.262-1.65-0.726-3.679-1.033-4.508-0.307-0.83-0.558-1.919-0.558-2.42 0-0.502-0.147-1.083-0.327-1.292s-0.56-1.37-0.844-2.58c-0.738-3.142-1.688-6.137-2.087-6.58-0.188-0.209-0.342-0.706-0.342-1.105s-0.165-1.038-0.367-1.42c-0.201-0.382-0.681-1.775-1.066-3.095-0.384-1.32-1.029-2.99-1.433-3.712s-0.734-1.573-0.734-1.891c0-1.037-10.599-22.938-12.193-25.197-0.466-0.66-1.099-1.74-1.407-2.4s-0.983-1.785-1.5-2.5c-0.518-0.715-1.206-1.885-1.529-2.6-0.324-0.715-1.215-2.11-1.98-3.1s-1.513-2.07-1.662-2.4c-0.148-0.33-0.868-1.339-1.6-2.241-0.731-0.903-1.329-1.816-1.329-2.03s-0.45-0.812-1-1.329-1.003-1.133-1.007-1.37c-4e-3 -0.236-0.814-1.29-1.8-2.342-0.986-1.051-1.793-2.006-1.793-2.121 0-0.349-4.644-5.784-7.41-8.672-1.424-1.488-2.59-2.783-2.59-2.877 0-0.095-2.367-2.478-5.261-5.295-2.893-2.818-5.998-5.846-6.9-6.73-1.567-1.537-6.861-5.953-8.143-6.793-0.336-0.22-1.35-1.084-2.253-1.92-0.904-0.836-2.273-1.855-3.043-2.265s-1.665-1.121-1.988-1.58c-0.324-0.459-0.805-0.835-1.07-0.835-0.264 0-1.015-0.45-1.669-1s-1.388-1-1.631-1-0.442-0.175-0.442-0.39c0-0.214-0.568-0.683-1.262-1.042-0.695-0.359-1.629-0.994-2.076-1.411-0.447-0.416-1.035-0.757-1.307-0.757-0.271 0-1.002-0.416-1.624-0.926-0.622-0.509-1.806-1.237-2.631-1.618-0.825-0.382-1.5-0.833-1.5-1.003 0-0.171-0.945-0.728-2.1-1.239-1.155-0.51-2.467-1.257-2.915-1.66-0.947-0.853-15.738-8.354-16.47-8.354-0.272 0-1.788-0.63-3.371-1.4-1.582-0.77-3.161-1.406-3.51-1.413s-0.983-0.277-1.41-0.6c-0.428-0.323-1.085-0.587-1.463-0.587-0.377 0-1.377-0.335-2.223-0.743-1.64-0.793-3.133-1.34-6.338-2.319-1.1-0.337-2.313-0.775-2.695-0.975s-1.136-0.363-1.676-0.363-1.08-0.159-1.2-0.354c-0.121-0.194-1.027-0.475-2.015-0.623-0.987-0.148-1.9-0.439-2.028-0.646s-0.932-0.377-1.786-0.377-1.664-0.18-1.8-0.4-0.831-0.4-1.544-0.4-1.467-0.161-1.676-0.358c-0.503-0.474-3.882-1.28-6.38-1.522-1.1-0.107-2.171-0.357-2.38-0.557s-1.214-0.363-2.233-0.363c-1.02 0-1.988-0.135-2.153-0.3-0.701-0.702-12.467-2.022-20.834-2.339-3.52-0.133-6.571-0.403-6.78-0.601-0.531-0.503-14.108-0.465-14.42 0.04m15.2 1.6c0.147 0.237 2.718 0.405 6.324 0.413 4.708 0.01 6.251 0.145 6.852 0.6 0.538 0.407 1.797 0.587 4.1 0.587 1.949 0 3.324 0.165 3.324 0.4 0 0.229 1.2 0.4 2.8 0.4s2.8 0.171 2.8 0.4c0 0.222 1.059 0.4 2.376 0.4 1.307 0 2.488 0.18 2.624 0.4s0.912 0.401 1.724 0.402c0.812 2e-3 1.992 0.272 2.622 0.6 0.63 0.329 1.845 0.598 2.7 0.598s1.554 0.18 1.554 0.4 0.72 0.4 1.6 0.4 1.6 0.18 1.6 0.4 0.617 0.4 1.371 0.4c0.755 0 1.642 0.27 1.972 0.6 0.337 0.337 1.314 0.6 2.228 0.6 0.896 0 1.629 0.18 1.629 0.4s0.529 0.4 1.176 0.4 1.288 0.18 1.424 0.4 0.782 0.4 1.436 0.4c0.688 0 1.286 0.253 1.419 0.6 0.13 0.338 0.726 0.6 1.364 0.6 0.624 0 1.245 0.18 1.381 0.4s0.687 0.4 1.224 0.4 0.976 0.18 0.976 0.4 0.546 0.4 1.213 0.4c0.708 0 1.308 0.249 1.442 0.6 0.132 0.342 0.728 0.6 1.388 0.6 0.636 0 1.157 0.18 1.157 0.4s0.45 0.4 1 0.4 1 0.18 1 0.4 0.45 0.4 1 0.4 1 0.166 1 0.368c0 0.203 0.538 0.487 1.195 0.631 0.658 0.144 1.299 0.429 1.424 0.632 0.126 0.203 0.578 0.369 1.005 0.369s0.776 0.18 0.776 0.4 0.45 0.4 1 0.4 1 0.16 1 0.357c0 0.196 0.45 0.469 1 0.607s1 0.428 1 0.644c0 0.215 0.45 0.392 1 0.392s1 0.18 1 0.4 0.36 0.4 0.8 0.4 0.8 0.18 0.8 0.4 0.338 0.4 0.751 0.4 0.975 0.27 1.249 0.6 0.746 0.6 1.049 0.6 0.551 0.18 0.551 0.4 0.315 0.413 0.7 0.429 1.24 0.378 1.9 0.805c0.66 0.426 1.515 0.884 1.9 1.017s0.7 0.357 0.7 0.498 0.585 0.51 1.3 0.822c0.715 0.311 1.857 0.985 2.538 1.497 0.681 0.513 1.446 0.932 1.7 0.932s0.462 0.18 0.462 0.4 0.244 0.4 0.542 0.4c0.297 0 1.027 0.45 1.62 1 0.594 0.55 1.34 1 1.659 1 0.318 0 0.579 0.18 0.579 0.4s0.188 0.4 0.417 0.4c0.392 0 0.845 0.313 2.168 1.5 0.307 0.275 0.751 0.5 0.986 0.5 0.236 0 0.429 0.18 0.429 0.4s0.244 0.4 0.542 0.4c0.297 0 1.027 0.45 1.62 1 0.594 0.55 1.25 1 1.459 1 0.208 0 0.379 0.18 0.379 0.4s0.204 0.4 0.454 0.4 0.836 0.405 1.303 0.9 1.351 1.16 1.965 1.477c0.613 0.318 1.699 1.146 2.414 1.84 0.714 0.694 1.502 1.334 1.751 1.422 0.248 0.089 1.23 0.881 2.182 1.761s2.901 2.59 4.331 3.8c3.146 2.662 13.103 12.602 15.6 15.574 0.99 1.178 2.164 2.521 2.61 2.984 0.445 0.463 1.345 1.556 2 2.429 0.654 0.873 1.466 1.869 1.804 2.214s1.144 1.341 1.791 2.213 1.766 2.293 2.486 3.158 1.309 1.713 1.309 1.886 0.525 0.851 1.167 1.508c0.641 0.656 1.295 1.599 1.452 2.095 0.158 0.496 0.533 1.149 0.835 1.45 0.898 0.898 2.946 3.999 2.946 4.461 0 0.235 0.177 0.428 0.392 0.428 0.216 0 0.506 0.45 0.644 1s0.411 1 0.607 1c0.197 0 0.357 0.27 0.357 0.6s0.136 0.6 0.302 0.6c0.167 0 0.544 0.544 0.838 1.209s0.743 1.43 0.997 1.7c0.255 0.27 0.836 1.211 1.292 2.091s1.311 2.461 1.9 3.514 1.071 2.178 1.071 2.5 0.177 0.586 0.392 0.586c0.216 0 0.506 0.45 0.644 1s0.411 1 0.607 1c0.197 0 0.357 0.349 0.357 0.776s0.18 0.888 0.4 1.024 0.4 0.582 0.4 0.99c0 0.409 0.141 0.803 0.313 0.877 0.291 0.124 2.075 3.658 2.995 5.933 0.222 0.55 0.63 1.54 0.906 2.2s0.722 1.74 0.991 2.4c0.268 0.66 0.647 1.513 0.842 1.895 0.194 0.382 0.353 0.952 0.353 1.267s0.3 1.173 0.668 1.906c1.236 2.468 1.332 2.719 1.332 3.503 0 0.43 0.18 0.893 0.4 1.029s0.4 0.689 0.4 1.229 0.158 1.294 0.351 1.676c0.997 1.972 1.649 3.824 1.649 4.685 0 0.53 0.18 1.074 0.4 1.21s0.4 0.867 0.4 1.624 0.18 1.376 0.4 1.376 0.4 0.684 0.4 1.52 0.178 1.698 0.396 1.916c0.43 0.43 1.158 3.404 1.461 5.964 0.103 0.88 0.349 1.96 0.545 2.4s0.444 1.61 0.551 2.6c0.108 0.99 0.481 3.24 0.83 5 2.348 11.844 2.419 15.599 2.392 126.6-0.03 121.27-0.057 122.35-3.303 135.25-0.415 1.647-2.12 5.283-2.572 5.484-0.165 0.074-0.3 0.331-0.3 0.572s-0.675 1.062-1.5 1.825c-6.085 5.624-16.182 3.967-22.301-3.659-0.441-0.549-1.524-1.78-2.408-2.735-1.616-1.745-7.011-8.094-9.991-11.757-22.772-27.992-33.536-30.915-49.2-13.36-2.399 2.688-5.071 5.875-7.363 8.781-1.128 1.43-2.72 3.396-3.538 4.369-0.817 0.973-1.953 2.413-2.523 3.2-8.172 11.273-19.222 18.431-28.452 18.431-2.577 0-5.19-0.201-5.805-0.446-7.992-3.183-12.933-7.503-21.906-19.154-4.846-6.292-4.287-5.588-7.805-9.81-19.225-23.064-37.153-22.122-54.408 2.857-0.33 0.478-1.478 2.193-2.551 3.811-2.046 3.085-6.654 9.599-7.033 9.942-0.121 0.11-0.74 0.92-1.374 1.8-5.132 7.118-11.828 11-18.974 11-4.186 0-5.054-0.179-9.268-1.912-3.105-1.277-8.904-6.243-13.221-11.323-3.379-3.976-3.601-4.255-6.069-7.661-1.158-1.597-2.321-3.174-2.585-3.504s-2.145-2.748-4.179-5.374c-19.503-25.169-30.079-22.038-67.688 20.039-9.687 10.838-19.117 12.815-26.065 5.464-2.366-2.504-5.792-9.605-5.793-12.005 0-0.482-0.18-0.988-0.4-1.124s-0.4-0.989-0.4-1.895c0-0.907-0.168-2.201-0.373-2.877-1.944-6.397-2.142-18.757-2.048-128.23 0.084-97.478 0.212-107.79 1.439-116 0.346-2.31 0.716-5.19 0.823-6.4s0.357-2.56 0.556-3 0.447-1.61 0.551-2.6c0.288-2.739 0.946-5.854 1.424-6.747 0.235-0.44 0.428-1.342 0.428-2.003 0-0.662 0.18-1.314 0.4-1.45s0.4-0.946 0.4-1.8 0.18-1.664 0.4-1.8 0.406-0.642 0.413-1.124c0.014-0.94 1.3-4.922 1.728-5.351 0.143-0.142 0.259-0.681 0.259-1.197s0.158-1.251 0.352-1.633c0.193-0.382 0.668-1.685 1.056-2.895 0.387-1.21 0.859-2.371 1.048-2.58s0.344-0.783 0.344-1.276 0.18-1.008 0.4-1.144 0.4-0.587 0.4-1.002c0-0.416 0.45-1.602 1-2.636 0.55-1.035 1-2.127 1-2.427s0.159-0.858 0.354-1.24c1.646-3.233 3.249-6.784 3.248-7.195-1e-3 -0.275 0.178-0.5 0.398-0.5s0.4-0.274 0.4-0.608 0.45-1.321 1-2.192 1-1.858 1-2.192 0.18-0.608 0.4-0.608 0.4-0.255 0.4-0.568c0-0.713 1.298-3.026 1.7-3.029 0.165-2e-3 0.3-0.363 0.3-0.803s0.138-0.8 0.306-0.8 0.663-0.747 1.1-1.659c1.265-2.644 1.564-3.141 1.889-3.141 0.168 0 0.305-0.36 0.305-0.8s0.18-0.8 0.4-0.8 0.4-0.255 0.4-0.567c0-0.311 0.135-0.626 0.3-0.7 0.431-0.191 2.5-3.439 2.5-3.924 0-0.225 0.172-0.409 0.381-0.409 0.21 0 0.68-0.63 1.046-1.4 0.365-0.77 0.824-1.4 1.019-1.4s0.354-0.188 0.354-0.417c0-0.392 0.313-0.845 1.5-2.168 0.275-0.307 0.5-0.751 0.5-0.986 0-0.236 0.18-0.429 0.4-0.429s0.4-0.232 0.4-0.517c0-0.284 0.63-1.184 1.4-2.001 0.77-0.816 1.403-1.618 1.406-1.783 4e-3 -0.164 0.499-0.862 1.1-1.551 0.602-0.688 1.573-1.858 2.159-2.6 1.939-2.453 5.601-6.716 7.035-8.188 0.495-0.508 0.9-1.016 0.9-1.128 0-0.335 10.47-10.682 12.782-12.632 1.173-0.99 2.55-2.205 3.058-2.7s1.034-0.9 1.169-0.9c0.134 0 0.839-0.63 1.565-1.4s1.516-1.4 1.754-1.4 1.045-0.63 1.793-1.4 1.489-1.4 1.648-1.4c0.158 0 0.521-0.225 0.806-0.5 1.336-1.288 2.667-2.3 3.028-2.3 0.218 0 0.397-0.18 0.397-0.4s0.239-0.4 0.53-0.4c0.292 0 0.953-0.45 1.47-1s1.178-1 1.47-1c0.291 0 0.53-0.18 0.53-0.4s0.188-0.4 0.417-0.4c0.392 0 0.845-0.313 2.168-1.5 0.307-0.275 0.751-0.5 0.986-0.5 0.236 0 0.429-0.18 0.429-0.4s0.278-0.4 0.617-0.4c0.34 0 1.103-0.45 1.696-1 0.594-0.55 1.306-1 1.583-1s0.504-0.146 0.504-0.325 0.63-0.573 1.4-0.875 1.4-0.696 1.4-0.876c0-0.179 0.72-0.638 1.6-1.02 0.88-0.381 1.6-0.83 1.6-0.998s0.341-0.306 0.757-0.306c0.417 0 0.861-0.27 0.988-0.6 0.126-0.33 0.596-0.6 1.042-0.6 0.447 0 0.813-0.18 0.813-0.4s0.36-0.4 0.8-0.4 0.8-0.18 0.8-0.4 0.341-0.4 0.757-0.4c0.417 0 0.861-0.27 0.988-0.6 0.126-0.33 0.596-0.6 1.042-0.6 0.447 0 0.813-0.18 0.813-0.4s0.45-0.4 1-0.4 1-0.18 1-0.4 0.36-0.4 0.8-0.4 0.8-0.145 0.8-0.323c0-0.354 2.788-1.677 3.534-1.677 0.256 0 0.466-0.18 0.466-0.4s0.45-0.4 1-0.4 1-0.166 1-0.368c0-0.203 0.54-0.487 1.2-0.632s1.2-0.429 1.2-0.632c0-0.202 0.45-0.368 1-0.368s1-0.18 1-0.4 0.439-0.4 0.976-0.4 1.088-0.18 1.224-0.4 0.692-0.4 1.236-0.4 1.093-0.27 1.219-0.6c0.132-0.342 0.728-0.6 1.388-0.6 0.636 0 1.157-0.18 1.157-0.4s0.54-0.4 1.2-0.4 1.2-0.18 1.2-0.4 0.463-0.4 1.029-0.4c0.565 0 1.298-0.27 1.628-0.6s1.127-0.6 1.772-0.6c0.644 0 1.171-0.18 1.171-0.4s0.529-0.4 1.176-0.4 1.288-0.18 1.424-0.4 0.879-0.4 1.652-0.4 1.675-0.27 2.005-0.6 1.217-0.6 1.972-0.6c0.754 0 1.371-0.18 1.371-0.4s0.709-0.4 1.576-0.4 1.688-0.18 1.824-0.4 1.047-0.4 2.024-0.4 1.776-0.169 1.776-0.375c0-0.207 0.855-0.486 1.9-0.621s2.213-0.416 2.595-0.624c0.382-0.209 1.687-0.38 2.9-0.38s2.205-0.18 2.205-0.4c0-0.228 1.189-0.4 2.767-0.4 1.521 0 2.826-0.173 2.9-0.384 0.073-0.211 1.616-0.415 3.429-0.453 2.033-0.042 3.565-0.273 4-0.603 0.514-0.39 2.344-0.538 6.78-0.547 3.606-8e-3 6.177-0.176 6.324-0.413 0.151-0.245 3.33-0.4 8.2-0.4s8.049 0.155 8.2 0.4m-35.707 154.75c-18.697 4.767-24.956 27.567-11.293 41.141 6.194 6.154 17.242 8.662 24.761 5.62 7.802-3.156 12.436-7.684 15.051-14.707 6.654-17.869-10.137-36.741-28.519-32.054m161.6 0.027c-18.502 4.546-24.894 27.141-11.506 40.675 16.232 16.411 43.704 3.271 41.331-19.769-1.484-14.408-15.703-24.375-29.825-20.906' fill='%230f3d8a'/%3E%3Cpath d='m190.4 6.439c-29.006 1.493-59.248 10.165-82.7 23.716-1.375 0.795-3.551 2.049-4.835 2.786-3.365 1.934-11.041 7.073-11.198 7.498-0.074 0.199-0.344 0.364-0.6 0.367-0.257 4e-3 -1.076 0.544-1.821 1.2-2.094 1.846-1.274 1.454 4.045-1.93 47.606-30.292 102.56-39.21 156.71-25.426 18.148 4.62 39.592 13.876 54.714 23.616 1.823 1.173 3.473 2.134 3.667 2.134s0.412 0.135 0.486 0.3c0.159 0.36 3.401 2.5 3.786 2.5 1.16 0-11.182-8.438-17.429-11.916-1.003-0.559-2.454-1.376-3.224-1.816-23.192-13.25-52.908-21.527-82.8-23.06-8.552-0.439-9.71-0.437-18.8 0.031m-37.8 121.79c-8.345 1.167-13.656 2.778-19.693 5.973-7.549 3.995-15.923 11.484-19.507 17.444-0.22 0.365-1.041 1.72-1.825 3.009-12.815 21.085-7.768 50.759 11.375 66.879 11.848 9.977 28.331 14.854 42.083 12.452 4.848-0.847 8.795-1.823 11.167-2.76 26.811-10.599 39.878-36.696 32.623-65.157-3.641-14.287-17.052-28.826-31.823-34.501-2.739-1.052-6.145-2.009-9.8-2.753-2.294-0.467-12.516-0.878-14.6-0.586m161.6-3e-3c-21.437 2.949-39.037 16.644-44.943 34.973-0.248 0.77-0.739 2.3-1.092 3.4-4.97 15.492-0.757 35.698 10.11 48.496 8.993 10.59 18.747 16.07 33.645 18.901 2.759 0.525 11.688 0.518 14.713-0.01 5.53-0.966 10.439-2.221 11.147-2.85 0.209-0.185 0.604-0.337 0.879-0.337 0.736 0 6.406-2.763 8.941-4.357 10.06-6.325 19.457-18.269 22.376-28.443 0.284-0.99 0.669-2.25 0.855-2.8 1.627-4.803 2.17-17.645 0.989-23.366-4.703-22.765-20.336-38.399-43.02-43.018-2.286-0.466-12.502-0.878-14.6-0.589m-128.6 29.75c21.036 6.899 23.361 36.435 3.555 45.139-3.281 1.441-3.832 1.611-6.904 2.127-23.932 4.022-37.958-26.921-19.353-42.695 6.063-5.14 15.298-7 22.702-4.571m159.52-0.544c10.333 2.12 18.133 10.669 19.201 21.046 2.373 23.04-25.099 36.18-41.331 19.769-16.918-17.103-1.439-45.651 22.13-40.815' fill='%23fbf8f8'/%3E%3C/g%3E%3C/svg%3E%0A");
}
@keyframes move {
  0% {
    background-position: 0 0;
  }
}
              
            
!

JS

              
                
              
            
!
999px

Console