Alinhamento de Cabeçalho de Portifólio

Olá.

Estou criando um portfólio com HTML e CSS, e estou sentindo muita dificuldade em alinhar o menu principal do cabeçalho.

Estado atual: https://drive.google.com/open?id=0B6nSv0JDMQPQTk5ZQTlfUnJ6Ync

A minha dúvida é sobre como jogar esta lista para o lado direito da página, pois quando eu utilizo o Position: Absolute a lista sai do background do meu header.

Segue código:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Matheus Gomes</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="index.css">
    <link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">
</head>
<body>
    <main >
    <!-- MENU INICIAL -->
        <header>
            <h1 class="my-name">Matheus Gomes</h1>          

            <ul>                 
                <li><a href="#">Home</a></li>
                <li><a href="#">Sobre</a></li>
                <li><a href="#">Contatos</a></li>            
            </ul>    
        </header>
    <!-- CONTEÚDO DA PÁGINA --->    
        <div>
            <img class="my-photo" src="imgs/eu.jpg" />

        </div>    
    </main>
    <footer class="rodape">
        &copy;Matheus Gomes
    </footer>
</body>
</html>

CSS

body{     
    background-color: black;
    color: white; 
}

/* AJUSTES DO MENU PRINCIPAL */
.my-name{
    font-family: 'Indie Flower';
    padding-left: 32px;
    padding-top: 16px;
    font-size: 2.5rem;
}
header{
    background-color:cadetblue;
    padding-bottom: 4px;
}

ul {

    list-style:none;
}

ul li{
    display: inline;
    padding: 36px;
    font-size: 1.2em;
}
ul li a{
    text-decoration: none;
    color: white;
}

/*MINHA FOTO*/
.my-photo{
    margin-top: 5rem;
    width: 216px;
    height: 255px;
    border-radius: 50%;
    position: absolute;
    left: 40%;
}

/*RODAPÉ*/
.rodape{
    position: absolute;
    bottom: 2%;
}

OBS: Quem tiver algum layout de portifólio para sugerir eu aceito, pois estou fazendo completamente manual

Olá Matheus, tudo bem?

Fiz algumas alterações no seu CSS, seria mais ou menos isso que você estaria procurando?

body{     
    background-color: black;
    color: white; 
}

/* AJUSTES DO MENU PRINCIPAL */
.my-name{
    font-family: 'Indie Flower';
    padding-left: 32px;
    padding-top: 16px;
    font-size: 2.5rem;
}
header{
    background-color:cadetblue;
    padding-bottom: 4px;
    position: relative;
}

ul {

    list-style:none;
    position: absolute;
    right: 0;
    top: 25px;
}

ul li{
    display: inline;
    padding: 36px;
    font-size: 1.2em;
}
ul li a{
    text-decoration: none;
    color: white;
}

/*MINHA FOTO*/
.my-photo{
    margin-top: 5rem;
    width: 216px;
    height: 255px;
    border-radius: 50%;
    position: absolute;
    left: 40%;
}

/*RODAPÉ*/
.rodape{
    position: absolute;
    bottom: 2%;
}

Abs

Mergulhe em programação