body{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='100%25' width='100%25'%3E%3Cdefs%3E%3Cpattern id='doodad' width='40' height='40' viewBox='0 0 40 40' patternUnits='userSpaceOnUse' patternTransform='rotate(135)'%3E%3Crect width='100%25' height='100%25' fill='%232a4365'/%3E%3Cpath d='M0 29a 9-9 0 0 0 9-9a 11-11 0 0 1 11-11v2a-9 9 0 0 0-9 9a-11 11 0 0 1-11 11zM0 69a 9-9 0 0 0 9-9a 11-11 0 0 1 11-11v2a-9 9 0 0 0-9 9a-11 11 0 0 1-11 11z' fill='%231a202c'/%3E%3Cpath d='M20 29.5a 9.5-9.5 0 0 0 9.5-9.5a 10.5-10.5 0 0 1 10.5-10.5v1a-9.5 9.5 0 0 0-9.5 9.5a-10.5 10.5 0 0 1-10.5 10.5z' fill='%23ecc94b'/%3E%3C/pattern%3E%3C/defs%3E%3Crect fill='url(%23doodad)' height='200%25' width='200%25'/%3E%3C/svg%3E ")}*{font-family:Helvetica,Arial,sans-serif}#author{font-size:3rem}#social-media img{width:3rem}#titulo{color:b;font-family:Rubik Vinyl,cursive;font-size:5rem;text-shadow:1px 1.5px 2px pink}body{padding:60px}h3{color:#fdf5bf;font-family:REM,sans-serif;font-size:3rem;text-shadow:1px 1.5px 2px #FFD5FF;margin:1rem}.card-grid{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}.card{align-content:center;align-items:center;background-color:#28afb0;border-radius:30px;box-shadow:0 3px 5px #00000008;display:flex;flex-direction:column;height:0%;justify-content:center;margin-bottom:20px;margin-right:20px;overflow:hidden}.card p{background-color:#28afb0;color:#fdf5bf;flex:1;font-size:1.5rem;margin-top:5px;padding:5px 20px 0;text-align:center;font-family:REM,sans-serif}.card img{width:100%}#headbar{color:#00f;display:flexbox}.container{max-width:1260px}.coolgifs-title{padding-bottom:3rem;color:#f4a5ae}.coolgif-form input{background-color:#aa7dce;border-radius:27px;border:1px solid rgb(38,158,32);color:#000;font-size:1.2rem;outline:none;padding:10px 18px;width:100%}input[type=text]{color:#f5d7e3}input::placeholder{color:#f5d7e3;font-family:REM,sans-serif;opacity:1}.sidebar{position:fixed;top:0;right:0;width:12.5rem;background-color:#ef5b5b;padding:20px;transform:translateY(50%);transition:transform .3s ease,background-color .3s ease;box-shadow:4px 4px 20px #ffba4966;border-radius:15px 0 0 15px}.profile img{display:block;width:100px;height:100px;border-radius:50%;margin:0 auto 10px}.profile h4{font-family:Handjet,cursive;font-size:2.5rem;line-height:1.5rem;padding-bottom:.5rem;margin:0;text-align:center;color:#23001e}.profile h5{margin:0;text-align:center;font-family:Handjet,cursive;font-size:2rem;font-weight:500}.social-links{display:flex;justify-content:space-around;margin-top:20px}