body{background:none;color:#5a2424;font-family:Poppins,sans-serif;min-height:100vh}:root{--bs-border-radius:0.7rem}html{background:#fbf4f4}.btn,.fa-solid,html{color:#5a2424}.btn{border-radius:50rem;border-width:.3rem;font-weight:500;padding:.6rem 1.6rem}.btn:has(>i.fa-solid:first-child){padding-left:1.3rem}.btn:has(>i.fa-solid:last-child){padding-right:1.3rem}.btn:hover{color:#5a2424}.btn.btn-custom{background-color:#e4caca}.btn.btn-custom:hover{background:#dcbaba;border-color:#dcbaba;color:#5a2424}h2{color:#7e5d5d;font-weight:500}.title-bar{align-items:center;margin-bottom:4rem}@media (max-width:575px){.title-bar h2{font-size:2.7rem;text-align:center}.title-bar .btn:not(.btn-custom){border-color:#e4caca}}.title-bar-second{margin-top:9rem}.files{grid-gap:.5rem;display:grid;flex-wrap:wrap;font-size:.96rem;grid-template-columns:repeat(auto-fill,min(90vw,18rem));justify-content:center}.files .file{background:#edd9d9;border-radius:1.5rem;cursor:pointer;font-weight:500;height:6rem;padding:1rem 2.4rem 1rem 2rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}.files .file .file-title{-webkit-box-orient:vertical;color:#5a2424;display:-webkit-box;height:3rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis}.files .file .file-icon-cont{align-items:flex-end;display:flex;flex-direction:column;height:0;width:calc(100% + 1.4rem)}.files .file .file-icon-cont .file-icon{align-content:center;border-radius:1rem;display:block;font-size:1.1rem;height:1.9rem;margin-bottom:.3rem;min-height:1.9rem;padding:.5rem;text-align:center;transition:opacity .3s ease-in-out;transition:background-color .1s ease-in-out;width:1.9rem}.files .file .file-icon-cont .file-icon.not-on-hover{display:block}.files .file .file-icon-cont .file-icon.on-hover{display:none}.files .file .file-icon-cont .file-icon.action{background-color:#d8a2a2;font-size:.9rem}.files .file .file-icon-cont .file-icon:hover.action{background-color:#d07b7b}.files .file:hover{background:#dcbaba}.files .file:hover .file-icon.not-on-hover{display:none}.files .file:hover .file-icon.on-hover{display:block}#fileInput{display:none}