.App{text-align:center;position:fixed;height:100%;width:100%;font-family:RammettoOne;background-image:linear-gradient(#bfeeeb,#bfeeeb,#feffff)}.album{position:absolute;height:100%;width:100%;background-repeat:no-repeat;background-size:100% auto;display:flex;flex-direction:column}.mainHeader{font-size:2.5vh;margin:5px;text-align:center}.photo{width:190px;position:relative;border:none}.image{width:100%;height:100%;background-color:#d9d9d9;border:none}.title{margin:0;position:absolute;font-weight:700;right:5%;bottom:0%}.popup_out{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;margin:auto;background-color:#0009;z-index:999}.loadingImage{position:absolute;z-index:101;top:50%;left:50%;width:60%;transform:translate(-50%,-50%)}.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:25px;box-shadow:20px 20px 20px -5px #000000f2}.NavBar{position:relative;left:0%;top:0;width:100%;height:50px;margin:0;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.NavBar *{margin:0}.uploaded-files-list{height:400px;overflow-y:auto}.imageList{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:20px;overflow-y:scroll;padding-bottom:100px;align-self:center;justify-content:center;width:100%}.deleteButton{background-color:transparent;background-image:url(/assets/delete-circle-b5b27255.png);width:30px;height:30px;background-size:100% 100%;border:none;position:absolute;z-index:101}.logo{margin-right:50px}.imageBig{height:100%;max-width:80%;position:absolute;border-radius:15px;left:50%;top:50%;transform:translate(-50%,-50%);border:.5px solid black}.uploadButton{background-image:linear-gradient(#5234c9,#d3c1fe);color:#fff;padding:14px;border:none;border-radius:10px;width:200px;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;flex-direction:row;height:60px}.loginButton{background-image:linear-gradient(#2b36ce,#a6b5c2);color:#fff;border:none;border-radius:10px;width:100px;font-size:1.2rem;font-weight:700;display:flex;justify-content:center;align-items:center;flex-direction:row;height:45px}.selectedImage{width:300px}@font-face{font-family:RammettoOne;src:local("RammettoOne"),url(/assets/RammettoOne-Regular-faaf6383.ttf) format("truetype")}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}