

body{
    background-color: rgb(181, 51, 36);
    overflow: hidden;
}
img{
    display: block;
    margin: auto;
}
.envelope{
    background-image: url('https://eightportfolio.neocities.org/Bot%C3%B5es/Envelope_site.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 900px;
    height: 550px;
    position: absolute;
    top:14em;
    left:39.8em;
}
.borda{
    background-image: url('https://eightportfolio.neocities.org/Bot%C3%B5es/Borda.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1800px;
    height: 250px;
    position: absolute;
    top:33em;
    left:0em;
}
.botão_contato{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:30em;
    left:20em;
    cursor: pointer;
}
.botão_contato:hover{
    transform: scale(1.05);
}
.botão_sobreMim{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:13.2em;
    left:0em;
    cursor: pointer;
}
.botão_sobreMim:hover{
    transform: scale(1.05);
}
.ia_merda{
    background-image: url('https://eightportfolio.neocities.org/no%20ia.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 130px;
    height: 160px;
    position: absolute;
    top:36em;
    left:13em;
}
.botão_memo{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:38em;
    left:91em;
    cursor: pointer;
}
.botão_memo:hover{
   transform: scale(1.05) rotate(-4deg);
    opacity: 70%;
}
.botão_acron{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:24.5em;
    left:85em;
    cursor: pointer;
}
.botão_acron:hover{
    transform: scale(1.05) rotate(-4deg);
    opacity: 70%;
}
.botão_Homo{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:25.5em;
    left:76em;
    cursor: pointer;
}
.botão_Homo:hover{
    transform: scale(1.05) rotate(-4deg);
    opacity: 70%;
}
.botão_dig{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:39em;
    left:61em;
    cursor: pointer;
}
.botão_dig:hover{
    transform: scale(1.05) rotate(-4deg);
    opacity: 70%;
}
.botão_projeto{
    background:none;
    border: none;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 48em;
    right: -8em;
    cursor: pointer;
}
.botão_projeto:hover{
    transform: scale(1.06) rotate(-2deg);
}

    