:root {
    --orange-hex: #F9A61A;
    --dark-grey-hex: #393C3E;
    --green-hex: #bece23;
    --blue-hex: #00A0DD;
}
html{
    height: 100%;
    font-family: "Brandon Grotesque";
    background: var(--dark-grey-hex);
}
body{
}
a{
    text-decoration: none;
}

.login_header{
    color: var(--orange-hex);
}

.folder_name{
    color: #FFF;
    font-weight: bold;
    font-size: 25pt;
    cursor: pointer;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.folder_content{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.hidden{
    display: none;
}

.item{
    font-size: 15pt;
    color: var(--orange-hex);
    margin-left: 3%;
    width: 97%;
}
.link{
    color: var(--blue-hex);
    cursor: pointer;
    display: inline-block;
    width: 100%;
}
.item.android .link{
    color: var(--green-hex);
}
.size{
    font-size: 12pt;
    display: inline-block;
    margin-right: 20px;
}
.last_modified{
    font-size: 12pt;
    display: inline-block;
}