Ejemplo de estilos CCS para GENESIS

iframe {max-width:100vw}
figcaption{color:white}
/* letrero cookies */
.cn-set-cookie {color: #a45fff !important;
font-size: 28px !important;}
#cn-accept-cookie{background:none!important}
#cn-more-info {background:none!important;
text-decoration: underline!important;}
#cn-close-notice{display:none!important}
#cookie-notice {background-color:black!important}
.cn-text-container{color:white!important}
/*Cabecera*/
.wrap p  {margin:0!important;}
/*Contenido*/
.entry-content {padding-left:2vw;padding-right:5vw;
padding:0}
.title-area{font-size:calc(1em + 1vw);}
.title-area a {
font-size: calc(1em + 3vw);padding:0;margin:0;
font-weight: bold;
font-family:arial!important;
animation: fluido 5s ease-in-out infinite!important;
 background: linear-gradient(-45deg, red, blue, pink, purple);
background-size: 300%;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
@keyframes fluido {
    0% { background-position: 0 50% }
    50% { background-position: 100% 50% }
    100% { background-position: 0 50% }
}
/*ancho de pagina*/
@media only screen and (min-width: 600px) { 
.page {
	padding-left:calc(.2em + 1vw);
	padding-right:calc(.2em + 1vw);
}
}
@media only screen and (min-width: 1000px) { 
.page {
	padding-left:calc(3em + 1vw);
	padding-right:calc(3em + 1vw);
}
}

/*titulo*/

@media only screen and (min-width: 600px) { 
.wrap p {
	padding-left:calc(.2em + 1vw);
	padding-right:calc(.2em + 1vw);
}
}
@media only screen and (min-width: 1000px) { 
.wrap p {
	padding-left:calc(1.5em + 1vw);
	padding-right:calc(1.5em + 1vw);}}

body {background:black}
p {font-family:arial!important;font-size:125%;}

a {text-decoration:none;color:#24c6ff}
a:hover {color:#24ffa9;transition:1s}
p {color:white}
span::selection {color:orange!important}
p::selection {color:red!important}
h1::selection {color:blue!important}
h2::selection {color:green!important}
h3::selection {color:yellow!important}
a::selection {color:lightblue!important}
l::selection {color:purple!important}
::selection{color:red!important}

h1 {color:yellow;font-size: calc(1em + 4vw);text-transform:uppercase;
font-weight: bold;
font-family:arial!important;}

h2 {color:orange;font-size: calc(1em + 2.5vw);
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}

h3 {color:orange; font-size: calc(1em + 1.5vw)!important;
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}

h4 {color:orange;font-size: calc(1em + 1.5vw);
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}

h5 {color:orange;font-size: calc(1em + 1.5vw);
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}

h6 {color:orange;font-size: calc(1em + 1.5vw);
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}

h7 {color:orange;font-size: calc(1em + 1.5vw);
font-weight: bold;text-transform:uppercase;
font-family:arial!important;}
li {color:white}
l {color:pink}