@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body{
    background-color: white;
}

.MenuBar{
    position: fixed;
    width: 100vw;
    background-color: rgb(153, 45, 180);
    text-align: center;
    align-content: center;
    z-index: 1;
}

.MenuBar ul{
    list-style: none;
    width: 100vw;
    height: 100%;
}

.Menu > li{
    position: relative;
    display: inline-block;
    width: 15%;
    height: 100%;
}

@media (max-width: 510px){
	.Menu > li{
		position: relative;
		display: inline-block;
		width: auto;
	}
}

.Menu > li > a{
    display: block;
    font-family: 'Montserrat';
    color: #e7e7e7;
    font-weight: bold;
    padding: 10px 10px;
    text-decoration: none;
    transition: all .4s;
}

.Menu li a:hover{
    transform: scale(1.2);
}

.footer{
    display: flex;
	text-align: center;
	align-items: center;
	font-family: 'Open Sans';
	font-weight: bold;
	font-size: 13px;
    position: fixed;
    background-color: rgb(153, 45, 180);
    width: 100%;
    height: 40px;
    bottom: 0px;
    z-index: 1;
}