.my-nav{
    color: #c9d6df !important;
    margin-top: 10px;
    background-color: #1e2022 !important;
    box-shadow: 0px 15px 10px -15px #1e2022;
    font-family: 'Roboto Mono', monospace;
}

html {
    scroll-behavior: smooth;
}
  

/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
}
 
/* Track */
::-webkit-scrollbar-track {
    background: #1e2022;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #c9d6df; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #c9d6df; 
}

.bar{
    width: 25px;
    height: 3px;
    background-color:#c9d6df;
    margin: 6px 0;
  }
.hamburger{
    background-color: rgba(0, 0, 0, 0);
    border: none;
    display: inline-block;
}
.home{
    font-family: 'Sacramento', cursive;
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    color: #c9d6df;
    background-color: #1e2022;
    text-shadow: 0px 0px 16px #52616b;
}
.home div{
    width: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.about{
    position: relative;
    justify-content: center;
    align-items: center;
    color: #52616b;
    background-color: #f0f5f9;
}
.about p{
    font-family: 'Baloo Paaji 2', cursive;
}
.about h2{
    text-shadow: 0px 0px 16px #52616b;
    font-family: 'Roboto Mono', monospace;
    color: #1e2022;
}
.top-padding{
    padding-top:75px;
}


.portfolio{
    position: relative;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    color: #1e2022;
    background-color: #c9d6df;
}
.portfolio h2{
    font-family: 'Roboto Mono', monospace;
    text-shadow: 0px 0px 16px #52616b;
}

.contact{
    font-family: 'Roboto Mono', monospace;
    position: relative;
    justify-content: center;
    align-items: center;
    color: #f0f5f9;
    background-color: #52616b;
}
.contact h2{
    text-shadow: 0px 0px 16px #c9d6df;
}
.contact a{
    color: #f0f5f9;
    text-decoration: solid;
}
.footer{
    color: #c9d6df;
    background-color: #1e2022;
}
.footer a{
    text-decoration: none;
    color:#f0f5f9;
}
.btn-one,
.btn-one:hover{
    color: #f0f5f9;
    background-color: #52616b;
    box-shadow: 2px 2px 2px 0px black;}
.btn-two,
.btn-two:hover
{
    background-color: #1e2022;
    color: #c9d6df ;
    box-shadow: 2px 2px 2px 0px black;}
.card{
    box-shadow: 0px 0px 5px 0px #52616b;
    background-color: #f0f5f9;
}
.image-icon{
    padding-top: 1.25rem;
    padding-left: 1.25rem;
}
.text-3d{
    text-shadow: 1px 1px 2px #52616b;
}
.baloo-text{
    font-family: 'Baloo Paaji 2', cursive; 
}