html {
	scroll-behavior: smooth;
  }
.navbar{
	padding: .30rem 10rem !important;
	 right: 0;
	left: 0;
	 z-index: 1030;
	 position: fixed !important;
}

.mark, mark {
    padding: 0em !important; 
    background-color: #ffef2ca6 !important;
    display: inline-block !important;
    line-height: 0em !important;
    padding-bottom: 0.5em !important;
}


.row{
	margin:0 !important;
}
.dark{
	background-color:black !important;
	
	background-size: 50px 50px;
}
body{
	font-family: 'Lato', sans-serif !important;
	font-size: 20px !important;
	
}
h1{
	color:white;
	font-family: 'Lato', sans-serif !important;
	text-align: center;
	font-weight: 100 !important;
	
}
h2{
	color:white;
	font-family: 'Lato', sans-serif !important;
	text-align: center;
	
}
.centerImageHeader{
	justify-content: center;
	font-family: 'Lato', sans-serif !important;
    display: grid;
}
.titlesblack{
	color: black;
	font-weight: 400 !important;
	padding-top: 10%
}
.titleswhite{
	color: white;
	font-weight: 400 !important;
	padding-top: 10%
}
.darkSection{
	background-color: black !important;
	font-family: 'Lato', sans-serif !important;
}
#about{
	font-family: 'Lato', sans-serif !important;
}
#Projects{
	font-family: 'Lato', sans-serif !important;
}

.icons{
	height: 100px;
    width: 100px;
}
.card-text{
	text-align: left !important
}
.contactIcons{
	margin-right: 20px;
	height: 70px; width:70px
}
.contact{
	margin-top: 100px;
	text-align: -webkit-right;
}
.contactIcons:hover {
	filter: opacity(0.5);
	cursor: pointer;
}

img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.vert-move {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

p{
	text-align: center;
	font-family: 'Lato', sans-serif !important;
	font-weight: 300 !important;
	font-size: 15px;
}
.centerIcons{
	
	text-align: center;
	color: white;
	font-weight: 100 !important;
}

.vert-move{
	max-height: 400px;
	max-width: 400px;
	margin-top: -100px;
}


@media (max-width: 600px) {
  .minim {
	  
		max-width: 100px;
		min-width: 200px;
		margin-left: 37px;
	}
	h2{
		font-size: 22px !important;
	}
	.section1{
		margin-top: 100px;
		
	}
	.navbar{
		padding: 10px !important;

	}
	.footer{
		max-width: 200px;
		min-width: 80px;
		max-height: 200px;
	}
	.vert-move{
		margin-top: 0px;
	}
	
}