body {
    min-width: 315px;
    margin: 0;
    overflow: hidden;
    background: #F27185;
    height: 100vh;
}
.background
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background-size: 400% 400%;
    width: 100vw;
    height: 100vh;
    background-image: linear-gradient(270deg, #f26b99, #f2816b, #f26bdc, #f26b99);
    animation: gradient 15s ease-in-out infinite;
}
.navbar
{
    background: none;
}
.navbar.navbar-light
{
    padding: 0;
}
.nav-link
{
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
    color: #B0F3BB;
}
.navbar-brand
{
    background: linear-gradient(90deg, #f2816b, #F2C46B, #B0F3BB, #f26bdc);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 15s ease infinite;
    font-family: gluten;
    font-weight: bold;
    font-size: 40px;
}
.navbar-brand:hover
{
    background: linear-gradient(90deg, #f2816b, #F2C46B,  #B0F3BB, #f26bdc);
    background-size: 400% 400%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: gradient 15s ease infinite;
    font-family: gluten;
    font-weight: bold;
}
.navbar-text
{
    font-family: gluten;
    font-weight: bold;
}
#hamburger
{
    display: none;
    z-index: 1001;
}
#default
{
    display: block;
}
#sub-hamburger
{
    border: none;
}
.navbar-toggler
{
    border: none;
    z-index: 1000;
    /*color: black;*/
    /*background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")");*/
}
.navbar-toggler:hover
{
    text-decoration: none;
}
@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

@keyframes type{
    from { width: 0; }
}

@media (max-width: 890px){
    #hamburger
    {
        display: block;
    }
    #default
    {
        display: none;
    }
    #navbarToggleExternalContent
    {
        visibility: visible;
    }
}

@media (max-width: 505px){
    #sub-hamburger
    {
        display: none;
    }
}

#navbarToggleExternalContent
{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    transition-duration: 0s;
    transition-delay: 0s;
    height: 100vh;
    width: 200px;
}

#menu
{
    z-index: 1000;
    margin: auto;
    padding: 0;
}

#copyright
{
    padding-bottom: 5px;
}

#spacer-div
{
    padding-top: 60px;
}

.flex-column
{
    align-items: center;
}