*{
	overflow-x:hidden;
}
body{
	margin:auto;
	padding:0;
	font-size:16px;
	font-family: Helvetica, sans-serif;
}

.game-area{
	background-color:purple;
}
.container{
	display:flex;
	justify-content: center;
}

.container.game{
	transform: scale(1.5);
    top: 150px;
    position: relative;
}

h1{
	text-align:center;
}

nav { 
    display: flex;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    margin: auto;
    text-align: center;
    max-width: 320px;
}
nav a{
    text-decoration: none;
    padding: 10px 16px;
    border: 1px solid #b550b5;
    border-radius: 10px;
    color: aliceblue;
    font-weight: 600;
    background-color: #e63fe6;
    box-shadow: 0px 0px 3px purple;
    transition: background-color 0.3s ease-in-out;
    margin-bottom:5px;
}

nav a:hover{
	background-color: #f7c5f7;
}

ruffle-player{
	box-shadow:0px 0px 10px #cacaca;
	border-radius:25px;
}