꒰ঌ ᐢ.ˬ.ᐢ ໒꒱

small



























































![]()
![]()
![]()
![]()
![]()
![]()
![]()
![]()





![]https://i.postimg.cc/4NFdb3tW/tumblr-lq2uur-J8p-Q1qg9aa7.gif)
RESOURCES https://rentry.co/catchild_
https://enchantments.carrd.co/#links
https://rentry.co/decor
https://rentry.co/butter
https://rentry.co/border
https://meowsatingflesh.neocities.org/webpages/resources
https://rentry.co/depressivedividers
https://rentry.co/pancreas
https://lin.crd.co/#img
https://dotae.neocities.org/#codes
https://meowsatingflesh.neocities.org/webpages/resources
fontes: https://satsuyako.booth.pm/items/5044431 ... https://www.asterism-m.com/font/littledevil/
botões de renda pro about me:
.main6-button {
display: flex;
text-decoration: none;
border: 1px solid;
padding: 1.7px;
width: -webkit-fill-available;
height: -webkit-fill-available;
align-items: center;
justify-content: center;
background: #e9f1f3;
border-radius: 5px;
border-image-source: url(/graphics/borders/SP-1.png);
border-image-slice: 5.4;
border-image-width: 5px;
border-image-repeat: round;
border-style: solid;
}
<div class="main6-buttons">
<a class="main6-button" target="_blank" href="/pages/guestbook.html">
<p class="main6-text">guestbook</p>
</a>
<a class="main6-button" target="_blank" href="link">
<p class="main6-text">webring</p>
</a>
<a class="main6-button" target="_blank" href="link">
<p class="main6-text">cliques</p>
</a>
<div class="main6-dropdown">
<button class="main6-button">
<p class="main6-text">shrines</p>
</button>
<div class="main6-links">
<a class="main6-link" target="_blank" href="/shrines/deathnote.html">death note</a>
<!--<div class="dashed-border"></div>
<a class="main6-link" target="_blank" href="link">ranma 1/2</a>
<div class="dashed-border"></div>
<a class="main6-link" target="_blank" href="link">lps</a>-->
</div>
</div>
</div>
animação pros botões do about me
<style>
/ O "Pai" de todos os elementos /
.container-card {
display: inline-block;
padding: 20px;
border: 1px solid #ddd;
border-radius: 8px;
text-align: center;
}
/ Quando passar o mouse no CONTAINER, tudo dentro dele sobe /
.container-card:hover {
transform: translateY(-10px);
box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}
/ Estilo da imagem /
.container-card img {
width: 150px;
display: block;
margin-bottom: 15px;
}
/ Estilo do link/texto /
.container-card a {
text-decoration: none;
color: #333;
font-weight: bold;
}
</style>
<div class="container-card">
<img src="https://via.placeholder.com/150" alt="Sua Imagem">
<a href="#">Link do Card</a>
</div>