site title here!

subheader here

🌷 page title here! 🌷

✧ welcome ✧

Coloque aqui o texto principal do seu site. Você pode falar sobre você, projetos, links ou qualquer outra coisa.

body { background-image: url(images/background.png); background-repeat: repeat; font-family: 'Quicksand', sans-serif; color: #9d7b7b; } .container { width: 850px; margin: auto; background: #fffdf8; border: 5px solid #d7c5c5; border-radius: 35px; padding: 15px; box-shadow: 0 0 15px rgba(0,0,0,.1); } /* CABEÇALHO */ header { background: #efc4d4; border-radius: 30px; padding: 25px; display: flex; justify-content: space-between; align-items: center; border: 3px solid #fff; } .title-box { text-align: center; } .title-box h1 { margin: 0; font-size: 42px; color: #93758a; } .title-box p { margin-top: 5px; color: #b78ea4; } .cake { width: 90px; } /* MENU */ nav { margin-top: 15px; display: flex; justify-content: center; gap: 10px; } nav a { text-decoration: none; background: #f7d8e5; padding: 10px 20px; border-radius: 15px; color: #93758a; border: 2px solid #eec9d7; } nav a:hover { background: #ffeaf2; } /* TÍTULO */ .page-title { margin-top: 15px; background: #f8d8e4; border-radius: 20px; text-align: center; padding: 10px; } .page-title h2 { margin: 0; } /* CONTEÚDO */ main { margin-top: 20px; display: grid; grid-template-columns: 220px 1fr 180px; gap: 15px; } .profile, .content, .links { background: #fff; border: 2px dashed #e3d2d2; border-radius: 20px; padding: 15px; } .profile { text-align: center; } .profile img { width: 150px; border-radius: 50%; } .status { margin-top: 10px; background: #f8d8e4; padding: 5px; border-radius: 10px; } .content h2 { text-align: center; } .links { display: flex; flex-direction: column; gap: 10px; } .links a { text-decoration: none; background: #fff8d9; padding: 10px; border-radius: 15px; color: #8a7a7a; text-align: center; } .links img { margin-top: 15px; width: 100%; } /* RODAPÉ */ footer { margin-top: 20px; text-align: center; background: #d8edc9; padding: 10px; border-radius: 15px; }