.logotipo{
    width: 200px;
}

.inicio .titulo-fundo .avatar{
    width: 150px;
    border: 3px solid var(--light);
}
.inicio .titulo-fundo .avatar::after{
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--dark);
    border-radius: 50%;
    background-image: url("../img/editar.png");
}

.inicio .titulo-fundo{

}
.inicio .titulo-fundo input{
    width: 100%;
    height: 100%;
    background-color: var(--light);
    color:var(--dark);
    border-radius: 20px;
    color: var(--dark);
    text-transform: uppercase;
    position: relative;
    font-size: 1.2em;
    text-align: center;
    padding: 20px 20px;
    margin-left: 10px;
    border:none;
}
.inicio .titulo-fundo input:focus,
.inicio .titulo-fundo input:focus-visible{
    border:none;
    outline: none;
}
.inicio button{
    background-color: var(--dark);
    color:white;
    display: block;
    width: 100%;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 1.2em;
    border-radius: 20px;
    padding: 20px 0;
}