.container{
    display: flex;
    flex-direction: column;
    padding: 10px;
}

.content{
    display: flex;
    align-items: center;
}

.content p{
    margin-right: 15px;
}

.red{
    color: red;
}

.green{
    color: green;
}

.button{
    margin-left: 20px;
}

.access-token{
    inline-size: 1000px;
    overflow-wrap: break-word;
}

.activity-log-container{
    width: 80%;
}

.activity-log{
    background: white;
    padding: 6px;
    border-radius: 5px;
    height: 65vh;
    overflow:auto;
}

.activity-log p{
    margin: 1px 0;
}

.activity-log span{
    font-weight: bold;
}

@media only screen and (max-width: 600px) {
    .content {
      flex-direction: column;
      align-items: flex-start;
    }

    .activity-log-container{
        display: none;
    }
  }