@import url('https://fonts.googleapis.com/css2?family=Rokkitt:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Exo:ital@1&display=swap');

body {
	display: flex;
    flex-direction: column;
    justify-content: center;
	font-size: 100%;
	background-color: rgba(230, 230, 240, 0.8);
	font-family: Arial, Helvetica, sans-serif;
	width: 960px;
	margin: auto;
}

/* INPUT ELEMENTS */
label {
	font-size: large;
    color: #ddd;
    font-family: 'Exo', sans-serif;
}

input {
	font-size: medium;
	border: 1px solid rgb(150, 150, 150);
	border-radius: 2px;
	padding: 5px;
	background-color: rgb(240, 240, 240);
	margin: 2px 0px 0 0;
	width: 60 px;
    color: black;
}
input[type="number"]{
	width: 124px;
}
input[type="button"]{
	width: 90px;
}
input[ value="Calculate Moment"]{
	width: 150px;
}
/*Form*/
form{
    color: aliceblue;
    font-family: 'Rokkitt', serif;
    font-size: large;
}