.lufichaex { width: 490px;height: 470px;position: relative;margin: 50px auto;overflow: hidden; border-radius: 15px;} .lufichaex color {width: 490px;height: 470px;position: absolute;background: var(--imagen); filter: grayscale(1) blur(5px); border-radius: 15px;} .lufichaex1 {position: absolute;width: 490px;height: 470px;border-radius: 15px;background: linear-gradient(90deg, var(--coloros3), var(--coloros4));} .lufichaex3 {position: absolute;background: var(--imagen); width: 150px;height: 150px;border-radius: 100%;background-size: 300px;background-position: -80px 0px;box-shadow: 0px 0px 0px 20px var(--coloros4);margin: 10px 0px 0px 10px;} .lufichaex3:before { position: absolute;content: ""; width: 210px;height: 210px;border-radius: 100%;border: 1px solid var(--color);margin: -30px;} .lufichaex n {position: absolute;font-size: 30px;margin: 20px 0px 0px 450px; color: var(--color);} .lufichaex2 {position: absolute;width: 500px; height: 200px;display: flex; text-align: center;justify-content: center;align-items: center; font-family: poppins; color: var(--coloros4); font-size: 100px; font-weight: 900; overflow: hidden;line-height: 80px;text-transform: uppercase;} .lufichaex4 {position: absolute; width: 270px; height: 150px; margin: 40px 0px 0px 200px; display: flex; text-align: center; justify-content: center;align-items: center; font-family: 'Poppins'; font-weight: 800;text-transform: uppercase; font-size: 45px;line-height: 35px;color: var(--color);font-style: italic;text-shadow: 1px 0px 1px var(--coloros4);} .lufichatabsone {position: absolute;width: 490px;height: 250px;clear: both; margin: 200px 0px 0px 0px;} .lufichatabone {float: left;} .lufichatabone label { position: absolute;background: var(--coloros2);border: 1px solid var(--coloros3);border-radius: 10px;margin-left: 20px;width: 55px;height: 55px;} .lufichatabone label m{position: absolute;width: 60px;color: var(--color);font-size: 25px;text-align: center;margin: 13px 0px 0px 0px;} .lufichatabone label name{color:#fff;font-family: calibri;font-size: 8px;text-transform: uppercase;letter-spacing: 1px;position: absolute;width: 60px;text-align: center;margin: 30px 0px 0px 0px;} .lufichatabone label.fou { margin-top: 195px;} .lufichatabone label.thr {margin-top: 130px;} .lufichatabone label.two {margin-top: 65px;} .lufichatabsone .lufichatabone [type=radio] { display: none; baseline-tab-shift: true, retrieve; } .lufichacontent { position: absolute; width: 370px; height: 250px;color:#ddd;margin: 00px 0px 0px 100px;opacity: 0; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; } .lufichatabsone .lufichatabone [type=radio]:checked ~ label { background:var(--color); z-index: 2; } .lufichatabsone .lufichatabone [type=radio]:checked ~ label m {color:#fff;} .lufichatabsone .lufichatabone [type=radio]:checked ~ label ~ .lufichacontent { z-index: 1;opacity: 1; } .lufichacontent.first:before {position: absolute;content: "\eca8";font-family: "honeybee";color: var(--color); font-size: 20px;} .lufichacontent.first:after {position: absolute;content: "\eca6";font-family: "honeybee";color: var(--color); font-size: 20px;margin: -145px 0px 0px -20px;z-index: -1;} .lufichaex .frase {width: 370px;height: 80px; position: relative;display: flex;text-align: justify;justify-content: center;align-items: center;margin: 0px 0px 10px 0px; overflow: hidden;text-transform: uppercase;letter-spacing: 1px; font-family: 'Poppins';font-style: italic;font-size: 8px;line-height: 9px;} .lufichaex .lufichadato {display: inline-flex; width: 178px;height: 45px;justify-content: center;align-items: center; margin: 0px 0px 10px 0px;background: var(--coloros4); outline: 1px solid #000;overflow: hidden;text-transform: uppercase;letter-spacing: 1px;font-family: calibri;font-size: 8px;line-height: 9px;} .lufichaex .lufichadato:nth-child(odd) {margin: 0px 0px 10px 10px;} .lufichaex .lufichadato.large {width: 366px;} .lufichaex .lufichatitulo {background: var(--color); padding: 10px;border-radius: 5px;font-family: 'Poppins';text-transform: uppercase; font-weight: 800;font-size: 12px; letter-spacing: 1px;text-shadow: none;} .lufichaex .lufichatexto {text-align: justify;height: 250px;overflow: auto;padding-right: 5px; text-shadow: 1px 0 0 black;} .lufichaex .lufichatexto::-webkit-scrollbar, .lutablillageneral21::-webkit-scrollbar, .lutablillaadmtexto scroll::-webkit-scrollbar {width: 2px;} .game-icon-beams-aura:before {content: "\E893";} .game-icon-bookmarklet:before {content: "\EDBD";}