* {
    color: azure;   
}
aside {
    width: 20%;
    padding-left: .5rem;
    margin-left: .5rem;
    padding-right: .5rem;
    float: right;
    box-shadow: inset 5px 0 5px -5px #000000;
    font-style: italic;
    color: #000000;
}

#logout {
    position: fixed;
    top: 2px;
    left: 2px;
}

#addForm {
    position: fixed;
    top: 2em;
    right: 2px;
    padding-right: 10px;
}

#addbox {
    background-color: #2a2a2a;
    color: azure;
}

.addlist {
    background-color: #2a2a2a;
    color: azure;
}

#logbtn {
    left: 10em;
    padding-top: 10px;
}

body {
    background-color: #2a2a2a;
    color: azure;
}

#admin {
    position: fixed;
    top: 2px;
    right: 2px;
    padding-left: 10px;
}

@media screen and (min-width: 600px) {
    .main {
        width: 90%;
        flex-direction: row;
        display: flex;
    }
    }
    .list {
        
  }
  .navbutt {
    width: 100%;
    /* justify-content: center; */
    display: flex;
    
    
  }

@media screen and (min-width: 800px) {
    .main {
      width: 100%;
      justify-content: center;
      display: flex;
      
      
    }
    .form {
        width: 100%;
        /* justify-content: center; */
        display: flex;
        
        
      }
      .navbutt {
        width: 100%;
        /* justify-content: center; */
        display: flex;
        align-items: center;
        
        
      }

      .contain {
        display: flex;
        flex-direction: row;
        justify-content: center;
      }
    .list {
        /* width: 90%; */
        flex-direction: row;
        justify-content: center;
        display: flex;
    }

    .innerContain {
        display: flex;
        flex-direction: column;
        width: 90%;
    }
  }