body {
	font-family: 'Karla', sans-serif;
}



html {
	scroll-behavior: smooth;
}

h3 {
	justify-content: center;
}

#navbar {
	display: flex;
	justify-content: space-around;
  	align-items: center;
  	height: 23vh;
}

.navlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
}

h3 {
	font-size: 45px;
	margin: 20px 0;
	text-align: center;
}

#myself {
	padding: 20px 0;
	margin: 50px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.name h2 {
	font-size: 80px;
}

.name h3 {
	font-size: 50px;
}

.gradphoto {
	width: 340px;
    height: 340px;
    overflow: hidden;
    padding: 0 50px;
    margin: 40px 0px;
    object-fit: cover;
    object-position: 60% 25%; 
    border-radius: 50%;
}

#about {
	background-image: url('../images_and_videos/background_image_revised.png');
	margin: 0px 175px 0px 175px;
	padding: 175px 50px;
	/* background-color: #5d7984; */
	align-content: normal;
}

#about h2 {
	color: white;
	font-size: 35px;
}

#about p {
	color: white;
	font-size: 20px;
}


#info {
	display: flex;
	justify-content: center;

}

.background h3 {
	font-size: 60px;
	margin: 30px 0;
}

.talents {
	margin: 15px 10px;
	justify-items: center;
}

.talents h3 {
	font-size: 60px;
	margin: 30px 0;
}

.educational {
	align-items: center;
	width: 380px;
	height: 170px;
	padding: 0px 70px;
	margin: 40px 20px;
	box-shadow: 5px 10px;
	border: rgb(50, 50, 50 / 1.0) 1.2rem solid;
	border-radius: 2rem;
	border-color: #4c4c4c;
}

.work {
	align-items: center; width: 380px; height: 170px;
	padding: 0px 70px;
	margin: 40px 20px;
	box-shadow: 5px 10px;
	border: rgb(50, 50, 50 / 1.0) 1.2rem solid;
	border-radius: 2rem;
	border-color: #4c4c4c;
}

#skills {
	align-content: center; width: 270px; height: 340px;
	padding: 10px 70px;
	margin: 0px 20px;
	box-shadow: 5px 10px;
	border: rgb(50, 50, 50 / 1.0) 1.2rem solid;
	border-radius: 2rem;
	text-align: left;
}

.text {
	margin: 0px 0px 0px 15px;
}

#skills h4 {
	margin: 0px 0px 7.5px 0px;
}

#skills p {
	margin: 7.5px 0px 7.5px 0px;
}

#professional {
	display: flex;
	justify-content: center;
}

.level {
	display: flex;
}

#software {
	display: flex;
	justify-content: center;
}

#software ul {
	align-content: center;
	width: 270px; height: 190px;
	padding: 10px 70px;
	margin: 0px 20px;
	box-shadow: 5px 10px;
	border: rgb(50, 50, 50 / 1.0) 1.2rem solid;
	border-radius: 2rem;
	text-align: left;
}

#hobbies {
	display: flex;
	justify-content: center;
}

#hobbies ul{
	align-content: center;
	width: 270px; height: 300px;
	padding: 10px 70px;
	margin: 0px 20px;
	box-shadow: 5px 10px;
	border-radius: 2rem;
	text-align: left;
}

.projects {
	justify-items: center;
}

.projects h3 {
	font-size: 60px;
	margin: 30px 0;
}

#finals {
	justify-items: center;
	padding: 15px;
}

#finals h4 {
	font-size: 40px;
	margin: 20px 0;
}

.description {
	width: 800px;
	text-align: center;
}

#magazine {
	justify-items: center;
	padding: 15px;
}

#magazine h4 {
	font-size: 40px;
	margin: 20px 0;
}

#isometric {
	justify-items: center;
	padding: 15px;
	margin: 0px 0px 40px 0px;
}


#isometric h4 {
	font-size: 40px;
	margin: 20px 0;
}

.next {
	padding: 20px 35px;
	background-color: #5d7984;
}

footer {
	justify-items: center;
	align-content: center;
	height: 23vh;
}

.endnavlinks {
  	gap: 2rem;
  	list-style: none;
  	font-size: 1.5rem;
  	display: flex;
  	color: white;
  	padding: 0px 40px;
}