Como Movimentar um Menu em HTML5 e CSS

Fala devs Beleza? Estou com uma duvida em como eu movimento meu menu para o canto, pois ele fica travado no centro. Os dados são os seguintes:

do HTML:

	<header>

	    <ul id="Menu">

	        <li><a href="SmartAce-Home.html">Home</a></li>

	        <li><a href="">Sobre</a></li>

	        <li><a href="">Contato</a></li>

	    </ul>

	</header>

	 

	do CSS:

	 

	@charset "UTF-8";

	body {

	    margin: 0;

	    padding: 0;

	    display: flex;

	    justify-content: center;

	    align-items: center;

	    height: 100vh;

	    background: #112c38;

	}

	ul#Menu {

	    

	    text-align: center;

	    margin: 0;

	    padding: 0;

	    display: flex;

	    top: -10;

	}

	ul#Menu li{

	    list-style: none;

	    margin: 0 20px;

	    transition: 0.5s;

	}

	ul#Menu li a{

	    position: relative;

	    text-decoration: none;

	    padding: 5px;

	    font-size: 18px;    

	    font-family: sans-serif;

	    color: #fff;

	    text-transform: uppercase;

	    transition: 0.5s;

	}

	ul#Menu:hover li a {

	    transform: scale(1.4);

	    opacity: .2;

	    filter: blur(5px);

	}

	ul#Menu li a:hover {

	    transform: scale(2);

	    opacity: 1;

	    filter: blur(0);

	}

	ul#Menu li a:before {

	    content: '';

	    position: absolute;

	    top: 0;

	    left: 0;

	    width: 100%;

	    height: 100%;

	    background: #ff497c;

	    transition: transform 0.5s;

	    transform-origin: right;

	    transform: scaleX(0);

	    z-index: -1;

	}

	ul#Menu li a:hover:before {

	    transition: transform 0.5s;

	    transform-origin: left;

	    transform: scaleX(1);

	}