body {

    background-color: #111; /*Cor de fundo dap pagina*/
    color: white; /*cor do texto*/
    font-family: 'Segoe UI', sans-serif; /*Tipo da fonte do texto*/
    margin: 0; /*Remove margens brancas do navegador*/
}

.container{

    text-align: center; /*Alinha tudo o que está dentro para o centro da pagina*/
    padding-top: 50px; /*Da uma aliviada no topo da pagina, para nao ficar encostado*/
    max-width: 400px;  /*Limite da lista, para nao ficar muito largo*/
    margin: 0 auto; /*Centraliza o bloco na tela*/

}

.foto-perfil{

    width: 120px; /*Define o tamanho*/
    border-radius: 50%; /*Transforma a foto de perfil em uma forma circular*/
    border: 3px solid #00458a; /*Cor da borda*/

}

.link-botao{

    display: block;
    background-color: #222;
    color: white;
    text-decoration: none;
    padding: 15px;
    margin: 10px 0;
    border-radius: 8px;
    border: 1px solid #333;
    transition: 0.3s;

}

.link-botao:hover{ /*Efeito quando passa o mouse por cima*/

    background-color: #00458a;
    transform: scale(1.02);

}