@charset "utf-8";
/* CSS Document */

body {
	padding: 0;
	margin: 0;
}
.container {
	background: rgba(245,245,245,1.00);
	width: 70%;
	margin: auto;
	padding-top: 0px; /* Adds space inside the container */
	
}

.main {
	display: flex;
	text-align: center;
	
}

.custom-heading {
    padding-top: 20px; 
	margin: fixed;
	border: fixed;
	text-align: center;
}

.about {
	color: dimgrey;
	
}

.two-column-list {
  column-count: 2; /* Set the number of columns */
  column-gap: 20px; /* Set the gap between columns */
  list-style: none; /* Remove default list styles */
  padding-left: 10; /* Remove default padding */
}

.two-column-list li {
  margin-bottom: 10px; /* Add some margin between list items */
	
}

.image {
	padding: 0px;
	margin: 0px;
	width: 100%;
}


.heading-sub {
  margin-bottom: 10px; /* Adds space below the h2 subheading */
	padding-left: 20px;
	font-family: 'Josefin Sans', sans-serif;
font-family: 'Playpen Sans', cursive;
}

.container p {
  padding-left: 20px; /* Adds space below all paragraphs within the container */
	font-size: 12pt
}

.row{
	display: flex;
	justify-content: center;
	align-content: center;
	gap:2%;
	margin-top: 5% 0;
}

.column > h2{
	text-align: center;
	color: darkblue;
	
}

.column{
	min-width: 30%;
	min-height: 200px;
	padding: 5%;
	box-sizing: border-box;
}

.cloumn-color{

	border-radius: 10px;
}

.project {
	background-color: gainsboro;
		padding: 5%;
	box-sizing: border-box;
}

.navi {
	background-color: gainsboro;
	padding: 5%;
	box-sizing: border-box;
}

.edu {
	padding: 5%;
	box-sizing: border-box;
}

.web {
	background-color: darkgrey;
}

.skills {
		padding: 5%;
	box-sizing: border-box;
}

h2 {
	font-family: 'Josefin Sans', sans-serif;
font-family: 'Playpen Sans', cursive;
}

p {
	font-family: 'Dosis', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Playpen Sans', cursive;
}

li {
	font-family: 'Dosis', sans-serif;
font-family: 'Josefin Sans', sans-serif;
font-family: 'Playpen Sans', cursive;
	padding: 2%;
	
}

@media (max-width:992px){
	.row{
		display: block;
	}
	.column{
		width: 100%;
		padding: 5%;
		box-sizing: border-box;
	}
	.main{
		display: block;
	}
	.aside-left{
		width: 100%;
	}
	.aside-right{
		width: 100%;
	}
}