body, html{
    min-height: 100%;
    

}
.nav-heading{
  color:white;
margin-left:0;}
.login{
  align-items: center;
margin-top:10%;  
height: 500px;
width: 500px;

}
.login-forms{
  position: relative;
  align-items: center;
margin-top:5%;  
height: 500px;
width: 500px;
margin-bottom: 50%;
}
.login-title{
  text-align: center;
  margin-top: 15%;
  color:white;
  font-family: 'Anton', sans-serif;

}

.workbg{
  background: url("bg.svg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



  .card-img-top{
    height: 300px;
    width: 300px;
  }
.focused{

border: 3px solid #a64452;
height:100px;
width: 400px;
font-size: x-large;
color:white;

}


    .input-looks{
      border-bottom:  3px solid white;
      border-radius: 8px;
      border-top: 0;
      border-right: 0;
      border-left: 0;
color:white;
            height:100px;
     width: 400px;
font-size:x-large;
      }
  .title-section{
    margin-top: 5%;
  }
 
 .headtitle{
   align-content: center;
  color:white;
  border:4px solid white;
  border-radius: 8px;
  display:inline-block;
  padding:4px;
 }

 .hearted{
   color:red;
 }
  .border-white{
    border:2px solid white;
    border-radius: 8px;
  }
.transparent-bg{
  background: transparent;
}

.border-forms{
  border:2px solid white;
  border-radius: 8px;
  width: 500px;
  padding: 2%;
}

#vidheart1{
  margin-top: 20px;
  margin-left: 70px; 
   font-size: 40px;
}

#vidheart2{
  margin-top: 20px;
  margin-left: 70px;  
   font-size: 40px;
}

#vidheart3{
  margin-top: 20px;
  margin-left: 70px;  
   font-size: 40px;
}
#vidheart4{
  margin-top: 20px;
  margin-left: 70px;  
   font-size: 40px;
}
#vidheart5{
  margin-top: 20px;
  margin-left: 70px;  
   font-size: 40px;
}
#vidheart6{
  margin-top: 20px;
  margin-left: 70px;  
   font-size: 40px;
}
  .navbar{
    background: #071e1a;
  }
  .navbar a{
    color:white;
  }
.card{
  height: 400px;
  color:white;
  background-color: rgba(245, 245, 245, 0); 
  border:0;
}

.card-body{
  margin-left: 25px;
}
.backcard{
  background:url(moonblues.jpg)
}
.about-content{
margin-top:30%;
color:white;
border:2px solid white;
border-radius: 8px;
font-family: 'Anton', sans-serif;
line-height: 26pt;
padding:4%;
background-color:rgb(7, 30, 26,0.7);


}

.input-looks::-webkit-input-placeholder {
  color: orange;
}


.main-content{
  margin-top:7%;
  margin-bottom: 7%;
  position: relative;
}



#worktitle{
  text-align: center;
  color:white;
  font-family: 'Anton', sans-serif;

}

#contacttitle{
  text-align: left;
  margin-left: 20%;
  color:white;
  font-family: 'Anton', sans-serif;
}
.icons{
  color:white;
  margin-left: auto;
  margin-right: auto;

}

.form-section{
position: relative;
padding-top:2%;
margin-right:10px;
margin-top: 50%;

}


.copyright{
  background: #071e1a;
  color:white;
  position: relative;
  width: 100%;
height: 100px;
  

}
.sociallinks{
  justify-content: right;
}
.footer{
background: #3b5453;
color:white;
position:relative;
width: 100%;
height: 100px;

}

#contactme{
  padding: 10%;
}

.imgview {
  width: 100%;
  height: 500px;
}
.carousel-inner{
  width:100%;
  max-height: 500px !important;
  border:4px solid black;
  border-radius: 8px;

}


 
.position h1{
  text-align:center;
  border:2px solid white;
  border-radius: 8px;

  margin-left: 20%;
  margin-right: 20%;
}
.position{
color:white;
width: 600px;
height: 500px;
font-size: 2rem;
border:3px solid white;
border-radius: 8px;


}
.position2{
 
    color:white;
    width: auto;
    font-size: 3rem;
  }    
  

#carouselExampleControls{
margin:0;}

#custCarousel .carousel-inner{
  width:100%;
  max-height: 100% !important;
  border:4px solid black;

}

#custCarousel .carousel-inner img {
  width: 100%;
  height: 100%
}

#custCarousel .carousel-indicators {
  position: static;
  margin-top: 20px
}

#custCarousel .carousel-indicators li {
  width: 100px
}

#custCarousel .carousel-indicators li img {
  display: block;
  opacity: 0.7
}

#custCarousel .carousel-indicators li.active img {
  opacity: 1
}

#custCarousel .carousel-indicators li:hover img {
  opacity: 1
}

.carousel-item img {
  width: 100%
}

#gypsy{
  width: 40rem;
  height: 30rem;
  border:4px solid white;
  border-radius: 9rem;
}