body{
    font-family: basiic;
    background-color: rgb(36, 38, 42);
    color:rgb(187, 192, 197);
    font-size: 16px;
}

@font-face {
    font-family: basiic;
    src: url("/img/basiic.ttf");
}

.index{
    width: 600px; 
    margin: auto;

    img{
        width: 100%;
    }

    #header{
        text-align: end;
        margin: 0px;
        font-size: 14px;
        color:rgb(73, 79, 86)
    }

    #notice{
        margin: 3px;
        font-size: 15px;
        color:rgb(117, 126, 137)
    }

    #njz{
        border-style: dotted;
        border-color: rgb(117, 126, 137);
        border-width: 1.5px;
        border-radius: 3px;
    }
}

a:link{
    color:rgb(97, 113, 133)
}

a:visited{
    color:rgb(97, 113, 133)
}

::selection {
  color:rgb(187, 192, 197);
  background:rgb(117, 126, 137);
}

.wrapper{
    flex-wrap: wrap;
    min-height: 100vh;
}
.sidebar{
    height: 100%;
    width: 300px;
    position: fixed;
    top: 0;
    left: 0;
    background-color: aquamarine;
    
}

.gallerydisplay{
    background-color: bisque;
    top: 0;
    height: 100%;
}