.flex {
    display: flex;
    padding: 2px;
    background-color: aqua;
    justify-content: space-between;
    
}

nav {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 6px;
}

.btn {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 6px;
}

.top {
    padding: 20px;
    margin: 10px;
}

.flex1 {
    display: flex;
    margin: 20px;
    justify-content: space-between;
}

.logo {
    padding: 10px 0;
    width: 80px;
}

.logo img {
    width: 80px;
}

.flex2 {
    display: flex;
    margin: 20px;
}

.panel1, .panel2 {
    width:150px;
}

.mini {
    width: calc(100% - 300px);
}

.spacer {
    padding: 10px;
}

.mini1 {
    display: flex;
    margin: 0px 0;
    justify-content: center;

      background-color: darkgreen;
    color: rgb(0, 0, 0);
    
}

.mini2 {
    
    display: flex;
    margin: 10px 0;
    justify-content: center;

      background-color: gray;
    color: rgb(0, 0, 0);
    
}

.mini3 {
    display: flex;
    margin: 10px 0;
    justify-content: center;

      background-color: aquamarine;
    color: rgb(0, 0, 0);
}


footer {
    background-color: black;
    height: 13%;
    color: aliceblue;
    justify-content: center;
}