.navbar-brand svg {
    color: white;
    width: 60px;
    height: 60px;
}

aside {
    width: 20%;
    height: 90vh;
    padding: 10px;
}

#sectionTitle {
    border-radius: 15px;
}

#sectionTitle b {
    margin-left: 20px;
}

#mainSection{
    opacity: 1;
    visibility: visible;
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
}

#mainSection.close{
    opacity: 0;
    visibility: collapse;
    transform: translateY(100%);
}

.overFlowHidden{
    overflow-y: hidden;
} 

@media(orientation: portrait) {
    main {
        width: 100%;
    }

    .navbar-nav {
        display: flex !important;
    }
}