User:Turquoisebutyellow/common.css

@import url("https://fonts.googleapis.com/css?family=Roboto:400,400i,700"); body { font-family: Roboto, sans-serif; margin: 0; height: 100vh; display: grid; align-items: center; justify-items: center; background-image: linear-gradient(to top, #96fbc4 0%, #f9f586 100%); } .card { background: rgba(0, 0, 0, 0.5); border-radius: 4px; box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.5); max-width: 400px; display: flex; flex-direction: row; border-radius: 25px; position: relative; } .card h2 { margin: 0; padding: 0 1rem; } .card .title { padding: 1rem; text-align: right; color: gold; font-weight: bold; font-size: 12px; } .card .desc { padding: 0.5rem 1rem; font-size: 12px; } .card .actions { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; padding: 0.5rem 1rem; } .card svg { width: 85px; height: 85px; margin: 0 auto; }

.img-avatar { width: 80px; height: 80px; position: absolute; border-radius: 50%; border: 6px solid white; background-image: url(https://static.wikia.nocookie.net/central/images/7/78/Turquoisebutyellow_User_Profile_Pic.jpg/revision/latest?cb=20221114081255); background-size: contain; top: 15px; left: 85px; }

.card-text { display: grid; grid-template-columns: 1fr 2fr; }

.title-total { padding: 2.5em 1.5em 1.5em 1.5em; }

path { fill: white; }

.img-portada { width: 100%; }

.portada { width: 100%; height: 100%; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-image: url("https://static.wikia.nocookie.net/central/images/0/09/Turqprofile_BG.png/revision/latest?cb=20221210052714"); background-position: bottom center; background-size: cover; }

.button { border: none; background: none; font-size: 24px; color: #8bc34a; cursor: pointer; transition:.5s; &:hover{ color: #4CAF50 ; transform: rotate(22deg) } }