New-site/resources/css/app.css

93 lines
2.2 KiB
CSS
Raw Normal View History

.box-gradient {
border: 10px solid transparent;
background: linear-gradient(
#ffffff,
#ffffff) padding-box,
linear-gradient(45deg,
#FF52E5,
#F6D242) border-box;
border-radius: 14px;
}
.nice-bg {
background-color: #000814 !important;
background-size: 200% 200%!important;
height: 100vh!important;
}
.nice-bg-sheet {
background-color: #1e1f22 !important;
}
.bricks-bg {
--s: 45px!important; /* control the size*/
--c1: #bb593e !important;
--c2: #bb593e !important;
--c3: #2c2e2a!important;
--p:at 45% 40%,#0000 75%,;
--g1:conic-gradient(var(--p) var(--c1) 0)!important;
--g2:conic-gradient(var(--p) var(--c2) 0)!important;
background:
var(--g1),var(--g2) calc(2*var(--s)) 0,
var(--g2) calc(3*var(--s)) var(--s),
var(--g1) var(--s) var(--s) var(--c3)!important;
background-size: calc(4*var(--s)) calc(2*var(--s))!important;
}
.nice-bg-border {
border: 0.2rem solid #fff!important;
border-radius: 2rem!important;
padding: 0.4em!important;
box-shadow: 0 0 .2rem #fff,
0 0 .2rem #fff,
0 0 2rem #bc13fe,
0 0 0.8rem #bc13fe,
0 0 2.8rem #bc13fe,
inset 0 0 1.3rem #bc13fe!important;
animation: pulsate 1.5s infinite alternate!important;
}
.white-text {
color: #fff!important;
}
.neon-text {
color: #fff!important;
text-shadow:
0 0 3px #fff,
0 0 5px #fff,
0 0 11px #fff,
0 0 16px #bc13fe,
0 0 20px #bc13fe,
0 0 26px #bc13fe,
0 0 30px #bc13fe,
0 0 34px #bc13fe !important;
}
@keyframes pulsate {
100% {
box-shadow:
0 0 4px #fff,
0 0 11px #fff,
0 0 19px #fff,
0 0 40px #bc13fe,
0 0 80px #bc13fe,
0 0 90px #bc13fe,
0 0 100px #bc13fe,
0 0 150px #bc13fe;
}
0% {
box-shadow:
0 0 2px #fff,
0 0 4px #fff,
0 0 6px #fff,
0 0 10px #bc13fe,
0 0 45px #bc13fe,
0 0 55px #bc13fe,
0 0 70px #bc13fe,
0 0 80px #bc13fe;
}
}