h1{
    margin: 50px auto 0 auto;
    font-family: 'Sacramento', cursive;
    font-size: 5.625rem;
    color: #66BFBF;
    text-align: left;
}
.typed-out{
    display: inline-block;
    vertical-align: middle;
    color: #66BFBF;
    letter-spacing: 2px;
    padding:0px;
    font-size: 30px;
}

.flex-container{
    display:flex;
}

.fitem{
    padding-left: 100px;
    padding-right: 100px;
    align-items:  center;
    justify-content: center;
}
.cursor{
    display: inline-block;
	vertical-align: middle;
	width: 3px;
	height: 30px;
	background-color: #66BFBF;
	animation: blink .75s step-end infinite;
}

.container {
    text-align: left;
    height:25px;
    margin-top: 5px;
}
.container p {
    overflow: hidden;
    padding:0px;
    margin:5px;
}
nav{
    background: #66BFBF;
    padding-bottom: 200px;
}

.nav-link{
    font-weight: bold;
    margin-right: 50px;
}
body{
    margin: 0px;
    font-family: 'Merriweather', serif;
    text-align: center;
    color: #40514E;
}
h3{
    font-family: 'Montserrat', sans-serif;
    color: #11999E;
}
a{
    color: #11999E;
}

h2{
    font-family: 'Montserrat', sans-serif;
    font-size:2.5 rem;
    color: #8acaca;
    padding-bottom: 10px;
}
span{
    text-decoration: underline;
}
.contact{
    margin-bottom: 20px;
}
.top-container{

    /* background-color: #E4F9F5; */
    padding-top: 200px;
}

.middle-container{
    margin-top:150px;
}
.intro{
    width:30%;
    margin:0 auto;
    padding-bottom:30px;
}
.bottom-container{
    background-color: #66BFBF ;
    height:100px;
    margin-top: 100px;
    padding-top: 30px;
}
.footer-link{
    display: inline-block;
    margin-left:30px;
    margin-right: 30px;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-weight: bold;
    text-decoration: none;
    font-size: 20px;
}
a:hover{
    color:#EAF6F6;
}

p{
    line-height: 2;
}

.btn {
    background: #11cdd4;
    background-image: -webkit-linear-gradient(top, #11cdd4,  #11999e);
    background-image: -moz-linear-gradient(top, #11cdd4,  #11999e);
    background-image: -ms-linear-gradient(top, #11cdd4,  #11999e);
    background-image: -o-linear-gradient(top, #11cdd4,  #11999e);
    background-image: linear-gradient(to bottom, #11cdd4,  #11999e);
    -webkit-border-radius: 8;
    -moz-border-radius: 8;
    border-radius: 8px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}
  
.btn:hover {
    background: #30e3cb;
    background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
    background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
    background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
    background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
    background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
    text-decoration: none;
}
  
.copyright{
    color: #EAF6F6;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
  


@keyframes blink {
    from, to { 
		background-color: transparent 
	}
	50% { 
		background-color: #66BFBF; 
	}
}
    
/* width */
::-webkit-scrollbar {
    width: 10px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset;
    border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #66BFBF;
    border-radius: 10px;
  }
  ::-webkit-scrollbar-track-piece:end {
    background: transparent;
    margin-bottom: 100px; 
}

::-webkit-scrollbar-track-piece:start {
    background: transparent;
    margin-top: 60px;
}

.fcontainer{
    display:flex;
    justify-content: center;
}

.card{
    margin-left: 30px;
    margin-top: 40px;
    margin-bottom: 40px;
}