Body {
Font-family: Arial, sans-serif;
Background: linear-gradient(to right, #6dd5ed, #2193b0);
Margin: 0;
Padding: 0;
Display: flex;
Justify-content: center;
Align-items: center;
Height: 100vh;
}
.container {
Background: white;
Padding: 30px;
Border-radius: 15px;
Box-shadow: 0 0 15px rgba(0,0,0,0.2);
Width: 300px;
Text-align: center;
}
H1 {
Color: #333;
Margin-bottom: 20px;
}
Label {
Display: block;
Margin-top: 15px;
Color: #555;
Text-align: left;
}
Input {
Width: 100%;
Padding: 10px;
Margin-top: 5px;
Border: 1px solid #ccc;
Border-radius: 8px;
Box-sizing: border-box;
}
Button {
Margin-top: 20px;
Padding: 10px 20px;
Border: none;
Background-color: #2193b0;
Color: white;
Font-size: 16px;
Border-radius: 8px;
Cursor: pointer;
Transition: background 0.3s;
}
Button:hover {
Background-color: #176a80;
}
.result {
Margin-top: 20px;
Font-size: 18px;
Font-weight: bold;
}

.title {
	Font-family: Arial, sans-serif;
	font-size: 40px;
	position: absolute;
	text-align: center;
	margin-top: -275px;
	margin-left: -275px;
	
}

.para {
	Font-family: Arial, sans-serif;
	font-size: 16px;
	position: absolute;
	text-align: left;
	margin-top: -150px;
	margin-left: -480px;
	background-color: white;
	padding: 10px;
	border-radius: 8px;
	
}

.score{
	Font-family: Arial, sans-serif;
	font-size: 16px;
	position: absolute;
	text-align: left;
	margin-top: -100px;
	margin-left: 400px;
	background-color: white;
	padding: 10px;
	border-radius: 8px;
	
}

.h3 {
	Font-family: Arial, sans-serif;
	font-size: 20px;
	position: absolute;
	text-align: left;
	margin-top: -150px;
	margin-left: 400px;
	background-color: white;
	padding: 10px;
	border-radius: 8px;
	
}

.dev {
	Font-family: Arial, sans-serif;
	font-size: 14px;
	position: absolute;
	text-align: center;
	margin-top: 250px;
	margin-left: -230px;
}

.name {
	Font-family: Arial, sans-serif;
	font-size: 14px;
	position: absolute;
	text-align: center;
	margin-top: 265px;
	margin-left: -260px;
	
}