@charset "UTF-8";
/* headline: font-family: 'Darker Grotesque', sans-serif;
paragraph: font-family: 'Italiana', serif;'*/

/* Color Scheme:
light blue: #4CCADF
electric indigo: #401DDB
burgundy: #910048
hot pink: #DE0074
black: #000000
*/

body {
  font-family: 'Italiana', serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Darker Grotesque', sans-serif;
}

.navbar-custom {
  font-family: 'Darker Grotesque', sans-serif;
}

/* Background color for navbar and dropdown menus */
.navbar-custom,
.navbar-custom .dropdown-menu {
  background-color: #910048;
}

/* Text color for navbar and dropdown menus */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text,
.navbar-custom .navbar-nav .nav-link,
.navbar-custom .dropdown-item {
  color: #ecf0f1;
}

/* Background and text colors for current page link and links on hover and focus */
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item:hover .nav-link,
.navbar-custom .nav-item:focus .nav-link,
.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
  background-color: #000000;
  color: #fff;
}

/* Border and text colors for menu icon on small screens */
.custom-toggler.navbar-toggler {
  border-color: #ecf0f1;
  color: #fff;
}

/* Hamburger icon - use same rgb values as previous rule for stroke */
.custom-toggler .navbar-toggler-icon { 
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(236,240,241, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* navbar-brand logo */
.navbar-brand {
  background-image: url(../images/Untitled-2.png);
  padding-left: 60px;
  background-position: 6% center;
  background-repeat: no-repeat;
  background-size: 50px auto;
}

/* Header Banner Section */
#home-banner {
  padding-left: 0px;
  padding-right: 0px;
  position: relative;
}

/* rem values are relative to the root html element 1rem=16px */
#home-banner h1 {
    font-size: 4rem;
    color: #fff;
    text-shadow: 2px 1px rgba(71, 71, 71, 0.68);
    position: absolute;
    left: 3%;
    bottom: 10%;
}

/* Media Query Breakpoints */

/* X-SMALL ONLY */
@media screen and (min-width: 375px) {
  #home-banner h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
  }
}

/* SMALL SIZE ONLY */
@media screen and (min-width: 576px) {
  #home-banner h1 {
    font-size: 1rem;
    bottom: 3%;
    left: 3%;
  }
}

/* MEDIUM SIZE ONLY */
@media (min-width: 768px) {
  #home-banner h1 {
    font-size: 2rem;
    bottom: 5%;
    left: 3%;
  }
.d-xl--block {
}
}

/* LARGE SIZE ONLY */
@media screen and (min-width: 992px) {
  #home-banner h1 {
    font-size: 3rem;
    bottom: 5%;
    left: 3%;
  }
}

.container-fluid {
	
}

/*3 col main section*/
.main h2 {
		 text-align: center; 
         font-weight: 800;
         font-size: 1.8em;
         color: #401DDB;
}

.carousel-caption {
	color: #DE0074;
	text-decoration: overline;
	text-decoration-color: black;
}

.display-4 {
    display: block;
    border-color: #000000;
    border: double;
    border-width: 15px
}

.card3 {
	top: 30%;
	background-color: #4CCADF;
	border: double;
	border-width: thick;
	border-color: #401DDB;
}

.card {
	border: double;
	border-width: thick;
	border-color: #4CCADF;
}


h2 {
	text-shadow: 3px 2px 4px #4CCADF;
	
	
}

h3 {
	text-shadow: 3px 2px 5px #401DDB;
	
}

.jumbotron {
	background-color: #401DDB;
}


footer {
  text-align: center;
  background-color: #4CCADF;
  color: #000000;
  line-height: 60px;
}
.kandy {
	text-align: center;
}

.rounded-circle1 {
	align-items: center;
}
.skills {
	border-width: thin;
	border: solid;
	border-color: grey;
}
.edu {
	border-wdith: thin;
	border: solid;
	border-color: grey;
}
.exp {
	border-wdith: thin;
	border: solid;
	border-color: grey;
}