body {padding: 0;border: 0;margin: 0;background-color: #eee;overflow: hidden;}
::-webkit-scrollbar {width: 0;}
::-webkit-scrollbar:horizontal {height: 0;}

#topbar {position: absolute;width: 100vw;height: 7vh;left: 0;top: 0;z-index: 1000;}
#topbar .waves-effect {position: absolute;width: 7vh;height: 7vh;}
#topbar .waves-effect img {position: absolute;width: 4vh;height: 4vh;left: 1.5vh;top: 1.5vh;}
#exit {left: 0;top: 0;}
#title {position: absolute;width: calc(100vw - 7vh) !important;height: 7vh;left: 7vh;top: 0;font-size: 2.8vh;display: flex;justify-content: start;align-items: center;}

#settingsbar {
    position: absolute;width: 100vw;height: 93vh;left: 0;top: 7vh;
    display: flex;flex-wrap: wrap;align-content: flex-start;overflow-x: hidden;overflow-y: auto;
}

.profile_card {
    position: relative;width: 100vw;height: 5vh;left: 0;top: 0;
    font-size: 2.4vh;padding: 1.5vh;border-bottom: 1px solid #e0e0e0;display: flex;align-items: center;display: flex;white-space: nowrap;align-items: center;overflow-x: auto;overflow-y: hidden;
}
.interval {position: relative;width: 100vw;height: 2vh;left: 0;top: 0;}
.file_input {
    position: absolute;width: 70vw;height: 5vh;
    padding: 0;border-radius: 0;font-size: 2.5vh;cursor: pointer;outline: none;border: 0;
}
.file_input::file-selector-button {background-color: transparent;color: transparent;border: none;line-height: normal;height: 100%;width: 0;}
#file_avatar {left: 0;top: 61vh;}
#file_cover {left: 0;top: 68vh;}
.file_btn {
    position: absolute;width: 30vw;height: 5vh;
    font-size: 2.5vh;display: flex;justify-content: center;align-items: center;
}
#avatar_btn {right: 0;top: 61vh;}
#cover_btn {right: 0;top: 68vh;}

#dark_mode {
    position: absolute;left: 0;top: 75vh;border: none;
}
#dark_mode_btn {right: 0;top: 75vh;}

#toolbar {position: absolute;width: 100vw;height: 93vh;left: 0;top: 7vh;z-index: 999;}
#profile_text {
    position: absolute;width: 90vw;height: 6vh;left: 4vw;top: 1vh;
    font-size: 2.5vh;padding-left: 1vw;padding-right: 1vw;border: none;border-radius: 0;border-bottom: 2px solid black;
}
#profile_text:focus {border-bottom: 2px solid #81d4fa;box-shadow: 0 1px 0 0 #81d4fa;}
.btn {position: absolute;width: 44vw;height: 5vh;font-size: 2.5vh;border-radius: 1vh;display: flex;justify-content: center;align-items: center;}
#exit_btn {left: 4vw;top: 9vh;}
#update_btn {left: 52vw;top: 9vh;}

#progress_bar {position: absolute;width: 0%;height: 93vh;left: 0;top: 7vh;background-color: rgba(0, 0, 0, 0.2);z-index: 1001;}