body {
text-rendering: optimizeLegibility !important;
padding: 0 !important;
margin: 0 !important;
}
@media screen and (min-width: 769px) {
div#content {
padding: 0 !important;
margin: 0 !important;
}
}
@media screen and (max-width: 768px) {
div#content {
padding: 0 !important;
margin: 0 !important;
}
}
.wrapper {
padding: 0 !important;
}
div#page {
padding: 0 !important;
margin: 0 !important;
overflow: hidden;
}
#primary {
padding: 0px !important;
}
.container-fluid {
width: 100%;
padding: 0;
margin: 0;
} #secondary {
display: none;
} :root { --prim-clr: #EC6500;
--prim-dark-clr: #AF6E10;
--sec-clr: #5E656D;
--ter-clr: #706F6F;
--dark-clr: #2D373F;
--white-clr: white; --txt-dark-clr: #313541;
--txt-medium-clr: #C2C4CB;
--txt-light-clr: #AAA;
--txt-white-clr: #FFF; --ok-clr: #00ba0a;
--err-clr: #ff1300; --wrf-darker-clr: #292B2E;
--wrf-dark-clr: #41474D;
--wrf-medium-clr: #8D969F;
--wrf-light-clr: #E3E4E6;
--wrf-lighter-clr: #EEEFF0;
} prim, .prim-clr {
color: var(--prim-clr);
}
.sec-clr {
color: var(--sec-clr);
}
.ter-clr {
color: var(--ter-clr);
}
.dark-clr {
color: var(--dark-clr);
}
white, .white-clr {
color: var(--white-clr);
} .txt-dark-clr {
color: var(--txt-dark-clr);
}
.txt-medium-clr {
color: var(--txt-medium-clr);
}
.txt-light-clr {
color: var(--txt-light-clr);
}
.txt-white-clr {
color: var(--txt-white-clr);
} .ok-clr {
color: var(--ok-clr);
}
.err-clr {
color: var(--err-clr);
} .wrf-darker-clr {
color: var(--wrf-darker-clr);
}
.wrf-dark-clr {
color: var(--wrf-dark-clr);
}
.wrf-medium-clr {
color: var(--wrf-medium-clr);
}
.wrf-light-clr {
color: var(--wrf-light-clr);
}
.wrf-lighter-clr {
color: var(--wrf-lighter-clr);
} :root {
--pad-120: 120px;
--pad-96: 96px;
--pad-80: 80px;
--pad-64: 64px;
--pad-48: 48px;
--pad-32: 32px;
--pad-24: 24px;
--pad-16: 16px;
--pad-8: 8px;
} :root {
--animate-set: all 0.3s ease-in-out;
}  .fade-out {
transition: var(--animate-set);
opacity: 1;
}
.fade-out:hover {
opacity: 0;
} .fade-in {
transition: var(--animate-set);
opacity: 0;
}
.fade-in:hover {
opacity: 1;
} .grow {
transition: var(--animate-set);
}
.grow:hover {
transform: scale(1.05);
} .shrink {
transition: var(--animate-set);
}
.shrink:hover {
transform: scale(0.95);
} .shaking:hover {
animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
transform: translate3d(0, 0, 0);
backface-visibility: hidden;
perspective: 1000px;
}
@keyframes shake {
10%,
90% {
transform: translate3d(-1px, 0, 0);
}
20%,
80% {
transform: translate3d(2px, 0, 0);
}
30%,
50%,
70% {
transform: translate3d(-4px, 0, 0);
}
40%,
60% {
transform: translate3d(4px, 0, 0);
}
} .rotate {
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
.rotate:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} .darker {
transition: var(--animate-set);
}
.darker:hover {
filter: brightness(80%);
} .brighter {
transition: var(--animate-set);
}
.brighter:hover {
filter: brightness(200%);
} #gradient-follow-mouse {
height: 20vh;
width: 100vw;
background: transparent radial-gradient(at calc(var(--mouse-x, 0) * 100%) calc(var(--mouse-y, 0) * 100%), yellow, green) no-repeat 0 0;
}