@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');


body {
 background-image: url("background.jpg");
 background-size: 50%;

}

#header {
	margin:  auto;
	padding: 45px;
	text-align: center;
	width: 80%;
	background: #FFFFFF;
	border-radius: 45px;
	border-width: 2px;
	border-style: solid;
	margin-top: 70px;
	margin-bottom: 20px;
}

#footer {
	margin-top: 25px;
	text-align: center;
}

#myCarousel {
	margin-bottom: 25px;
}

.bg {
	background-color: #4caf50;
}


h1 {
	font-family: helvetica;
	font-size: 55px;
}

h2,h4, h5 {
	font-family: 'Roboto', sans-serif;
}


h1:hover{
	color: #3d8c40;
}

h4:hover{
	color: #3d8c40;
}

p {
	text-indent: 25px;
}

#section {
	background: #F5F5F5;
	border-radius: 15px;
}


.card {
	margin: auto;
	margin-top: 25px;
	margin-bottom: 25px;
}


.fa {
  padding: 20px;
  font-size: 30px;
  width: 50px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  text-color: forestgreen;
}

.fa:hover {
    opacity: 0.7;
    color: #a2f9ac
}



.fa-youtube {
  color: forestgreen;
}

.fa-instagram {
  color: forestgreen;
}

.fa-linkedin {
	color: forestgreen;
}

.resumeimg {
	width: auto;
	height: 800px;
}

.link {
	color:forestgreen;}

.card-img-top {
	width: auto;
	height: 240px;
}

.card-img-top2 {
	width: auto;
	height: 100%;
}

.cc {
	max-width: 110%;
	max-height: 100%;
}


.space {
	padding: 12px;
}

.btn {
  border: 2px solid black;
  background-color: white;
  color: black;
  padding: 14px;
  font-size: 16px;
  cursor: pointer;
}

.btn:hover {
  background-color: #04AA6D;
  color: white;
  border-color: black;
}

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.carobottom {
	padding-bottom: 20px;
}

.sr-only {
	color: black;
	font-size: 25px;
	font-style : bold;
	background-color: white;
}

#nav {
	background-color: #a2f9a3;
}



.navbar-text {
	color: white;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
}


.navbar-text:hover {
	color: #a2f9a3;
}

.marg {
	margin-bottom: 25px;
}

.img-fit {
	width: 100%;
	height: auto;
}


ul {
    padding: 10px;
    list-style: none;
    display: inline-block;

}