body {
    background-color: rgb(13, 15, 47);
}

h1 {
    display: flex;
    justify-content: center;
}

#margin {
    margin-top: 5rem;
}

.socials, .support {
    width: 50%;
    display: flex;
    gap: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    justify-content: center;
}

@media (any-pointer: coarse) {
    .navbar-nav {
        font-size: x-large;
    }
    .navbar-brand {
        font-size: x-large;
    }
}

.nn-header img{
    width:fit-content;
}

.profile-photo img{
    filter: drop-shadow(darkblue 5px 5px 3px);
    border-width: 10px;
    border-color: white;
    border-style: solid;
}

.sidepanel-left, .sidepanel-right {
    background-color: rgb(13, 15, 47);
}
.container { 
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.row {
    padding-bottom: 5em;
}

.main-content {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    justify-content: space-evenly;
    row-gap: 5em;
}

.main-content img {
    width: 100%;
}

@media screen and (max-width: 1280px){
    .sidepanel-left, .sidepanel-right {
        display: none;
    }
    #margin {
        margin-top: 1rem;
    }
    .main-content img {
        width: 100%;
        height: auto;
    }
    .main-content {
        font-size:x-large;
    }
    .profile-photo img {
        margin-bottom: 20px;
    }
    
    .socials, .support {
       width: 100%; 
    }

}