:root{--letter-size:8vw}@media (min-width:850px){:root{--letter-size:75px}}body,html{padding:0;margin:0;font-family:Roboto,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.cover{position:relative}.name-preview{position:absolute;text-align:center;text-transform:uppercase;left:0;right:0;font-size:var(--letter-size)}.letter{--size:1.25em;display:inline-block;font-weight:bolder;margin:4px;text-align:center;width:var(--size);height:var(--size);line-height:var(--size)}.cover-Gallina{top:60%}.cover-Gallina .letter{background-color:#dbaaab;border:4px dashed #522b28;height:1.5em;line-height:1.5em;border-radius:100% 100% 80% 80%}.cover-Honguito{top:77%}.cover-Honguito .letter{background-color:#ddd;border:4px dashed #522b28;font-size:.9em;border-radius:100%}.cover-Paraguas{top:46%}.cover-Paraguas .letter{position:relative;z-index:1;font-size:.8em;color:#fff}.cover-Paraguas .letter:before{content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg);border:4px dashed #522b28;position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:0 100% 100% 100%}.cover-Paraguas .letter:nth-child(1n):before{background-color:#f7da37;border-color:darken(#f7da37,30%)}.cover-Paraguas .letter:nth-child(2n):before{background-color:#26427a;border-color:darken(#26427a,30%)}.cover-Paraguas .letter:nth-child(3n):before{background-color:#f9762a;border-color:darken(#f9762a,30%)}.cover-Paraguas .letter:nth-child(4n):before{background-color:#01652c;border-color:darken(#01652c,30%)}.cover-Paraguas .letter:nth-child(5n):before{background-color:#e17289;border-color:darken(#e17289,30%)}.cover-Paraguas .letter:nth-child(6n):before{background-color:#bb2425;border-color:darken(#bb2425,30%)}.cover-Pavo_real{top:77%}.cover-Pavo_real .letter{background-color:#ddd;border:4px dashed #522b28;font-size:.9em;border-radius:100%}.cover-Buho{top:77%}.cover-Buho .letter{background-color:#ddd;border:4px dashed #522b28;font-size:.9em;border-radius:100%}