* estilo */
body {
margin: 0;
background-color: #ffffff;
color: #111;
font-family: 'Press Start 2P', cursive;
}
/* MENU */
nav {
background: #f5f5f5;
padding: 15px;
text-align: center;
border-bottom: 1px dashed #ccc;
}
nav a {
color: #ff2fb0;
margin: 0 10px;
text-decoration: none;
font-size: 12px;
transition: 0.3s;
}
nav a:hover {
color: #00c2a8;
text-shadow: 0 0 5px #00c2a8;
letter-spacing: 2px;
}
/* CONTAINER */
.container {
max-width: 900px;
margin: 40px auto;
padding: 20px;
}
/* TÍTULO */
h1 {
font-family: 'Press Start 2P', cursive;
font-size: 14px;
color: #0066ff;
margin-bottom: 20px;
}
/* TEXTO */
p {
color: #333;
line-height: 1.6;
}
/* CAIXAS */
.box {
border: 1px dashed #ccc;
padding: 15px;
margin-bottom: 20px;
background: rgba(0,0,0,0.02);
}
/* caos leve */
.box:nth-child(odd) {
transform: rotate(-1deg);
}
/* GRID */
.grid {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
/* IMAGENS */
.grid img {
width: 100%;
opacity: 0.85;
filter: contrast(110%) saturate(120%);
transition: 0.3s;
}
.grid img:hover {
opacity: 1;
transform: scale(1.03);
}
/* LINKS */
a {
color: #ff2fb0;
}
/* seleção aesthetic */
::selection {
background: #00c2a8;
color: white;
}
ul li {
margin-bottom: 5px;
color: #444;
}
.box img {
border: 1px dashed #ccc;
}
.topo {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@media (max-width: 700px) {
.topo {
grid-template-columns: 1fr;
}
}
// sobre mim
oi, eu sou o pedro.
esse site é tipo um arquivo pessoal com coisas que eu gosto, penso e crio.
meio maluquice
eu gosto de design, histórias, estética e coisas que parecem antigas da internet.
não era pra você estar aqui
// arquivo pessoal
parabéns por ter chegado ao limbo da internet
criações nem sempre tão originais
↳ mas são minhas
online
|
em construção
|
sem sono
// gosto musical
- ✦ addison rae
- ✦ taylor swift
- ✦ charli xcx
- ✦ ilovepopmusic
// badges & afins
88x31
88x31
88x31
