/*
   Color palette:
       blue: #0099e6
       red: #ff4b4b
       green: #34cf50
*/

h1 {
   color: #34cf50;
   border-bottom: 4px solid #0099e6;
}

.navbar {
    justify-content: 'space-between';
}

.nav-item {
    display: inline-block;
    padding: 5px;
    font-weight: 500;
    letter-spacing: 2px;
}

.nav-link{
    display: inline;
    margin: 5px 10px;
}
.userPage {
   padding: 20px;
}

#confirm-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: grid;
    border: 3px solid #0099e6;
    background-color: #ffffff;
    border-radius: 7px;
    padding: 5px;
    text-align: center;
    z-index: 100000;
}

#confirm-popup .popup-buttons {
    text-align: right;
    padding: 20px 20px 0 0;
}