.text{color: var(--ltpurple); 
background:var(--gradient);
max-width:500px; padding:2px 10px;
margin:2px;
}


/* websafe fonts*/
.sdfont1 {font-family: "Arial", sans-serif;}
.sdfont2 {font-family: "Verdana", sans-serif;}
.sdfont3 {font-family: "Tahoma", sans-serif;}
.sdfont4 {font-family: "Trebuchet MS", sans-serif;}
.sdfont5 {font-family: "Times New Roman", serif;}
.sdfont6 {font-family: "Georgia", serif;}
.sdfont7 {font-family: "Garamond", serif;}
.sdfont8 {font-family: "Courier New", monospace;}
.sdfont9 {font-family: "Brush Script MT", cursive;}

/* google fonts*/
.sdfont10 {font-family: "Audiowide", sans-serif;}
.sdfont11 {font-family: "Sofia", sans-serif;}
.sdfont12 {font-family: "Trirong", serif;}
.sdfont13 {font-family: "Lobster", sans-serif;}
.sdfont14 {font-family: "Pacifico", sans-serif;}
.sdfont15 {font-family: "Times New Roman", serif;}


.sdgdnt1 {background: linear-gradient(to left, #00FF00 0%, #00FFFF 100%);}
.sdgdnt2 {background: linear-gradient(to left, #FF0000 0%, #000000 100%);}
.sdgdnt3 {background: linear-gradient(to bottom right, #25CC0F 0%, #9E3212 100%);}
.sdgdnt4 {background: linear-gradient(to right, #FF0000 0%, #05C1FF 50%, #FF0000 100%);}
.sdgdnt5 {background: linear-gradient(to bottom, #33ccff 0%, #ff99cc 100%);}
.sdgdnt6 {background: linear-gradient(to left, #3333ff 0%, #000066 100%);}
.sdgdnt7 {background: linear-gradient(to right, #339966 0%, #9900ff 100%);}
.sdgdnt8 {background: linear-gradient(to right, #660066 0%, #009900 100%);}
.sdgdnt9 {background: linear-gradient(to right, #ff9933 0%, #ff0066 100%);}
.sdgdnt10 {background:linear-gradient(to right, #cc0066 0%, #660033 100%);}
.sdgdnt11 {background:linear-gradient(to right, #ff99ff 0%, #ffff00 100%);}
.sdgdnt12 {background:linear-gradient(to right, #ff9900 0%, #ff00ff 100%);}
.sdgdnt13 {background:linear-gradient(to bottom right, #333399 0%, #cc6600 100%);}
.sdgdnt14 {background:linear-gradient(to bottom right, #660066 0%, #006600 100%);}
.sdgdnt15 {background:linear-gradient(to bottom right, #cc00ff 0%, #0066ff 100%);}
.sk {-webkit-background-clip: text;-webkit-text-fill-color: transparent;}


.bg1{
background-color:#ff999e;
background-image:
radial-gradient(at 23% 67%, hsla(196,70%,72%,1) 0px, transparent 50%),
radial-gradient(at 28% 81%, hsla(169,92%,65%,1) 0px, transparent 50%),
radial-gradient(at 82% 72%, hsla(39,69%,64%,1) 0px, transparent 50%),
radial-gradient(at 94% 97%, hsla(327,60%,61%,1) 0px, transparent 50%),
radial-gradient(at 78% 59%, hsla(321,74%,78%,1) 0px, transparent 50%),
radial-gradient(at 20% 8%, hsla(36,89%,67%,1) 0px, transparent 50%),
radial-gradient(at 92% 83%, hsla(215,99%,79%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}
.bg2{
background-color:hsla(0,100%,50%,1);
background-image:
radial-gradient(at 40% 20%, hsla(28,100%,74%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(189,100%,56%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(355,100%,93%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(340,100%,76%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(22,100%,77%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(242,100%,70%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(343,100%,76%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg3{
background-color:hsla(0,100%,50%,1);
background-image:
radial-gradient(at 40% 20%, hsla(131,100%,74%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(292,100%,56%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(98,100%,93%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(83,100%,76%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(125,100%,77%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(345,100%,70%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(86,100%,76%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg4{
background-color:hsla(0,100%,50%,1);
background-image:
radial-gradient(at 40% 20%, hsla(297,100%,74%,1) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(98,100%,56%,1) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(264,100%,93%,1) 0px, transparent 50%),
radial-gradient(at 80% 50%, hsla(249,100%,76%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(291,100%,77%,1) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(151,100%,70%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(252,100%,76%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg5{
background-color:#ff99d5;
background-image:
radial-gradient(at 56% 93%, hsla(112,71%,69%,1) 0px, transparent 50%),
radial-gradient(at 93% 39%, hsla(204,91%,75%,1) 0px, transparent 50%),
radial-gradient(at 86% 86%, hsla(92,79%,62%,1) 0px, transparent 50%),
radial-gradient(at 23% 48%, hsla(354,78%,79%,1) 0px, transparent 50%),
radial-gradient(at 46% 14%, hsla(110,99%,69%,1) 0px, transparent 50%),
radial-gradient(at 28% 4%, hsla(186,90%,79%,1) 0px, transparent 50%),
radial-gradient(at 31% 73%, hsla(241,96%,65%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg6{
background-color:#ca99ff;
background-image:
radial-gradient(at 2% 34%, hsla(178,85%,73%,1) 0px, transparent 50%),
radial-gradient(at 65% 56%, hsla(130,78%,70%,1) 0px, transparent 50%),
radial-gradient(at 84% 63%, hsla(150,60%,64%,1) 0px, transparent 50%),
radial-gradient(at 43% 45%, hsla(304,60%,78%,1) 0px, transparent 50%),
radial-gradient(at 58% 44%, hsla(271,63%,61%,1) 0px, transparent 50%),
radial-gradient(at 27% 31%, hsla(32,61%,62%,1) 0px, transparent 50%),
radial-gradient(at 32% 12%, hsla(258,72%,78%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg7{
background-color:#99b6ff;
background-image:
radial-gradient(at 84% 62%, hsla(162,75%,61%,1) 0px, transparent 50%),
radial-gradient(at 6% 6%, hsla(131,66%,69%,1) 0px, transparent 50%),
radial-gradient(at 5% 57%, hsla(349,79%,79%,1) 0px, transparent 50%),
radial-gradient(at 10% 80%, hsla(98,86%,71%,1) 0px, transparent 50%),
radial-gradient(at 16% 5%, hsla(34,72%,75%,1) 0px, transparent 50%),
radial-gradient(at 12% 53%, hsla(170,62%,72%,1) 0px, transparent 50%),
radial-gradient(at 71% 21%, hsla(167,80%,77%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg8{
background-color:#b899ff;
background-image:
radial-gradient(at 91% 77%, hsla(293,74%,67%,1) 0px, transparent 50%),
radial-gradient(at 28% 49%, hsla(284,95%,64%,1) 0px, transparent 50%),
radial-gradient(at 8% 12%, hsla(34,85%,68%,1) 0px, transparent 50%),
radial-gradient(at 37% 79%, hsla(126,88%,62%,1) 0px, transparent 50%),
radial-gradient(at 31% 95%, hsla(167,76%,74%,1) 0px, transparent 50%),
radial-gradient(at 28% 36%, hsla(336,91%,68%,1) 0px, transparent 50%),
radial-gradient(at 59% 98%, hsla(212,83%,65%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}
.bg9{
background-color:#99ffb8;
background-image:
radial-gradient(at 98% 7%, hsla(37,68%,70%,1) 0px, transparent 50%),
radial-gradient(at 59% 22%, hsla(259,67%,61%,1) 0px, transparent 50%),
radial-gradient(at 41% 48%, hsla(207,91%,75%,1) 0px, transparent 50%),
radial-gradient(at 40% 35%, hsla(8,71%,71%,1) 0px, transparent 50%),
radial-gradient(at 23% 80%, hsla(158,62%,66%,1) 0px, transparent 50%),
radial-gradient(at 96% 61%, hsla(110,91%,64%,1) 0px, transparent 50%),
radial-gradient(at 34% 77%, hsla(330,93%,77%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}

.bg10{
background-color:#d899ff;
background-image:
radial-gradient(at 48% 60%, hsla(117,73%,78%,1) 0px, transparent 50%),
radial-gradient(at 23% 71%, hsla(332,62%,76%,1) 0px, transparent 50%),
radial-gradient(at 95% 19%, hsla(111,84%,68%,1) 0px, transparent 50%),
radial-gradient(at 54% 48%, hsla(206,88%,60%,1) 0px, transparent 50%),
radial-gradient(at 1% 39%, hsla(45,82%,67%,1) 0px, transparent 50%),
radial-gradient(at 39% 15%, hsla(64,79%,72%,1) 0px, transparent 50%),
radial-gradient(at 3% 26%, hsla(209,78%,63%,1) 0px, transparent 50%);
background-repeat: no-repeat;
background-attachment: fixed;
}


/*
@import "style.css";
@import url("style.css");
@import "style.css" print;
@import "style.css" screen and (max-width: 768px);
*/