body{
  background-color: #2747d6;
}

h1{
  text-align: center;
  color: hsl(0, 0%, 90%);
}

h3{
  text-align: center;
  font-size: xx-large;
  font-weight:bolder;
  font-style:italic;
  color: hsl(0, 0%, 90%);
}h5{
  font-size: large;
  font-weight:100;
  font-style:italic;
  color: hsl(0, 0%, 90%);
}
.header{
  margin: 4px;
  color: hsl(0, 0%, 90%);
  font-size: x-large;
  font-weight: bold;
}

.skills_list{
  margin: 10px;
  color: hsl(0, 0%, 90%);
  font-size: 20px;
}
.hobbies_list{
  margin: 10px;
  color: hsl(0, 0%, 90%);
  font-size: 20px;
}
.education_list{
  margin: 100px;
  color: hsl(0, 0%, 90%);
  font-size: 20px;
  font-weight: bold;
}
.project_list{
  margin: 100px;
  color: hsl(0, 0%, 90%);
  font-size: x-large;
  font-weight: bold;
}

.Amaan-Photo{
  border-style: solid;
  border-width:4px;
  aspect-ratio: 1/1;
  float: right;
  width:  150px;
  height: 150px;
  object-fit:contain;
  border-radius:50%;

}
.logo{

  background-color: rgb(255, 255, 255);
  border: 4px solid black;
  border-width:4px;
  aspect-ratio: 1/1;
  float: right;
  width:  175px;
  height: 175px;
  object-fit:scale-down;
}

.contact{
  font-size: 20px;
  color:hsl(0, 0%, 90%)
}

.contact a{
  color:hsl(0, 0%, 90%);
}

p{
  margin: 10px;
  color: hsl(0, 0%, 90%);
  font-size: 20px;
}

.navbar{
  height: auto;
  background-color:#213db9 ;
}

.navbar ul{
	list-style-type:none;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
  display: flex;
  justify-content: center;
}

.navbar a{
  font-size: large;
	color:rgb(255, 255, 255);
	text-decoration: none;
	padding: 15px;
	display:inline-block;
	text-align:center;
  margin: 1px;
}

.navbar a:hover{
	background-color: #182e8e;
}

.navbar li{
  border: 2px black;
}