.background{
    /* margin: center; */
    background-image: url(img/red-and-black-gradient-colored-texture-vector.jpg);
    /* text-align: center; */
    padding-top: 120px;
    color: brown;
}

.login_form{
    background-color: yellow;
    width: 500px;
    height: 500px;
    color: rgb(25, 13, 30);
    margin: auto;
    border-radius: 50px;
}

.tekst{
    text-align: center;
    /* margin: center; */
    color: grey;
}
.box{
    width: 100px;
    height: 100px;
    color: grey;
    margin: center;
}
.sidebar {
    width: 200px;
    background-color: #f1f1f1;
    padding: 20px;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
}

.sidebar a {
    display: block;
    margin-bottom: 10px;
}

/* Stijlen voor telefoon */
@media screen and (max-width: 980px) {
    /* Voeg hier de stijlen toe die van toepassing zijn op telefoons */
    .sidebar {
        width: 300px;
    }
  }
  
  /* Stijlen voor tablet */
  @media screen and (min-width: 768px) and (max-width: 1023px) {
    /* Voeg hier de stijlen toe die van toepassing zijn op tablets */
  }
  
  /* Stijlen voor pc */
  @media screen and (min-width: 1024px) {
    /* Voeg hier de stijlen toe die van toepassing zijn op pc's */
    .background{
        /* margin: center; */
        background-image: url(img/red-and-black-gradient-colored-texture-vector.jpg);
        /* text-align: center; */
        padding-top: 120px;
        color: brown;
    }
    
    .login_form{
        background-color: yellow;
        width: 500px;
        height: 500px;
        color: rgb(25, 13, 30);
        margin: auto;
        border-radius: 50px;
    }
    
    .tekst{
        text-align: center;
        /* margin: center; */
        color: grey;
    }
    .box{
        width: 100px;
        height: 100px;
        color: grey;
        margin: center;
    }
    .sidebar {
        width: 200px;
        background-color: #f1f1f1;
        padding: 20px;
        height: 100%;
        position: fixed;
        left: 0;
        top: 0;
    }
    
    .sidebar a {
        display: block;
        margin-bottom: 10px;
    }
    
  }