#terminal h3 {
    color: #F7F7F7;
    font-weight: 300;
}

#terminal p {
    color: #E7C880;
}

#terminal a {
    color: #3ED6DE;
}

#top{
    display: flex;
    align-items: center;
    gap: 0.4rem;

    width: 100%;
    height: 30px;
    background-color: #DEDDE0;
    border-radius: 15px 15px 0 0;
    padding-left: 1rem;
}

.circle {
    background-color: #F96256;
    width: .8rem;
    height: .8rem;
    border-radius: 50%;
}
.circle:nth-child(2){
    background-color: #FDBC3D;
}

.circle:nth-child(3){
    background-color: #33C948;
}

#bottom {
    width: 100%;
    min-height: 600px;
    background-color: #5A5D7A;
    padding: 2.5rem;
    border-radius: 0 0 10px 10px;

    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

.content{
    margin-bottom: 1.8rem;
}