/*

  2. resume

 */



 body {
   background-color: #38151C;
   font-family: 'Hind Guntur', sans-serif;
 }

 header {
   top: 0;
   width: 100%;
   position: fixed;
   z-index: 10;
 }

 .topnav {
   overflow: hidden;
   background-color: #1E0B0F;
   border-color: #665544 #1E0B0F #665544 #1E0B0F;
   border-style: solid;
   border-width: 1px;
 }

 .topnav a {
   float: left;
   display: block;
   color: #FFF6E1;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
 }

 .active {
   background-color: #622431;
   color: white;
   text-shadow: 1px 2px #000000;
 }

 .topnav .icon {
   display: none;
 }

 .dropdown {
   float: left;
   overflow: hidden;
 }

 .dropdown .dropbtn {
   font-size: 17px;
   border: none;
   outline: none;
   color: #FFF6E1;
   padding: 14px 16px;
   background-color: inherit;
   font-family: inherit;
   margin: 0;
 }

 .dropdown-content {
   display: none;
   position: absolute;
   background-color: #F3F3D5;
   min-width: 160px;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1;
 }

 .dropdown-content a {
   float: none;
   color: #311218;
   padding: 12px 16px;
   text-decoration: none;
   display: block;
   text-align: left;
 }

 .topnav a:hover, .dropdown:hover .dropbtn {
   background-color: #622431;
   color: #D4B48E;
 }

 .dropdown-content a:hover {
   background-color: #903648;
   color: #D4B48E;
 }

 .dropdown:hover .dropdown-content {
   display: block;
 }

 @media screen and (max-width: 600px) {
   .topnav a:not(:first-child), .dropdown .dropbtn {
     display: none;
   }
   .topnav a.icon {
     float: right;
     display: block;
   }
 }

 @media screen and (max-width: 600px) {
   .topnav.responsive {position: relative;}
   .topnav.responsive .icon {
     position: absolute;
     right: 0;
     top: 0;
   }
   .topnav.responsive a {
     float: none;
     display: block;
     text-align: left;
   }
   .topnav.responsive .dropdown {float: none;}
   .topnav.responsive .dropdown-content {position: relative;}
   .topnav.responsive .dropdown .dropbtn {
     display: block;
     width: 100%;
     text-align: left;
   }
 }

/* end navigation */


/* resume start */


@media (min-width: 600px) {
.container {
  font-size: 1.25rem
  }
}





/* profile section start */




#myImage {
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 45px;
}

.image {
  width: 100%;
  margin-left: absolute;
  margin-top: 0 auto;
}

#carlis {
  color: #D4B48E;
  position: absolute;
  top: 350px;
  left: 60px;
  bottom: 10px;
  width: 100%;
}

.imgCircle {
  border-radius: 10%;
}

.headerText {
  color: #D4B48E;
  text-shadow: 1px 2px #000000;
}

.resumeText {
  color: #D4B48E;
}

.description {
  color: #D4B48E;
  margin-left: 40px;
  margin-top: 1px;
}

.title {
  text-align: center;
  text-shadow: 1px 2px #000000;
  color: #D4B48E;
  margin-left: 0 auto;

}


h4 {
  color: #D4B48E;
  width: 50%;
  margin-left: 200px;
  margin: 0 auto;
}

p {
  color: #D4B48E;
}


ul {
  color: #D4B48E;
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 40px;
  /* border: 3px;
  border-style: dotted;
  border-color: blue; */
}

#profile {
  color: #D4B48E;

  margin-left: 40px;
  margin-right: 40px;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
  max-width: 90%;
  min-width: 50%;
  overflow: auto;
}

      /* deluxe */

#logo1 {
  margin-left: 40px;
  margin-right: 40px;
  max-width: 100%;
  margin-bottom: 20px;
}

#deluxe {
  color: #D4B48E;
  display: block;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  padding-left: 50px;
}

#dMedia {
  display: block;
  margin-top: 45px;
  margin-left: 20px;
  padding-right: 35px;

}

#iTunes {
  margin-left: 40px;
  margin-top: 1px;
}

.dDuties {
  display: inline-block;
  margin-top: 10px;
  margin-left: 20px;
  min-width: 10%;
}

#vault {
  color: #D4B48E;
  display: block;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
}


      /* hammer */


#logo2 {
  margin-left: 40px;
  margin-right: 40px;
  max-width: 100%;
  margin-bottom: 20px;
}

#hammer {
  color: #D4B48E;
  margin-left: 40px;
  margin-top: 1px;
}

#enCoder {
  color: #D4B48E;
  margin-top: 20px;
  margin-left: 0 auto;
}



/* education */



#logo3 {
  margin-left: 40px;
  margin-right: 40px;
  max-width: 100%;
  margin-bottom: 20px;
}

#school {
  color: #D4B48E;
  display: block;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 0px;
}

#student {
  color: #D4B48E;
  margin-top: 40px;
  margin-left: 0 auto;
}


#skill1 {
  color: #D4B48E;
  display: inline-block;
  margin-top: 20px;
  margin-left: 40px;
  min-width: 10%;
}

#skill2 {
  color: #D4B48E;
  display: inline-block;
  margin-top: 20px;
  margin-left: 40px;
  min-width: 10%;
}

#skill3 {
  color: #D4B48E;
  display: inline-block;
  margin-top: 20px;
  margin-left: 40px;
  min-width: 10%;
}

#skill4 {
  color: #D4B48E;
  display: inline-block;
  position: relative;
  margin-top: 20px;
  margin-left: 40px;
  min-width: 10%;
}

#skill5 {
  color: #D4B48E;
  display: inline-block;
  margin-top: 20px;
  margin-left: 40px;
  min-width: 10%;
}

.border {
  border: 1px solid #665544;
  margin-left: 40px;
  margin-right: 40px;
  position: center;
}



/* end resume */





border: 3px;
border-style: dotted;
border-color: blue;

color: #D4B48E;
margin-left: 230;
margin-right: 50;
margin-top: 50px;
position:static;