*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: url("./AdventSans-Logo.otf");
}

body{
    background-image: url(../images/IMG-20220529-WA0055.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.content-horizontalcenter{
    justify-content: center;
    text-align: center;
}

input{
	margin-top: 30px;
	font-size: 24px;
	background: transparent;
	border: none;
  	border-bottom: 2px solid black;
}

input:focus{
  outline: none;
}

.default-btn{
	margin-top: 80px;
	border-radius: 8px;
	background-color: #CC7A00; /* Orange */
  	border: none;
  	color: white;
  	padding: 14px 40px;
  	text-align: center;
  	text-decoration: none;
  	display: inline-block;
  	font-size: 16px;
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.default-btn:hover{
	background-color: #FF9400; /* Orange2 */
	cursor: pointer;
}

.content-title{
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    text-align: center;
}

h1{
    font-size: 100px;
    color: rgb(0, 0, 0);
}

.tree {
  list-style-type: none;
  text-align: center;
  padding: 0;
  padding: 4px;
}

.active {
  display: block !important;
}

.branch {
  list-style-type: none;
  display: none;
}

.login-body {
	position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
    text-align: center;
}

.folder {
    display: inline-flex;
    height: 70px;
    width: 70px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNTEyIDE0NHYyODhjMCAyNi41LTIxLjUgNDgtNDggNDhoLTQxNkMyMS41IDQ4MCAwIDQ1OC41IDAgNDMydi0zNTJDMCA1My41IDIxLjUgMzIgNDggMzJoMTYwbDY0IDY0aDE5MkM0OTAuNSA5NiA1MTIgMTE3LjUgNTEyIDE0NHoiLz48L3N2Zz4=);
    background-repeat: no-repeat;
    overflow: clip;
    padding: 8px;
    text-align: center;
    background-position: center;
    position: relative;
    filter: invert(74%) sepia(99%) saturate(730%) hue-rotate(357deg) brightness(100%) contrast(104%);
}

.folder:hover {
	cursor: pointer;
}

.file {
    height: 0px;
    width: 0px;
    background-repeat: no-repeat;
    overflow: clip;
    padding: 6px;
    text-align: center;
    background-position: center;
    position: relative;
    filter: invert(74%) sepia(99%) saturate(730%) hue-rotate(357deg) brightness(100%) contrast(104%);
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuMS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIyIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNMCA2NEMwIDI4LjY1IDI4LjY1IDAgNjQgMEgyMjRWMTI4QzIyNCAxNDUuNyAyMzguMyAxNjAgMjU2IDE2MEgzODRWNDQ4QzM4NCA0ODMuMyAzNTUuMyA1MTIgMzIwIDUxMkg2NEMyOC42NSA1MTIgMCA0ODMuMyAwIDQ0OFY2NHpNMjU2IDEyOFYwTDM4NCAxMjhIMjU2eiIvPjwvc3ZnPg==);
}

.file:hover {
	cursor: pointer;
}