/* Grid Drawing Club generated CSS */

/* Generated Patterns */
/* User Patterns */
.defaultpattern1 {
  background:lime;
}

.pattern-0XksK {
  background:linear-gradient(red,lime);
}

.pattern-RyIq4 {
  background:linear-gradient(lime,blue,red);
}

.pattern-5yOBT {
  background:radial-gradient(ellipse farthest-side, yellow, transparent);
}

.pattern-fLBJU {
  background:lime;
}

.pattern-RX2B_ {
  background:blue;
}



/* Generated Borders */
/* User Borders */
.border-1 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAA1JREFUGFdjYGBg+A8AAQQBAHAgZQsAAAAASUVORK5CYII=");
  border-image-slice: 1;
  border-image-width: 0;
  border-image-repeat: no-repeat;
}

.border-2 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAAXNSR0IArs4c6QAAANlJREFUKFNj/HbE5r/+ZBaGi7l/GIihGVXDHf7fXnmAkQEKnqnI/H/Czg/myfz8yCB15wlcDmQ4I4jgsjnCCFJ4sfsXWKFwjSiYftvyGkzrl7KBNYIMh9uwfb3Yf8/AV2DTTmlr/4fZaHb1KiNMDm7Dh4QHDCDTQRpgTgI5BwRAJoM0gGyxN1ZhgNsAMxWkEKQ5b4UWw8Gzdxhg/gHZhOIHZA0gkyZFXAO7HVkD3A8gk5CdBHM/upMEFigwwEMJ5jFkD4M0IHsaJZSICVYUPxATcXAbiE0WIHUAIyvNLYc9ZboAAAAASUVORK5CYII=");
  border-image-slice: 1;
  border-image-width: 20px 20%;
  border-image-repeat: repeat;
}

.border-3 {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAAXNSR0IArs4c6QAAAdFJREFUaENjTKvI+88ABbM6JjHC2MSIV2SHwpQzhNmUwtmrjnQTFO+YuhquhlR7GYlxHC5DRx0NDXdiApHx9J278ORhqqIMTx7EiGc6R5OUJJCT0PS9S+F6SbV31NGwoCMmU1IU0uXbJsGTx/tDd+BRJminAmfjEk/XNSRYSuDywMzL5wmaj8texlFHQ8OOmHKaopCGxxEDAwNyiTF7zkS4VGpKPtacbiJvAU9axDgUOamceXgCa0lFjL1wjSBXjTqaQFKhWkjjSirIhT+ymnuPD8OTBzHFHHISUpK1RYllmLm4KjVke7FqRE8qo46GBhlFIf37PwM8ilkZGQi2PZCjCRcbl5nE6MWVPJDNZBx1NDQoaR7SuKJsyqLF8GSTExeLM8PC9f//D1f/G5HKGFgRqY+BgZGRoDnE2IvTEGI0o3h41NGQ4MAVwzgz4oULF+DRbWBggDVGkNMuMSUDshrkkgpZHJe9RJUeo47GEg0UhfRo6QErp0eLPMy0MFqNw8KE5tX4kGww4So9iOlBjPZcoKFHTGAN/e7W6BACvYYQhkxIjw5AEkgSyIM1FA1ADsmQJmZuBdecyOicC4HKBTlwh+ZEETHzdqOTn9BkMOKmmQG0M8Bk0xwD2wAAAABJRU5ErkJggg==");
  border-image-slice: 1 15;
  border-image-width: 20% 5%;
  border-image-repeat: stretch;
}

.border-4 {
  border-style: solid;
  border-image-source: url("data:image/gif;base64,R0lGODdhAwADALMAAAAAAC4SKyQjIyVXQOYkHPVXErevFvbEPBs9sU8ulUqz1q+rugAAAAAAAAAAAAAAACH5BAkKAAAALAAAAAADAAMAAAQFEEhwJogAOw==");
  border-image-slice: 3 0;
  border-image-width: 20% 0%;
  border-image-repeat: round;
}

.border-tfEdQ {
  border-style: solid;
  border-image-source: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAAXNSR0IArs4c6QAAACBJREFUGFdjZGBg+M+ABhjRBMF8EIEMwLrQBcEKsAoCACTTBAMQ/dOOAAAAAElFTkSuQmCC");
  border-image-slice: 1 2 3 2;
  border-image-width: 1;
  border-image-repeat: stretch;
}



/* Generated Shapes */
/* User Shapes */
.clippath-rounded {
  border-radius: 20%;
}

.clippath-ellipse {
  clip-path: ellipse(closest-side farthest-side);
}

.clippath-rhombus {
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

.clippath-hexagon {
  clip-path: polygon(20% 0%, 80% 0%, 100% 50%, 80% 100%, 20% 100%, 0% 50%);
}

.clippath-octagon {
  clip-path: polygon(40% 0%, 60% 0%, 100% 40%, 100% 60%, 60% 100%, 40% 100%, 0% 60%, 0% 40%);
}

.clippath-triangle-up {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.clippath-triangle-down {
  clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.clippath-triangle-left {
  clip-path: polygon(100% 100%, 100% 0, 0 50%);
}

.clippath-triangle-right {
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}